@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}

body{
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color: #333333;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

h1, h2, h3, h4 { margin:0; padding: 5px 0px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif;  }

h1 {font-weight: bold;  color: #990000;  font-size: 14px; margin-top: 10px; }
h1 a, h1 a:visited { color: #990000;  text-decoration: none; }
h1 a:hover { color: #990000;  text-decoration: none; }

h3 {font-weight: normal; font-size: 12px; margin: 5px 0; }	
h4 { font-size: 15px; color: #006699;  }
	
h2 { font-weight: normal; font-size: 13px; color: #990000; margin-bottom: 5px;  }
h2 a, h2 a:visited{ text-decoration: none; color:#990000;   }
h2 a:hover { text-decoration: underline; color: #990000; }

/*---:[ global elements ]:---*/

a, a:visited { color: #333333; text-decoration: none; }
a:hover { text-decoration: underline;color:#99FFFF }
a img { border: none; }

p{	margin: 0.8em 0px;line-height: 150%;}
ul, ol{margin:10px 5px 10px 10px;}
li{	padding-left:0px; line-height: 150%; background: transparent url('images/arrows.gif') 0.5em left no-repeat;
}

input, textarea, option, select {  }
option {	padding-right: 0.5em;}

#wrapper{
width: 670px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
text-align: left; /* this overrides the text-align: center on the body element. */
border: 1px solid #C8C8C8;
}

#header{ height: 160px;  /*Height of top section*/ 
background: transparent url('images/header.jpg') left top no-repeat;
}
#headerIndex{ height: 160px;  /*Height of top section*/ 
background: transparent url('images/headerIndex.jpg') left top no-repeat;
}
#left{
float: left;
width: 160px; /*Width of left column in pixel*/
margin-left: -670px; /*Set margin to that of -(MainContainerWidth)*/
display: inline;

}

#right{
float: left;
width: 160px; /*Width of right column*/
margin-left: -160px; /*Set left margin to -(RightColumnWidth)*/
display: inline;
}

#logo a{ height: 110px; width:665px;float: left; display: inline;}
#logoText a{ height: 50px; width:300px;float: left; display: inline; }

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 164px 0 160px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
padding:0 15px;
border-left:1px solid #C8C8C8; border-right:1px solid #C8C8C8;
}

#contentcolumnIndex{
margin: 0 0px 0 160px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
padding:0 15px;
border-left:1px solid #C8C8C8;
}

#contentcolumn p, #contentcolumnIndex p{ text-align: justify; }
#contentcolumn img, #contentcolumnIndex img{ margin-right:10px; }
#footer{
background-color: #FFFFFF; 
width: 670px; margin: 5px auto;
text-align: left;
padding: 9px 0px 10px 0px;
}

#footer a, #footer a:visited {
padding: 0 5px;
text-decoration: none;
color: #333333;
}
#footer a:hover{
 text-decoration: underline;
}
#copy{ margin-left:150px;text-align: right; padding: 10px 10px 0 0; font-weight: normal; color: #666666;}
#welcome{	color:#CC0000; font-size: 15px;  font-weight: bold; padding: 5px 0px;  }
.pad3{	padding: 3px;}
.pad5{	padding: 5px;}
.pad10{	padding: 10px;}
.pad15{	padding: 15px;}
.img-right{	 float: right;margin: 0px 0px 0px 10px;  }
.img-left{	 float: left; margin: 0px 10px 10px 0px;    }
.spacer { clear: both; }
.spacer20 { clear: both; margin-top:20px; }
.dot-line{ clear: both;	margin:0 10px 10px 10px;  border-bottom: 1px dotted #acacac;}
.line{ clear: both;	margin:0 10px 10px 10px;  border-bottom: 1px solid #999999;}

.small{font-weight:normal;	font-size: 11px; }

#main{ clear: both; height: 270px; background: transparent url('images/main.jpg') left top no-repeat;
 margin-bottom: 10px; }
#menuLeft{}
#menuLeft ul{	padding-left: 0px;}
#menuLeft li{  list-style: none;   line-height: 160%;}
#menuLeft li a, #menuLeft li a:visited {padding:5px 0px 5px 10px; background: url('images/dot.gif') left 0.9em no-repeat;font-weight: bold;color: #696969; text-decoration: none;
-moz-outline:none; 
outline:none; }
#menuLeft li a:hover, #menuLeft li#current a{ padding:5px 0px 5px 10px; background: url('images/dot-o.gif') left 0.9em no-repeat;color: #990000; text-decoration: none;  }

#menuLeft ul ul{	margin-top: 0px; margin-bottom: 0px;}
#menuLeft li li a, #menuLeft li li a:visited {padding:5px 0px 5px 10px; background: url('images/dot2.gif') left 0.8em no-repeat;font-weight: bold;color: #696969; text-decoration: none;
-moz-outline:none; outline:none; }
#menuLeft li li a:hover, #menuLeft li li#current a{ padding:5px 0px 5px 10px; background: url('images/dot2-o.gif') left 0.8em no-repeat;color: #00588C; text-decoration: none;  }

.date{padding-left: 15px; background: transparent url('images/post.gif') left 0.25em no-repeat;	font-weight: bold; border-bottom: #999999 1px solid;}

.imgLeft{
	 margin-right:10px;
}
.flt-right{
float:right;
}
.info{	border:1px solid #B2DAFF;	padding: 5px;	margin: 10px 0px; background-color:#E8F4FF;}
.warn{ font-weight: bold; color: white;	border:1px solid #8b1029;	padding: 5px;	margin: 10px 0px; background-color:#f05978;}

#topMenu{
margin-top:20px;
width: 350px;
overflow: hidden;
float: right;
}

#topMenu ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 11px Tahoma, Arial;
list-style-type: none;
}

#topMenu li{
display: inline;
margin: 0;
}

#topMenu li a, #topMenu li a:visited{
float: right;
display: block;
text-transform: uppercase;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: #990000;
background: white; /*background of tabs (default state)*/
-moz-outline:none; 
outline:none;
}

#topMenu li a:hover, #topMenu li.selected a{
background: #f5f5f5; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.banner{	margin-bottom: 10px;}
.tbl-form{	background-color: #d0d9de;	border:1px solid #b1c2cd;	padding: 5px;}
.tbl-form td{	padding: 5px; background-color: #f5f8fa;}
.info{	border:1px solid #B2DAFF;	padding: 5px;	margin: 10px 0px; background-color:#E8F4FF;}
.warn{	border:1px solid #FFBBBB;	padding: 5px;	margin: 10px 0px; background-color:#FFE8E8;}

.date {
color:#333;
font-weight:700;
font-family:Georgia, serif;
padding: 0 0 5px 18px;
background: transparent url('images/icon-date.gif') left top no-repeat;
border-bottom: #999999 1px dotted;
}

#details{
float: left; 
width:100%; 
}
#media{
 float: left;
 padding: 10px;
 width:180px; border: #00A0D1 1px solid;
 color:#00A0D1;
 
}
#media p{	margin: 1.3em 0px;line-height: 140%; padding: 0;}

#media h2{
font-weight: bold; font-size: 18px;
padding: 10px 0;	
	 text-align: center;
}

#right-content{
border:1px solid #00A0D1;
padding: 5px;
font-size:11px;
}