/*  CES style.css - Layout and Functionality */ 

/* ----------| =Initial Page Structure |---------- */ 

/*reset*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

html{height:100.2%}

body{font:11px verdana,arial,helvetica,clean,sans-serif}

/* IE 6 and below */
* html{font-size:75%}

/* IE 7 only */
*:first-child+html{font-size:75%} 
select,input,textarea{font:99% verdana,arial,helvetica,clean,sans-serif}
* html pre{font:115% monospace}
* html code{font:115% monospace}
body>pre{font:100% monospace}
body>code{font:100% monospace}
body * {line-height:1.5em}

/* ----------| =Basic Element Styles |---------- */ 

h1 { font-size: 18px; }
h2 { font-size: 16px; margin-bottom: 10px; color:#9A6DB0;}/* main header for interior page title */
h3 { font-size: 14px; color:#9A6DB0;}/* sub headings for interior pages */
h4 { font-size: 13px; }
h5 { font-size: 12px; } /*link headers for FAQ page */
h6 { font-size: 11px;}
h2,h3,h4,h5,h6 { font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; padding: .85em 0 0 0; font-weight: bold; line-height: 1em; }

p { margin-bottom: 1em; }

a { color: #35C0EE; text-decoration: underline; }
a:hover { text-decoration: none; }
a:visited { color: #777; }

/* ----------| =Utilities |---------- */ 

strong{font-weight:bold}

em{font-style:italic}

.clear{clear:both}br.clear{height:0}div.clear{height:0;width:100%;display:block}

.hide{display:none}

img.floatLeft {float: left; margin: 10px 10px 10px 0px; border: 0 none;}
	
img.floatRight {float: right; margin: 10px 10px 10px 10px; border: 0 none;}

#sbf{/*position:absolute;top:0;bottom:-0.1px;width:1em;z-index:-1*/display:none} /* Scroll bar fix for Mozilla browsers */

ul.disc li {list-style-type: disc;
list-style-position: inside;
	padding: 0;
	margin-left: 2em;
}


/* ----------| =Layout and Function |---------- */ 



	/* ----------| =Header & Top Navigation|---------- */ 


#header{height:90px;clear:both; margin-top: 10px;}
#header span { display: none; }
#header #logo { float: left; padding: 0; }
#header h1 { display: none; }
#header ol { display: inline; float: right; margin-top: 59px; height: 12px; }
#header ol li { float: left; display: inline; }
#header li a, #header li a:link { display: inline; height: 12px; margin-right: 20px; background-position: 0 0; background-repeat: no-repeat; color: #737E84;
text-decoration: none;}
#header li a:hover {color: #CCCCCC;}
#header li.active a {color: #737E84; text-decoration: underline;}


	/* ----------| =Navigation: Left Sidebar w/Selector |---------- */ 


#nav ul { height: 10px; display: block; padding-top:16px;}
#nav li { float: center; position: relative; padding: 9px 0px 9px 0px; text-align: center; }
#nav li a { display: block; height: 12px;  color: #FFFFFF; text-decoration: none}
#nav li a:hover {color: #CCCCCC;}
#nav li.active a {text-decoration: none; background-image: url(images/triangle.gif); background-repeat: no-repeat; background-position: right;}



	/* ---------| =Footer |---------- */ 

#footer { margin: 0; padding: 1.75em 0; font-size: 90%; clear: both; text-align: center; min-height: 80px; height: auto; position: relative; width: 938px; }
* html #footer { height: 80px; }
#footer * { color: #C8C8C8; background-color: transparent;margin-top:0; }
#footer ul { position:absolute;top:.5em;left:0; display: block; clear: both; margin: 0; }
#footer li { float: left; position: relative; white-space: nowrap; display: block; }
#footer ul li { padding-right:1em; }
#footer #copyright { padding-right: 1em; }
#footer em { font-style: normal; }
#footer a { text-transform: capitalize;padding: 0 .15em; text-decoration: none;display:block;/*border-bottom: 1px solid #FFF;*/ }
#footer a:hover { /*display: inline; font-style: normal;color: #C5C5C5;*/ color: #A8A8A8;  }
#footer #a { display: none }
div#footer{clear:both;width:100%}

		/* ---------| =Membership |---------- */ 
#membership  { width:900px;height: 250px; margin: 0 auto;}
#membership h3{ font-size: 14px; color:#9A6DB0; margin-bottom:10px;}/* sub headings for interior pages */
#membership ol { padding-bottom:10px; }
#membership li { display:inline;padding:20px 20px 20px 0;margin:10px;  }


	/* ----------| =Content |---------- */ 

.pageContainer { width: 938px; margin:0 auto; }
div#page{width:938px;margin:0;}
div#page-columns{width:930px;min-height:282px;height:auto;margin:0;padding-right:8px;position:relative}
* html div#page-columns{height:282px}
div#columnPri{color:#FFF;}
div#columnSec{color:#FFF;background-color:#35C0EE}
div#columnNav{color:#FFF;background-color:#737E84}

div#columnPri .columnContent{padding: 48px 20px}

div#columnPri .question{font-weight: bold}


/* home page */
#home div#columnPri .columnContent,
#home div#columnSec .columnContent{padding:0!important}

/* interior pages */
#interior div#columnPri .columnContent {color:#737E84; padding: 20px;}
#interior div#columnSec .columnContent{padding:0!important}

.col-content{min-height:282px;height:auto}
* html .col-content{height: 282px}

/* 3 column layout (195+425+310) */
#homestyle div#page-columns{}
#homestyle div#wrapper{float:left;width:100%;}
#homestyle div#columnPri{margin: 0 195px}
#homestyle div#columnNav{float:left;width:195px;margin-left:-930px}
#homestyle div#columnSec{float:left;width:310px;margin-left:-310px}

/* 3 column layout (195+660+75) */
#interiorstyle div#page-columns{background-image:url(images/interiorstyle.gif); background-repeat: repeat-y;}
  /* image with repeat keeps columns same high across - faux column fix */
#interiorstyle div#wrapper{float:left;width:100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#interiorstyle div#columnPri{margin: 0 75px 0 195px; width:660px;}
#interiorstyle div#columnNav{float:left;width:195px;margin-left:-930px;}
#interiorstyle div#columnSec{float:left;width:75px;margin-left:-75px;}


	/* ----------| =Home page text box @ bottom |---------- */ 

#boxes{clear:both;margin:8px 0 0 0;padding:0;width:930px;background:#FFFFFF; border-bottom: 1px solid #CCCCCC;}
#boxes .box{float:left;color:#FFF;min-height:140px;height:auto;margin-right:5px} * html #boxes .box{width: 930px;height:140px}
#boxes .box-content{padding:10px 20px;}
#boxes .box-content p{color:#5f6a75;padding-bottom:.25em;}
#boxes .box-content ul.disc li {list-style-type: disc;
color:#5f6a75;
list-style-position: inside;
	padding: 0;
	margin-top: 0;
	margin-left: 2em;
}