body {

text-align:center;

margin: 0;

padding: 0;

background-image: url(media/background_strip.jpg);

background-repeat: repeat-x;

}



#wrap {

width: 980px;

text-align: left;

margin:0 auto;

padding: 0;

background-image: url(media/background_wrap.jpg);

background-repeat: repeat-y;

}





#main {

float: left;

width: 640px;

margin: 0px;

padding: 0px 0px 20px 40px;

}



#top_banner {

width: 930px;

margin: 0px;

padding: 20px 30px 20px 20px;

background-image: url(media/background_top.jpg);

background-repeat:no-repeat;

text-align: right;

height: 32px;

}







#middle_banner {

	height: 192px;

	margin: 0px;

	padding: 0px 0px 0px 10px;

	background-image: url(media/background_middle.jpg);

	background-repeat: no-repeat;

}





#right {

padding: 50px 0px 0px 35px;

margin: 0px;

float: left;

width: 220px;

}



p {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

line-height: 1.4em;

list-style-image: url(./media/bodycopy_bullet.gif);

text-decoration: none;

color: #000000;

}



#right p {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

line-height: 1.4em;

list-style-image: url(./media/bodycopy_bullet.gif);

text-decoration: none;

}







#right a {

}



#right a:hover {

text-decoration: underline;

}



#right table {

color:#FFFFFF

}



#top_banner p {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

}



#footer p {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

}



td {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

list-style-image: url(./media/bodycopy_bullet.gif);

line-height: 18px;

}



ul{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

line-height: 18px;

}



#main ul {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

line-height: 1.4em;

}



ol {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 25px;

}



h1{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.4em; 

font-weight: normal; 

color:#859CAA;	

line-height: 120%;

}



h2{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.1em;

font-weight: normal;

color: #8AA7B7;

line-height: 150%;

margin: 3px 0px 3px 0px;

padding: 0px;

}



h3{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 0.9em;

font-weight: bold;

color: #859CAA;

line-height: 120%;

margin: 3px 0px 3px 0px;

padding: 0px

}





.image_left{

float: left;

margin-top: 0px;

margin-right: 20px;

margin-bottom: 20px;

border: 1px solid #CCCCCC;

padding: 5px;

}







.image_right{

float: right;

margin-top: 0px;

margin-left: 20px;

margin-bottom: 20px;

border: 1px solid #CCCCCC;

padding: 5px;

}





#foot p {

	font-size: 9px;

	line-height: 13px;

}



.list {

	border-top: 1px solid #CCCCCC;

	display: block;

	margin-top: 15px;

	margin-bottom: -10px;

	padding-top: 5px;

}



.top_banner_image {

	padding: 0px;

	margin: 0px;

	border-left-width: 3px;

	border-left-style: solid;

	border-left-color: #FFFFFF;

}



.tinytext {

font-family: Verdana, Arial, Helvetica, sans-serif;

text-decoration: none;

font-size: 10px;

}



.ruledaboveandbelow {

border-top-width: 1px;

border-bottom-width: 1px;

border-top-style: solid;

border-bottom-style: solid;

border-top-color:  #859CAA;

border-bottom-color:  #859CAA;

padding-top: 5px;

padding-right: 0px;

padding-bottom: 5px;

padding-left: 0px;

}



a {

color: #000000;

}



a:link, a:visited, a:active {

color: #000000;

}



.box {

border: 1px solid #DFCAD7;

background-color: #DFE6DF;

padding: 10px;

}



.clear {

clear: both;

}



#footerborder {

border-top: 1px solid #859CAA;

margin: 0px 45px 0px 45px;

}



#footer {

height: 110px;

margin: 0px;

padding: 30px 0px 0px 40px;

background-image: url(media/footer_background.jpg);

background-repeat: no-repeat;

}



#footer p {

text-align:right;

margin:0px;

padding: 0px 40px 0px 0px;

color: #000000;

}





#footer a {

color: #000000;

}





#indent {

padding: 0px 0px 0px 10px

}







.sub_navigation {

padding-left: 0;

margin-left: 0;

border-bottom: 1px solid #CCCCCC;

width: 155px;

}



.sub_navigation li {

list-style: none;

margin: 0;

padding: 0.25em;

border-top: 1px solid #CCCCCC;

}



.sub_navigation li a { 

text-decoration: none; 

}







#right ul {

padding-left: 0;

margin-left: 0;

border-bottom: 1px solid #859CAA;

width: 220px;

}



#right li {

list-style: none;

margin: 0;

padding: 0.25em;

border-top: 1px solid #859CAA;

}



#right li a { 

