/********************************************************
* Base styles --                          			    *
********************************************************/

body {
    font-size: 80%;
    font-family: Verdana, Arial, san-serif;
    padding: 0px;
	margin: 0px;
	background: url(../images/bg_main.gif) 0 0 repeat; 
}

p, li, h { color: #000000; line-height: 1.5em;}

p, li { font-size: 12px; color:#000000;}
li { list-style: none;  color:#000000;}
/*h1 { color: #000000; font: bold 12px Arial, sans-serif; text-align: left; border-bottom: 2px solid #aac638; background: #dee6cb; margin: 0px; padding: 10px 10px 5px 10px; }*/
h1 { color: #0053a5; font: bold 24px Arial, sans-serif; text-align: left; border-bottom: 0px dotted #529cd4; margin: 0px; padding: 0px 0px 0px 0px; }

h2 { font-size: 14px; color:#000000; text-decoration: underline; padding-bottom: 4px; line-height: 18px;}
h3 { font-size: 14px; color:#000000; text-decoration: underline; padding-bottom: 4px; margin: 12px 0 -12px 0;}
h4 { font-size: 12px; font-weight: bold; line-height: 1.5em; margin: 12px 0 -12px 0; }
h5 { font-size: 1.1em;}
h6 { font-size: 1.1em; line-height: 1.1em; display: block; margin: 0; padding: 0;}

a:link     { color: #CC6600; text-decoration: underline;}
a:active   { color: #CC6600; text-decoration: underline;}
a:visited  { color: #CC6600; text-decoration: underline;}
a:hover    { color: #FF9933; text-decoration: underline;}

a img {border:0; text-decoration: none;}
a img:hover { border-bottom: none; }

.smalltext {font-size: 10px;}
.emph {
    font-family: Verdana, Arial, san-serif;
    padding: 0px;
	margin: 0px;
	background: url(../images/emph_bg.png) 0 0 repeat; 
}

/********************************************************
* Wrapper --                                 			*
********************************************************/

#wrapper {
clear: both;
	position: relative;
    width: 784px;
	height: 100%;
    margin: 0px auto;
	background-color:;
	z-index: 2;
	border: 0px solid #CCCCCC;
}

/********************************************************
* Header --                                 			*
********************************************************/

#header {

    width: 784px;
    height: 191px;
	margin: 0px;
	padding: 0px;
    background-color: #FFFFFF;
	background: url(../images/bg_header.jpg) 0 0 no-repeat;
}

#CallToAction {
	position:relative;
	left:39px;
	top:34px;
}

/********************************************************
* Topnav --                                 			*
********************************************************/

#mainnav {

	text-align: center; 			
	width: 784px; 
	height: 35px; 
	background-image: url(../images/bg_menubar.jpg);
	
}

#mainnav ul {margin: 0; padding: 0; list-style: none;}

#mainnav li { position: relative; z-index: 500; float: left;}

#mainnav a {display: block; padding: 8px 20px 2px 20px; height: 25px;}

#mainnav li a:link     {color: #000000; text-decoration: none;}
#mainnav li a:active   {color: #000000; text-decoration: none;}
#mainnav li a:visited  {color: #000000; text-decoration: none;}
#mainnav li a:hover    {color: #FFFFFF; background-color:#0255a6; text-decoration: none;}

#mainnav li:hover ul, #topnavlist li.over ul { display: block; } 

#mainnav .leftmost { border-left: 1px solid #fff; }

#nav1 {width: 60px;}

.floatright
{
float: right;
width: 180px;
}

/* submenus  */
#mainnav li ul {
    position: absolute;
    display: none;
    top: 34px;
    left: 0;
    margin: 0;
}

#mainnav li li {
    border-width: 0 1px;
	font-size: 1em;
	clear: left;
}

#mainnav li ul a {
    display: block;
    padding: 2px 20px;
    height: 20px;
    color: #fff;
    text-align: left;
	width: 210px;
}

#mainnav li ul a:link     { color: #fff; background-color:#0255a6; text-decoration: none; }
#mainnav li ul a:active   { color: #fff; background-color:#0255a6; text-decoration: none; }
#mainnav li ul a:visited  { color: #fff; background-color:#0255a6; text-decoration: none; }
#mainnav li ul a:hover    { background-color: #5c95cf; color: #000000;}


/********************************************************
* Custom --                                 			*
********************************************************/

.clear {
clear: both;}


/* /* IE hack6 */
html #container { height:1%;
}

 /* IE7/FF hack */
#container:after {
height: 0;
visibility: hidden;
display: block;
content: ".";
clear: both;
}

#spacer {
 clear: both;
}


			

/********************************************************
* Content --                                 			*
********************************************************/

#content {
	/*clear: both;*/
    width: 764px;
	height: 100%;
    background: url(../images/bg_body.png) repeat;
	margin: 0px;
	padding: 10px;
}

#MainCopy {
    width:460px;
	padding-right: 16px;
    text-align: left;
    padding: 12px 15px;
}

#MainCopy li { 
	background:url(../images/bullet_LtBlue.png) 0px 9px no-repeat; font-size: 12px; line-height: 18px; padding: 0 0 0 5px;
	list-style-type: disc
}


img.frame {
		padding: 5px;
		border: 0;
		border: 1px solid #ccc;
}

/********************************************************
* Rightcol --                                 			*
********************************************************/

#rightcol {
    float: left;
    width: 250px;
    text-align: left;
    padding: 4px 6px;
	margin: 0px;
   /*  display: inline; fix IE */
}

#rightSide {
	position:relative;
	float: right;
	left:0px;
	top:0px;
	width:280;
	padding: 4px 6px;
}


/********************************************************
* Element styling classes --                            *
********************************************************/

.rightcolform {padding: 0px; margin:0px; background-color:#FFFFFF;}

#rightcol li { background:url(../images/bulletRelatedLinks.gif) 0px 9px no-repeat; font-size: 14px; line-height: 20px; padding: 0 0 0 18px; }

#agendaRight {
	border-right:1px dotted #000000;
	border-bottom:1px dotted #000000;
	font-size: 88%;
}

#agendaRightOnly {
	border-right:1px dotted #000000;
	font-size: 88%;
}

#agendaBottom {
	border-bottom:1px dotted #000000;
	font-size: 88%;
}

#agenda {
	font-size: 88%;
}

#sidebar {
	font-size: 88%;
}

/********************************************************
* Footer --                                 			*
********************************************************/

#footer {
	clear: both;
	color: #666666;
	height: 130px;
	width: 764px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color:;
	font-size: 76%;
}

#footerLine {
	float: none ;
	clear:both;
	width:700px;
	height:1px;
}

#formLine {
	float: none ;
	clear:both;
	width:200px;
	height:1px;
}

#footer a:link     { color: #666666; border: 1px solid #dee6cb; padding: 2px 4px; text-decoration: none; }
#footer a:active   { color: #666666; border: 1px solid #dee6cb; padding: 2px 4px; text-decoration: none; }
#footer a:visited  { color: #666666; border: 1px solid #dee6cb; padding: 2px 4px; text-decoration: none; }
#footer a:hover    { color: #FFFFFF; background-color:#ce5d21; border: 1px solid #FFFFFF; padding: 2px 4px; text-decoration: none; }

#bottom {
	
	width: 784px; 
	height: 10px; 
	background-image: url(../images/bg_bottom.jpg);
	
}


/********************************************************
* END --                                 				*
********************************************************/
