/* CSS Document */
html, body {
	padding:0px; 
	margin:0px;
}

body {
font: 76% Verdana, Arial, Helvetica, sans-serif;
overflow-y:auto;
overflow-x:hidden;
background:#fff;

}

a, a:visited{
color:#004890;
font-size:11px;
text-decoration:none;
}

a:hover{
color:#004890;
font-size:11px;
text-decoration:underline;

}

#container {
margin:0 auto;
padding:0;
width:781px !important;
width:779px;
background:url(images/background.jpg) repeat-y center;
}

#container-in {
margin:0 auto;
padding:10px 0;
width:755px;
}

#header {
	margin:0;
	padding:0px;
	height:100px;
	width:100%;
	background:#4088D0;
}

#header-left {
margin:10px  0 0 10px;
padding:0;
width:50%;
float:left;
}

#header-left p {
 margin:10px 0;
 padding:0;
 font-family:Verdana, Arial, Helvetica, sans-serif; 
 font-size:18px;
}


#header-right {
margin:12px  0 0 0;
padding:0;
width:47%;
float:right;
}

#main-contents {
margin:15px 0 0 0;
padding:0;
width:100%;
}

#sidebar {
padding:0;
margin:0 2px 0 0 !important;
margin-right:0;
background-color:#CBE6FA;
border:1px solid #175ea6;
width:205px;
float:right;
}

#sidebar ul {
margin:0;
padding:0;
list-style-type:none;
}

#sidebar ul li {
font-weight:normal;
padding:0 0 2px 15px;
margin:2px 0 0 3px;
font-size:10px;
color:#004a80;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
background:url(images/arrow.jpg) no-repeat left top;
}

#sidebar ul li a, #sidebar ul li a:visited {
	text-decoration: none;
	color: #004a80;
	font-size:12px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#sidebar ul li a:hover{
color:#004a80; 	
font-size:12px;
text-decoration:underline;
}

#contents {
margin:0 0 0 1px;
padding:1px;
width:535px;
float:left;
border:1px solid #175ea6;
}

#new {
margin:0;
padding:0;
margin-left:2px;
width:99.4%;
text-align:left;
border:1px solid #003300;
}

#new h6 {
color:#FF0000;
padding:0;
margin:5px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
background:none;
text-align:center;
}

#contents p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
padding-left:3px;
padding-right:3px;
color:000;
}

h1 {
	text-align:center;
    padding:0;
	margin:0px;
    font-size: 14px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #12569b;
	border-top:1px solid #12569b;	
	font-weight: bold;
	background-color: #3794df;
    }
	
h2, h3, h4, h5 {
	margin:5px 0 5px 0;
	padding:1px 2px 1px 5px;
	font-size:small;
	color: #0356a6;
	background:#e6f4ff;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.menu-hdr {
padding:2px 0 0 0;
margin:1px;
font-weight: bold;
height:23px;
background: #0978D4 url(images/h5.jpg) repeat-x;
text-align:center;
color: #FFFFFF;
border-bottom:1px solid #175ea6;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer {
margin:5px 0 0 0;
padding:0;
width:100%;
height:49px;
background:#4088D0;
border-top:1px solid #004890;
border-bottom:1px solid #004890;
}

.footer {
padding:0;
margin:18px 0 0 0;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
}

.footer a, .footer a:visited{
color:#fff;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}

.footer a:hover{
color:#fff;
font-weight:bold;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}

#break-line{
margin:0;
padding:0;
width:100%;
background:url(images/break.jpg) repeat-x bottom;
height:10px;
clear:both;
}

#first-box {
margin:0 0 15px 15px !important;
margin-left:8px;
padding:0 0 5px 0;
width:350px;
border:1px solid #004890;
float:left;
}

#second-box {
margin:0 0 15px 20px;
padding:0 0 10px 0;
width:350px;
border:1px solid #004890;
float:left;
}


#first-box h2, #second-box h2  {
margin:1px;
padding:5px 0 0 0;
height:22px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-size:13px;
background:#0978D4 url(images/h5.jpg) repeat-x;
}

#box-img{
margin:4px 0 0 2px;
padding:0;
width:100px;
float:left;
text-align:center;
}

#box-text {
margin:0;
padding:0;
width:210px;
float:left;
text-align:left;
}
#box-text ul {
margin:0 0 0 5px;
padding:0;
text-align:left;
}

#box-text ul li {
margin:0 0 5px 0;
padding:0;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
list-style-type:none;
}

.text-style {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
padding:0;
margin:0 0 0 20px;
}

.text-style h3 {
margin:1px 0 0 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
padding:0;
color:#632F00;
}

#navigation{
	width:100%;
	margin:0;
	padding:0;
	height:27px;
	border-top:1px solid #fff;
	background:#222 url(images/navigation.jpg) repeat-x;
}

ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  height: 27px;

}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height:auto;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 27px;
  left: 0px;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  padding:2px 20px 3px 20px !important;
  padding:4px 20px 4px 20px;
  text-align:center;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #fff;
  font: 12px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  background: url(images/nav-side.jpg) no-repeat right bottom;
  font-weight:bold;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  color:#222;
  background:#ccc url(images/navigation-hover.jpg) repeat-x;
}

ul#navmenu a:active
{
  color:#222;
  background:#ccc url(images/navigation-hover.jpg) repeat-x;
}
