/* ################################################################################
Styles for background images 			
and  basic set up						
#################################################################################*/

body {
margin:0;
background-color:#FFFFFF;
text-align:center;
vertical-align:top;
font-family:"Trebuchet MS";
font-size:14px;
}

#topLeft {
background-image:url(images/bkgnd_topLeft.jpg);
background-position:top right;
background-repeat:no-repeat;
}

#topRight {
background-image:url(images/bkgnd_topRight.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#contentLeft {
background-image:url(images/bkgnd_contentLeft.jpg);
background-position:top right;
background-repeat:repeat-y;
}

#contentRight {
background-image:url(images/bkgnd_contentRight.jpg);
background-position:top left;
background-repeat:repeat-y;
}

#bottomLeft {
background-image:url(images/bkgnd_contentLeft.jpg);
background-position:top right;
background-repeat:repeat-y;
}

#bottomRight {
background-image:url(images/bkgnd_bottomRight.jpg);
background-position:top left;
background-repeat:no-repeat;
}

/* ##############################################################################################

Vert Navigation Stuff

###############################################################################################*/


#navContainer {
position:relative;
float:left;
text-align:left;
width:215px;
}

.navOFF {
padding:3px 0 6px 27px;
display:block;
vertical-align:top;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
color:#00005D;
text-decoration:none;
cursor:pointer;
}

.navON {
padding:3px 0 6px 27px;
background-image:url(images/bkgnd_navOn.jpg);
background-position:top left;
background-repeat:no-repeat;
display:block;
vertical-align:top;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
color:#000000;
text-decoration:none;
cursor:pointer;
}

/* ################################################################################

Content Area Styles:  lists, headings, paragraphs, etc.

#################################################################################*/

#contentArea {
float:right;
width:555px;
background-image:url(images/bkgnd_contentArea.gif);
background-position:top left;
background-repeat:no-repeat;
padding-bottom:70px;
}

#contentArea h1 {
text-align:right;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin:2px 0 30px 0;
padding-right:63px;
color:#000000;
}

#contentArea h2 {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin:0 0 15px 0;
padding-left:50px;
color:#000000;
}

#contentArea p {
margin:0;
padding:0 63px 15px 60px;
text-align:justify;
line-height:150%;
}

#contentArea ul {
padding:0 40px;
margin:10px 0 10px 0;}

#contentArea ul li {
list-style:none;
margin:10px 0;
padding-left:18px;
background-image:url(images/bkgnd_li.gif);
background-position:left 1px;
background-repeat:no-repeat;
font-size:12px;
font-weight:bold;
}

#contentArea ul li ul{
padding:0 20px;
margin:10px 0 10px 0;}

#contentArea ul li ul li{
list-style-type:circle;
margin:5px 0;
padding-left:5px;
background-image:none;
font-size:12px;
font-weight:normal;
}

#contentArea hr {
border-top:1px solid #00005D;
height:1px;
width:450px;
}

#contentArea a {color:#000000; text-decoration:underline;}
#contentArea a:hover {color:#777777; text-decoration:none;}

/* ################################################################################

Bottom Area

#################################################################################*/

#contactInfo {
position:absolute;
top:5px;
left:25px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
color:#000000;
z-index:1;
}

#contactInfo a {color:#000000; text-decoration:underline;}
#contactInfo a:hover {color:#777777; text-decoration:none;}

#bottomInfo {
position:absolute;
bottom:5px;
left:25px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
color:#ffffff;
z-index:2;
}
#bottomInfo a {color:#ffffff; text-decoration:underline;}
#bottomInfo a:hover {color:#777777; text-decoration:none;}
#topList {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
#topList li {
	margin: 0px;
	padding: 0px;
}
#topList ul {
	margin: 0px;
	padding: 0px;
}

/* ################################################################################

Committee page updated styles for schedule highlight....4-08 sdp

#################################################################################*/

div#schedule,div#schedule2 {
width:450px;
margin:10px 0 5px 35px;
padding:15px;
border:1px solid #CCCCCC;
/*background-color:#fdfdfd;*/
background-color:#FFFFdd;
font-weight:bold;
}

div#schedule h1,div#schedule2 h1 {
margin:-20px -20px 15px -20px;
padding:8px 12px;
font:22px "Trebuchet MS";
font-weight:bold;
/*color:#003366;*/
color:#FFFFFF;
text-align:left;
text-transform:none;
/*background-color:#FFFFdd;*/
background-color:#003366;
border-bottom:1px solid #CDCDCD;
}

div#schedule ul,div#schedule2 ul {
width:100%;
padding:0;
margin:0px;
height:190px;
}

div#schedule ul li {
width:170px;
list-style:none;
margin:10px 10px;
padding-left:18px;
background-image:url(images/bkgnd_li.gif);
background-position:left 1px;
background-repeat:no-repeat;
font-size:12px;
font-weight:bold;
float:left;
}

div#schedule2 ul li {
width:185px;
list-style:none;
margin:10px 10px;
padding-left:15px;
background-image:url(images/bkgnd_li.gif);
background-position:left 1px;
background-repeat:no-repeat;
font-size:12px;
font-weight:bold;
float:left;
}


/* ################################################################################

Featured doc area on the homepage (added 7-7-08) - sdp

#################################################################################*/


div#featuredDocs {
width:190px;
float:right;
border:1px solid #777;
border-bottom:none;
border-right:none;
background:url(images/bg_featuredDocs-fade.gif) bottom center repeat-x;
background-color:#FFFFdd;
padding:6px;
margin:15px 0 0 0;
}

div#featuredDocs h1 {
margin:-6px;
margin-bottom:5px;
background-color:#006699;
font:13px Arial, Helvetica, sans-serif;
font-weight:bold;
color:white;
padding:3px;
text-align:center;
}

div#featuredDocs p {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:black;
margin:0;
padding:0;
width:95%;
}

div#featuredDocs ul {
list-style:none;
margin:0;
padding:0;
width:95%;
}

div#featuredDocs ul li.feature {
background:none;
display:block;
/*padding:10px auto;*/
}