text-decoration: none; 

}







#nav {

width: 980px;

height: 22px;

background-image: url(media/background_nav.jpg);

background-repeat:no-repeat;

}



#nav, #nav ul { /* all lists */

margin: 0px;

padding: 0px 0px 0px 10px;

list-style: none;

line-height: 120%;

}



#nav a {

display: block;

width: 12.2em;

text-align: center;

text-decoration:none;

}



#nav li { /* all list items */

margin: 0px;

padding: 5px 0px 5px 0px;

float: left;

width: 12.2em; /* width needed or else Opera goes nuts */

}



/* .menu ul {

line-height: 20px;

font-size: 19px;

}*/



#menufix li:hover, #menufix li.hover {

    position: static;

}



#nav li ul { /* second-level lists */

padding: 0px 5px 5px 5px;

position: absolute;

background-color: #FFFFFF;

width: 12.2em;

left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

}



#nav li ul li {

border-bottom: 1px solid #990000;

}



#nav li ul li a:hover{

color: #859CAA;

	font-weight: bold;

}



#nav li ul ul { /* third-and-above-level lists */

	margin: -1em 0 0 10em;

}



#nav li:hover ul ul, #nav li.sfhover ul ul {

	left: -999em;

}



#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}





.right_border:hover, .right_border.hover {

border-right: 1px solid #FFFFFF;

position: static;

}





/*.intro_para {

font-size: 1.1em; 

line-height: 150%;

font-weight: normal;

color: #8AA7B7;

}*/



.white {

color: #FFFFFF;

}



.white a {

color: #FFFFFF;

}





.white a:link, .white a:visited, .white a:active {

color: #FFFFFF;

}



/* MENU STYLES >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */



.menu {

width:980px;  

position:relative; 

z-index:100;

left: 10px;

font: 0.7em Verdana, Arial, Helvetica, sans-serif; 

}

/* hack to correct IE5.5 faulty box model */





.menu ul {

padding:0;

margin:0;

list-style-type:none;}



.menu ul ul {

width:136px;

height: 10px;

}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */



.menu li {

float:left;

width:136px;

position:relative;

background:#859CAA}

/* style the links for the top level */



.menu li li {

float:left;

background:#ffffff;

width:136px;

position:relative;

border-bottom:1px solid #990000;}



.border_right {

border-right:1px solid #ffffff;}



.menu a, .menu a:visited {

text-align: center;

display:block;

font-size:11px;

text-decoration:none; 

color:#000000; 

height:25px; 

background:#859CAA;  

line-height:25px; 

font-weight:normal;}

/* a hack so that IE5.5 faulty box model is corrected */



* html .menu a, * html .menu a:visited {

width:136px; 

w\idth:136px;}

/* style the second level background */



.menu ul ul ul a, .menu ul ul ul a:visited {

background:#ffffff;

z-index: 10000;

width:176px;

}

/* style the third level hover */



.menu ul ul ul a:hover {

background:#ffffff;}

/* hide the sub levels and give them a positon absolute so that they take up no room */



.menu ul ul {

visibility:hidden;

position:absolute;

height:0;top:25px;

left:0; 

width:136px;

}

/* another hack for IE5.5 */



* html .menu ul ul {

top:25px;

t\op:25px;}



/* position the third level flyout menu */

.menu ul ul ul{

left:128px; 

top:0px; 

width:176px;

z-index: 10000;

background:#ffffff;}



/* position the third level flyout menu */

.menu li li li{

width:176px;

background:#ffffff;

}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {

position:absolute; 

top:0; 

left:0; 

border-collapse:collapse;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {

background:#ffffff; 

color:#000; height:auto; 

line-height:1.2em; 

padding:5px 0px; 

}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {

width:150px;

w\idth:128px;}



/* style the top level hover */

.menu a:hover,{

color:#859CAA; 

background:#859CAA; 

font-weight: bold;}



.menu li a:hover,{

color:#859CAA; 

background:#ffffff; 

font-weight: bold;}



.menu ul a:hover,{

color:#000000; 

background:#859CAA; 

font-weight: bold;}



.menu ul ul a:hover{

color:#859CAA; 

background:#ffffff; 

font-weight: bold;}



.menu :hover > a, .menu ul ul :hover > a {

color:#859CAA; 

font-weight: bold;

background:#ffffff;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,



.menu ul a:hover ul{

visibility:visible; 

background:#859CAA;

}

/* keep the third level hidden when you hover on first level list OR link */



.menu ul :hover ul ul{

visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */



.menu ul :hover ul :hover ul{ 

visibility:visible;}