/* ====================================================================   
	General
   ==================================================================== */
/*body {
font:11px/20px verdana, arial, georgia, sans-serif;
color: #226266;
background-color : white;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top: 3px solid #ace2e6;
border-bottom: 3px solid #ace2e6;
}

#top {
background-color : transparent;
border-top: 3px solid #1B8780;
padding: 5px;
font-weight: bold;
}

h1 {
color: #226266;
background-color : transparent;
border-bottom: 3px solid #ace2e6;
font-weight: bold;
font:15px/24px verdana, arial, georgia, sans-serif;
}

a, a:hover{
color: #226266;
background-color : transparent;
font-weight: bold; 
text-decoration: underline; 
}
a:hover{
color: #66CCCC;
text-decoration: underline; 
}
#introcontent {
color: #226266;
background-color : transparent;
padding: 20px 20px 20px 20px;
font-weight: normal;
width: 90%;
margin: auto;
}

#content {
color: #226266;
background-color : transparent;
padding: 20px 20px 50px 20px;
font-weight: normal;
width: 90%;
margin: auto;
}

#exitcontent {
color: #226266;
background-color : transparent;
padding: 75px 20px 20px 20px;
font-weight: normal;
width: 90%;
margin: auto;
text-align:center;
}

h3 {
color: #1B8780;
border-bottom: 3px solid #1B8780;
font-weight: bold;
font:11px/20px verdana, arial, georgia, sans-serif;
}

h4 {
color: #226266;
border-top: 3px solid #1B8780;
border-bottom: 3px solid #1B8780;
font-weight: bold;
font:11px/20px verdana, arial, georgia, sans-serif;
text-align:center;
text-transform:uppercase;
}

#footer{
border-bottom: 3px solid #1B8780;
margin: 0px 0px 0px 0px;
text-align:center;
}
#box{
margin: 10px 0px 10px 150px;
padding: 5px 0px 5px 0px;
background: #ccc
}

#subbox{
margin: 10px 0px 10px 0px;
padding: 5px 0px 5px 5px;
width:145px;
background: #ddd
}

span, pre{
color: #663300;
font: 11px/17px verdana, arial, georgia, sans-serif;
}

.images { 
		border: 0px; 
		font-style: normal; 
		margin: 0px 0px 0px 3px;
}

*/

/* ====================================================================   
   Example 2
   ==================================================================== */

/* Wrapper */

#content {
color: #226266;
background-color : transparent;
padding: 0px;
font-weight: normal;
width: 100%;
margin:0px;
}

#example2 {
font: 10px verdana, arial, georgia, sans-serif;
margin: 0px 0px 10px 0px;
padding: 0px 1px 0px 1px;
width: auto;
background-color: #efefef;
}

#example2 #boxmenu {
font: 10px/17px verdana, arial, georgia, sans-serif;
margin: 0px 0px 10px 0px;
padding: 0px;
width: auto;
height: 23px;
background-color: #C1CDE7;
}
#example2 #menucont {
color: #226266;
background-color : transparent;
width: 100%;
height: 20px;
position: absolute;
padding:0px;
margin:0px;
}
#example2 .navlist, 
#example2 .display {
float:left;
width:111px;
background-color: #C1CDE7;
}
#example2 .subnavlist {
background-color: #C1CDE7;
padding:0px;
margin:0px;
}
#example2 .subnavlist a {
display: block;
}
#example2 .navlist .subnavlist {
display: none;
}
#example2 a.navlinks1, 
#example2 a.navlinks1:hover, 
#example2 a.navlinks1:active, 
#example2 a.subnavlinks, 
#example2 a.subnavlinks:hover, 
#example2 a.subnavlinks:active { 
display: block;
text-decoration: none; 
color: #004184;
/*background-color: #8BC3E7;*/ 
background:url("images/navmenu_bg.gif") repeat;
margin: 1px 1px 1px 1px;
padding: 2px 2px 2px 2px;
border: none;
text-align: center;
font-weight: normal;
}
#example2 a.navlinks1:hover, 
#example2 a.navlinks1:active , 
#example2 a.subnavlinks:hover, 
#example2 a.subnavlinks:active { 
/*background-color: #65B8E4;*/
background:url("images/navmenu_bg1.gif") repeat;
text-align: center;
}
#example2 a.subnavlinks, 
#example2 a.subnavlinks:hover, 
#example2 a.subnavlinks:active {
text-align: left;
}