
/*** Let's Set Everything to Zero ***/
 html,body,p,div,img,li,ul,dl,dd,dt,form,td,tr,form{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  border:0;
  border-spacing:0;
}
input,select{
  margin:0;
  padding:0;}
  
/* Main DIV Layouts --------------------------------------------------*/

body {margin: 0px 0px 0px 0px; 
      background-color: #FFFFFF;
	  padding:0;
      color: #333333;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 120%; }

hr {width:100%; height:1px; border:0; margin: 0px 0px 15px 0px; color:#CCCCCC; }

#container {margin-right:auto; 
            margin-left:auto; 
			background-color: #FFFFFF; 
			padding: 0; 
			  }
			
#banner {margin: 0px;
		 padding: 0px;}
		
#content {padding: 0px 15px 10px 15px;
		  margin-left: 195px;
		  margin-right: 195px;
		 background-color: #FFFFFF;}
		  
#subcontent {padding: 0px 15px 10px 15px;
		  margin-left: 195px;
		  margin-right: 0px;
		  background-color: #FFFFFF;}
		  
#subcontentfull {padding: 0px 15px 10px 15px;
		  margin-left: 0px;
		  margin-right: 0px;
		  background-color: #FFFFFF;}		  		  
		  		  
#sidebar-left {float: left;
			width: 190px;
			margin: 0px 0px 0px 0px;
			background-color: #FFFFFF;}

#sidebar-right {float: right;
			width: 180px;
			margin: 0px 5px 0px 0px;
			background-color: #FFFFFF;}

#footer {clear: both;
		padding: 5px 0px 5px 5px;
		margin: 5px 0px 0px 0px;
		background-color: #FFFFFF;
		border:solid #005288;
        border-width:1px 0px 0px 0px;}
		
#footer p {padding: 10px 0px 10px 155px;
           line-height: 1.5em;}
		   		  
		  		
		
/* Header --------------------------------------------------*/		

#header {height:110px; 
         background-image:  url(../images/header.jpg);
		 background-repeat: no-repeat;  
		 background-position: top right; }
		 		 

#searcharea {float: right;
             display:inline;
			 padding: 0px 5px 0px 0px;
			 margin: 2px 5px 0px 0px;
			 text-align: right;
			 color: #005785;
			 font-weight: bold;}
			 
#searchform {float: right;
             display:inline;
			 padding: 0px 5px 0px 0px;
			 margin: 2px 5px 0px 0px;
			 text-align: right;
			 color: #005785;
			 font-weight: bold;}

.hidden {position: absolute; left: -9000px}

