/* CSS Document */
/* West REAP */
/* 24 November 2008 */

body {
background:url(../images/wreap-bg.jpg) left top repeat-x;
padding: 0px;
margin: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12.5px;}

#frame {
padding: 0px;
margin: 0px auto;
width: 970px;}



/* Header */

#logo {
display: inline;
float: left;
height: 137px;
width: 293px;}

#bannerimage {
float: right;
display: inline;
width: 677px;
height: 137px;
background:url(../images/right-header.jpg) top right no-repeat;}

#topnav {
background:url(../images/nav-bg.jpg) top left repeat-x;
width: 970px;
height: 34px;
clear: both;}




/* Top Navigation with drop down */


#nav {
padding: 0px;
margin: 0px;
width: 769px;
background-image:url(../images/topNavBg1.gif);
height:27px;
background-repeat:repeat-x;
float:left;
display:block;
}

#nav img {
border: 0px;
}

#nav ul{
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 15px ;
float:left;
}
	
#nav li {
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display:inline;
/*border-right: #000 solid 1px;*/
}
	
#nav a {
font: 13px Arial, Helvetica, sans-serif;
text-decoration:none;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 16px;
display: block;
}

#nav a:link, #nav a:visited {
font: 13px Arial, Helvetica, sans-serif;
color: #000;
text-decoration:none;
padding: 0px 15px 0px 11px;
margin:0px;}

#nav a:hover {
font: 13px Arial, Helvetica, sans-serif;
color: #2049cc;
text-decoration:none;}


#nav li:hover a, #nav a:hover{
color:#2049cc;}

#nav li ul{
position:absolute;
background-image:url(../images/ul.gif);
background-repeat: no-repeat;
left:-999em;
top: 162px;
width:260px;
float:left;
font-weight:normal;
border:0;
clear:both;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 0px;}

#nav li li {
width:190px;
margin:0;
padding:0;}

#nav li ul a:link, #nav li ul a:visited {
background:0;
text-transform:none;
color:#000;
width:228px;
font: 13px Arial, Helvetica, sans-serif;
padding:3px 17px 4px 15px;
display:block;
margin:0;	
text-align:left; /* left align lower levels */}
	

#nav li ul a:hover {
color:#2049cc;
background-color:#d5eaf6;
width:218px;
font: 13px Arial, Helvetica, sans-serif;}

#nav li ul li ul {
float:left;
margin:-20px 0px 0px 110px;}
	
/* update next 2 rules to match number of levels in menu - this is for 3 levels */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left:-999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left:auto;}

#nav li:hover, #nav li.sfhover {
position: static;
}
	
	
#nav li.end a:link, #nav li.end a:visited {
background: 0;
font: 12px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
text-align:center;
margin:  0px 0px 0px 2px;}
	
#nav li.end a:hover {
color:#000;
text-decoration:none;
margin:  0px 0px 0px 2px;}




/* slogan graphic */

#banner {
height: 92px;
width: 970px;
background: url(../images/sub_header.jpg) top left no-repeat;}



/* content area */

#contentarea {
width: 970px;
background-color: #fff;}


/* left side image area */

#left {
display: inline;
float: left;
width: 328px;
background:url(../images/left-gradient.jpg) top left #fff repeat-x;
min-height: 398px;
height:auto !important;
height: 398px;}

#image {
padding: 0px;
margin: 35px 35px 35px 35px;
width: 256px;
height: 328px;}




/* right side main content styles */

#content {
display: inline;
float: right;
width: 572px;
background:url(../images/right-gradient.jpg) top left repeat-x;
min-height: 398px;
height:auto !important;
height: 398px;
padding: 35px 35px 35px 35px;
margin: 0px;
font-size: 1em;
line-height: 1.5em;}

#content td{
	/*ackground-color:#EEEEEE;*/
}



#content img {
border:none;
}

#content h1 {
font-size: 1.4em;
color: #7c459f;
padding: 0px 0px 10px 0px;
margin: 0px;}

#content a:link {
color: #5f0f8c;
text-decoration:underline;
}

#content a:visited {
color:#feac1e;
text-decoration:underline;
}


#content a:hover {
color: #285bde;
text-decoration:underline;}

#content ul{
margin:0;
padding:0 0 0 5px;
}

#content ul li{
background-image:url(../images/buttet.gif);
background-position:left top;
background-repeat:no-repeat;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 0 0 12px;}

/*--- skip menu ------------------------------ */
#accessibility{
	display:none;
}	


/* footer styles */

#footerbg {
background:url(../images/footer.jpg) top left no-repeat;
width: 970px;
height: 71px;
clear: both;}

#footer {
width: 470px;
color: #0aeefc;
padding: 15px 0px 0px 30px;
font-size: 1.1em;
display: inline;
float: left;}

#footer ul {
padding: 0px;
margin: 0px;}

#footer li{
padding: 0px 20px 0px 0px;
display: inline;
list-style: none;}


#footer a:link{
color: #0aeefc;
text-decoration:underline;}

#footer a:visited{
color: #FEAC1E;
text-decoration:underline;}

#footer a:hover{
color: #fff;
text-decoration:underline;}



#lemon {
width: 370px;
color: #fff;
padding: 25px 20px 0px 0px;
font-size: 1.1em;
display: inline;
float: right;
text-align: right;}

#lemon a:link, #lemon a:visited, #lemon a:hover {
color: #fff;
text-decoration:underline;}

#lemon a:visited {
color: #FEAC1E;
text-decoration:underline;}

#lemon a:hover{
color:#0aeefc;
text-decoration:underline;
}