/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
/* Suggested order:
 * display
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font-size
 * font-style
 * font-weight
 * font-family
 * other font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */
 
body {
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
width: 95%;
}
hr { height: 1px; color: #003399; }
.border { border: 1px solid #BBD6EF; margin: 5px 0 0 0; }

/* css site */
.warning { display: none; }
.shortcut { text-decoration: underline; }

#layout { text-align: center; vertical-align: top; }

#container {
margin: 0 auto;
padding: 5px;
width: 770px;
text-align: left;
background-color: #FFFFFF /*url(images/bg_crowd.png) no-repeat right bottom*/;
border: 1px solid #FAFAFA;
/*background: url(images/bg-nav.gif) left repeat-y;
background: url(images/bg-nav.gif) right repeat-y;*/
}
.top { font-size: 11px; text-align: right; }

#header {
background-image: #FFFFFF /*url(images/header2.jpg) no-repeat top*/;
height: 90px;
/*margin-bottom: 2px;*/
}

.slogan { float: right; padding: 30px 3px; font-size: 75%; font-weight: bold; color: #003399; }


#navcontainer {
text-align: center;
width: 870px;
}
#navcontainer ul {
list-style: none;
margin: 0;
padding: 0;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
}
#navcontainer ul li { 
display: inline; 
list-style: none;
}

#navcontainer ul li a {
padding: 0.2em 17px;
background-color: #003399;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #FFFFFF;
}
#navcontainer ul li a:hover {
background-color: #FFCC00;
color: #003399;
}
#navlist li a:hover,
#navlist li a:active {
color: #003399;
text-decoration: none;
background: #FFFFFF;
text-align: left;
}









#left {
width: 160px;
padding: 0 15px 15px 0;
margin: 0;
float: left;
background-color: #FFFFFF;
}
#left h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
color: #FFFFFF;
line-height: 18px;
padding: 2px;
background-color: #003399;
text-transform: uppercase;
}

#left ul {
margin: 0;
padding: 0;
list-style: none;
border-right: 1px solid #003399;
}
#left li {
margin: 0;
padding: 0;
line-height: 120%;
border-bottom: 1px solid #003399;
}
#left li a {
display: block;
vertical-align: middle;
margin: 0;
padding: 5px;
font-size: 85%;
font-weight: bold;
color: #003399;
text-decoration: none;
}
#left li a:hover { text-decoration: underline; }
#left li .active { background-color: #EAEAEA; }
#left .sub { padding-left: 10px; font-size: 75%; /*background-color:  #FFFFEE;*/ }

.contents {
background: transparent url(images/bg_logofade.gif) center no-repeat top;
margin: 0 auto;
padding: 10px;
float: none;
color: #333333;
overflow: none;
margin-left: 175px;
}

.contents a {
color: #00f;
text-decoration: none;
}
.contents a:hover {
color: #c00;
text-decoration: underline;
}
.contents a:visited {
/*color: #009;
text-decoration: none;*/
}

.contents h1, .contents h2, .contents h3, .contents h4, .contents h5, .contents h6 {
margin: 15px 0 5px 0;
padding: 2px;
border-bottom: 1px solid #003399;
font-weight: bold;
text-align: left;
color: #003399;
}
.contents h1 { font-size: 100%; margin-top: 0; }
.contents h2 { font-size: 90%; }
.contents h3 { font-size: 80%; }
.contents h4 { font-size: 70%; }
.contents h5 { font-size: 60%; }
.contents h6 { font-size: 55%; }

.contents p { margin: 5px 0; padding: 2px; font-size: 75%; }
.contents ul li { font-size: 75%; }
.contents li { list-style: circle; margin: 2px 0; list-style-position: outside; }

#end {
clear: both;
}
#footer {
border-top: 1px solid #003399;
clear: both;
margin: 0;
padding: 0;
/* background: #FFFFFF url(images/footer.gif) no-repeat bottom*/;
}

#footer p {
text-align: center;
font-size: 11px;
margin: 0;
padding: 5px;
color: #666666;
}

.footerbar { background-color: #CCCCCC /*#EFF7FF url('images/cellpic_nav.gif')*/; padding: 4px; color: #666666; white-space: nowrap; border-top: 1px solid #666666; border-bottom: 1px solid #666666; text-decoration: none; height: 11px; }
.footerbar a { padding: 3px; text-decoration: none; color: #666666; }
.footerbar a:hover { background-color: #EAEAEA; color: #666666; padding: 2px; border: 1px solid #666666; text-decoration: none; }
.footerbar a:active { background-color: #FFFFFF; color: #666666; padding: 2px; border: 1px solid #666666; text-decoration: none; }


input, textarea, select {
	font-size: 12px;
	color: #333;
	background-color: #FFFFFF;
	border: 1px solid #003399;
	margin-bottom: 0;
	margin-left: 5px;
}

#box {
margin: 0 0 10px 0;
padding:5px;
border: 1px solid #999;
}.pic {
	margin-right: 15px;
}
.radiobutton {
	background-color: #F5F5F5;
}
acronym {
border-bottom: 1px dotted #999;
cursor:pointer;
}

/* end css site */
#form {
	margin: 0px;
	padding: 0px;
	text-align: right;
	vertical-align: bottom;
}
.button { background-color: #FFCC00; color: #003399; font-weight: bold; }