.normal {font-size: 100%; color:#666666}
.normal a:link   {text-decoration: none; color:#333333}
.normal a:visited {text-decoration: none; color:#333333}
.normal a:hover   {text-decoration: underline; color:#333333} 

.large {font-size: 120%; color:#333333}
.large a:link   {text-decoration: none; color:#333333}
.large a:visited {text-decoration: none; color:#333333}
.large a:hover   {text-decoration: underline; color:#333333} 

.xlarge {font-size: 140%; color:#333333}
.xlarge a:link   {text-decoration: none; color:#333333}
.xlarge a:visited {text-decoration: none; color:#333333}
.xlarge a:hover   {text-decoration: underline; color:#333333} 

.betsie {font-size: 140%; color:#FFFF00; background-color:#000000; padding: 0px 2px 0px 2px }
.betsie a:link   {text-decoration: none; color:#FFFF00; background-color:#000000;}
.betsie a:visited {text-decoration: none; color:#FFFF00; background-color:#000000;}
.betsie a:hover   {text-decoration: none; color:#FFFF00; background-color:#000000;} 
		  

a:link   {text-decoration: underline;  color:#0033CC}
a:visited {text-decoration: underline;  color:#660099}
a:hover   {text-decoration: underline;  color:#0033CC} 
a:active {background-color:#FFFF99}
a:focus {background-color:#FFFF99} 


/*Top Navigation --------------------------------------------------*/
#topnav {background-image:  url(../images/nav_bar.gif);
         background-repeat: no-repeat;
		 padding: 5px 0px 0px 10px;
		 font-size: 1.2em;
		 height: 28px;}
	 
#topnav a
{
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
color: #FFFFFF;
text-decoration: none;
background-image:  url(../images/nav_bullet.gif); 
background-repeat: no-repeat;   
background-position: 5px 8px; }


#topnav a:hover
{color: #FFFFFF; text-decoration: underline;}

#topnav a:active {background-color:#FFFFFF; color:#000000}
#topnav a:focus {background-color:#FFFFFF; color:#000000} 


#topnav form {display: inline; float: right; margin-right: 15px;}


/* History --------------------------------------------------*/
		   
#history {clear:both;
          padding: 10px 0px 0px 10px;
           margin: 0px 0px 10px 10px; }		   
		   
/* Home Placeholder Navigations Items --------------------------------------------------*/
.homeplace {margin: 0px 0px 10px 10px;}



		   
/* Left Navigation --------------------------------------------------*/


#subnavcontainer { margin-left: 0px; margin-top: 0px; margin-bottom: 0px;  border-top: 1px solid #005D7D; border-right: 1px solid #005D7D; border-left: 1px solid #005D7D; }
#subnavcontainer ul{margin: 0; padding: 0; list-style-type: none; font-family: verdana; font-size: 1.2em; font-weight: normal;}
#subnavcontainer li {margin: 0 0 0 0; }
#subnavcontainer a {display: block; padding: 3px 5px 3px 5px; width: 178px; color: #333333; background-color: #E6F5FA; border-bottom: 1px solid #CCCCCC;  text-decoration : none;}
#subnavcontainer a.last {display: block; padding: 3px 5px 3px 5px; width: 178px; color: #333333; background-color: #E6F5FA; border-bottom: 1px solid #005D7D;  text-decoration : none;}
#subnavcontainer a:visited {color: #333333; background-color: #E6F5FA; text-decoration : none;}			
#subnavcontainer a:hover {color: #333333;  text-decoration : none; background-color: #BFE5FD}
#subnavcontainer a:active {color: #333333;  text-decoration : none; background-color: #BFE5FD}
#subnavcontainer a:focus {color: #333333;  text-decoration : none; background-color: #BFE5FD}



#subnavcontainer ul ul{margin: 0; padding: 0; list-style-type: none; font-family: verdana;  font-size: 80%; font-weight: normal;}
#subnavcontainer ul ul li {margin: 0 0 0 0; }
#subnavcontainer ul ul a {display: block; padding: 3px 5px 3px 15px; width: 168px; color: #333333; background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; background-image:  url(../images/bullet.gif); background-repeat: no-repeat;   background-position: 3px 7px; text-decoration : none;}
#subnavcontainer ul ul a.last2 {display: block; padding: 3px 5px 3px 15px; width: 168px; color: #333333; background-color: #FFFFFF; border-bottom: 1px solid #005D7D;  text-decoration : none;}
#subnavcontainer ul ul a:visited {color: #333333; background-color: #FFFFFF; text-decoration : none;}			
#subnavcontainer ul ul a:hover {color: #333333; background-color: #FFFFFF; text-decoration : none; background-color: #BFE5FD}
#subnavcontainer ul ul a:active {color: #333333; background-color: #FFFFFF; text-decoration : none; background-color: #BFE5FD}
#subnavcontainer ul ul a:focus {color: #333333; background-color: #FFFFFF; text-decoration : none; background-color: #BFE5FD}


			
 * html #subnavcontainer { margin-left: 0px; margin-top: 0px; margin-bottom: 0px;  border-top: 1px solid #005D7D; border-right: 1px solid #005D7D; border-left: 1px solid #005D7D; }
 * html #subnavcontainer ul{margin: 0; padding: 0; list-style-type: none; font-family: verdana; font-size: 1.2em; font-weight: normal;}
 * html #subnavcontainer li {margin: 0 0 0 0; }
 * html #subnavcontainer a {display: block; padding: 3px 5px 3px 5px; width: 180px; color: #333333; background-color: #E6F5FA; border-bottom: 1px solid #CCCCCC;  text-decoration : none;}
 * html #subnavcontainer a.last {display: block; padding: 3px 5px 3px 5px; width: 180px; color: #333333; background-color: #E6F5FA; border-bottom: 1px solid #005D7D;  text-decoration : none;}
 * html #subnavcontainer a:visited {color: #333333; background-color: #E6F5FA; text-decoration : none;}			
 * html #subnavcontainer a:hover {color: #333333; background-color: #FFFFFF; text-decoration : none; background-color: #BFE5FD}
 * html #subnavcontainer a:active {color: #333333; background-color: #FFFFFF; text-decoration : none; background-color: #BFE5FD}
 * html #subnavcontainer a:focus {color: #333333; background-color: #FFFFFF; text-decoration : none; background-color: #BFE5FD}

 * html #subnavcontainer ul ul{margin: 0; padding: 0; list-style-type: none; font-family: verdana;  font-size: 80%; font-weight: normal;}
 * html #subnavcontainer ul ul li {margin: 0 0 0 0; }
 * html #subnavcontainer ul ul a {display: block; padding: 3px 5px 3px 15px; width: 170px; color: #333333; background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; background-image:  url(../images/bullet.gif); background-repeat: no-repeat;   background-position: 3px 7px; text-decoration : none;}
 * html #subnavcontainer ul ul a:visited {color: #333333;  text-decoration : none;}			
 * html #subnavcontainer ul ul a:hover {color: #333333;  text-decoration : none; background-color: #BFE5FD}
 * html #subnavcontainer ul ul a:active {color: #333333;  text-decoration : none; background-color: #BFE5FD}
 * html #subnavcontainer ul ul a:focus {color: #333333;  text-decoration : none; background-color: #BFE5FD}
 * html #subnavcontainer ul ul a.last2 {display: block; padding: 3px 5px 3px 15px; width: 170px; color: #333333; background-color: #FFFFFF; border-bottom: 1px solid #005D7D;  text-decoration : none;}
	
			
/* Placeholders --------------------------------------------------*/

.placeholder {border: 1px solid #689948; margin-bottom: 10px;  background-color: #ffffff; }
.placehead {background-color: #689948; margin: 1px 1px 0px 1px }
.placehead h2 {color:#FFFFFF; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 5px}

.placeholder-nav {border: 1px solid #C8DBEE; margin-left: 10px; margin-bottom: 10px;  background-color: #ffffff; width:177px}
.placeholder-nav h2 {color:#333333; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 5px}
.placehead-nav {background-color: #C8DBEE; margin: 1px 1px 0px 1px }

.placeholder-right {border: 1px solid #C8DBEE; margin-bottom: 10px;  background-color: #ffffff; }
.placeholder-right h2 {color:#333333; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 5px}
.placehead-right {background-color: #C8DBEE; margin: 1px 1px 0px 1px }


.placeholder-nav ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
.placeholder-nav li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}


.placeholder-right ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
.placeholder-right li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}

.placeholder ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
.placeholder li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}


.placeholder-aertel {border: 1px solid #005D7D; margin-left: 0px;  background-color: #FFFFFF; width:176px;  margin-bottom: 10px; padding: 1px 0px 0px 1px}	  
.placeholder-aertel p {margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; }	  
.placeholder p {margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; }

#feedback {border: 1px solid #689948; padding: 5px 5px 5px 5px; background: #FFFFFF; margin-bottom: 10px}
.browse {margin: 0px 5px 0px 30px}		  

		  		  		  					  			


/* Main Heading Text and Links --------------------------------------------------*/
h1 { font-size: 1.4em;
     color: #006DB5;
	 padding: 0px;
	 font-weight:normal;
	 margin: 0px 0px 10px 0px;
	 padding: 0px 0px 10px 0px;
     border-bottom:1px dashed #006DB5 }
	  	 


h2 { font-size: 1.2em;
     color: #689948;
	 padding: 0px;
	 margin: 0px 0px 10px 0px;
	 padding: 0px 0px 0px 0px;}
	 
h3 {margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; font-size:1em; color: #333333;}	 

p   {margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;}
p.red {color:#FF0000}




#content ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
#content ul li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}

#content ol {list-style: lower-alpha; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
#content ol li { padding: 0.2em 0 0.1em 0px;}

#content ul  ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0em 0;}
#content ul ul li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}




#subcontent ul {list-style: none; margin: 0px 5px 10px 5px; padding: 0 0 0.6em 0;}
#subcontent ul li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}

#subcontent ul  ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0em 0;}
#subcontent ul ul li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}

#subcontent ol { margin: 0px 5px 10px 30px; padding: 0 0 1em 0;}
#subcontent ol li { padding: 0.2em 0 0.1em 0px;}

#subcontent ol.alpha {list-style: lower-alpha; margin: 0px 5px 10px 30px; padding: 0 0 1em 0;}
#subcontent ol li.alpha { padding: 0.2em 0 0.1em 0px;}

#subcontent ol ol {list-style: lower-alpha;}




#subcontentfull ul {list-style: none; margin: 0px 5px 10px 5px; padding: 0 0 0.6em 0;}
#subcontentfull ul li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}

#subcontentfull ol {list-style: lower-alpha; margin: 0px 5px 10px 5px; padding: 0 0 0.6em 0;}
#subcontentfull ol li { padding: 0.2em 0 0.1em 0px;}

#subcontentfull ul  ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0em 0;}
#subcontentfull ul ul li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}







/* Tables --------------------------------------------------*/


table { background-color:#cccccc; margin-bottom:10px}
table th {background-color:#689948; text-align:left; padding: 5px; color:#ffffff}
table td {background-color:#ffffff; text-align:left; padding: 5px;}




/* Middle Position --------------------------------------------------*/
.middle    {vertical-align: middle;}
.profile {padding: 0px 20px 20px 0px}
.getadobe {margin-right: 15px}
.icon {margin: 0px 5px 25px 0px}

.right {float:right; margin: 5px; border: 1px solid #005D7D; padding: 1px}



/* Nav On--------------------------------------------------*/
body#seryou li#you a {background-color: #BFE5FD}	
body#serhou li#hou a {background-color: #BFE5FD}
body#serpla li#pla a {background-color: #BFE5FD}
body#serenv li#env a {background-color: #BFE5FD}
body#serroa li#roa a {background-color: #BFE5FD}
body#serwat li#wat a {background-color: #BFE5FD}
body#serlei li#lei a {background-color: #BFE5FD}


body#serpla #subnavcontainer ul ul a {background-color: #FFFFFF}
body#serpla #subnavcontainer ul ul a:hover, body#serpla #subnavcontainer ul ul a:active, body#serpla #subnavcontainer ul ul a:focus  {background-color: #BFE5FD}

body#seryou #subnavcontainer ul ul a {background-color: #FFFFFF}
body#seryou #subnavcontainer ul ul a:hover, body#seryou #subnavcontainer ul ul a:active, body#seryou #subnavcontainer ul ul a:focus  {background-color: #BFE5FD}

body#pladev li#dev a {background-color: #BFE5FD}
body#pladra li#dra a {background-color: #BFE5FD}
body#plaonl li#onl a {background-color: #BFE5FD}



body#youcou li#cou a {background-color: #BFE5FD}
body#youmee li#mee a {background-color: #BFE5FD}
body#youjob li#job a {background-color: #BFE5FD}
body#youtow li#tow a {background-color: #BFE5FD}