@charset "utf-8";
/* CSS Document */

p,div,b,stron,a {
	font-family: Arial, Helvetica, sans-serif;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
	height: 114px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#topsection .topline{
	font-size: 10px;
	height: 20px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
}

#topsection .topline a{
	color: #CCCCCC;
}

#topsection .topline a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
#topsection .topline select{
	font-size: 10px;
	height: 20px;
	color: #FFFFFF;
	background-color: #000000;
	border: 1px solid #666666;
	padding: 0px;
	margin: 0px;
} 
#topsection .logo{
	float: left;
	padding-left: 2px;
	padding-top: 0px;
	clear: left;
}

#topsection .topmenu1{
	float: right;
}

#topsection .searchbox{
	float: right;
	background-image: url(../images/d3_033.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
	margin-top: 26px;
	margin-right: 20px;
}
#topsection .searchbox .txt{
	background-image: url(../images/d3_044.jpg);
	font-size: 10px;
	color: #FFFFFF;
	border: 1px solid #B1B2B4;
	margin: 0px;
	padding: 0px;
	height: 16px;
}
#topsection .searchbox .btn{
	background-image: url(../images/d3_066.jpg);
	background-repeat: no-repeat;
	width: 40px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 2px;
	height: 16px;
}
#topsection form{ 
margin: 0px;
padding: 0px;
}
#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
	margin-left: 200px;
}
#contentcolumn h2 {
	padding-top: 14px;
	padding-bottom: 5px;
	font-size: 20px;
	color: #999999;
	margin-top: 6px;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#contentcolumn .bolder {
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	margin-left: 4px;
}
#contentcolumn p {
}




#leftcolumn{
	float: left;
	width: 200px; /*Width of left column*/
	margin-left: -960px;
	padding-top: 10px;
}

#footer{
	clear: left;
	color: #666666;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C4C4C4;
	font-size: 10px;
	padding-top: 8px;
	padding-right: 20;
	padding-bottom: 4px;
	padding-left: 20;
	margin-right: 20px;
	margin-left: 20px;
}

#footer a{
	color: #808080;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: #12559B;
}

#box{
	display: none;
}

#box .boxer{
	padding: 5px;
	float: left;
	width: 23%;
	background-color: #CCCCCC;
}

#title {
	padding-left: 200px;
	height: 98px;
	background-image: url(../images/title1.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#title .history {
	font-size: 10px;
	color: #E8E8E8;
}
#title .history a {
	color: #E8E8E8;
	text-decoration: underline;
}
#title .history a:hover {
	color: #fff;
	text-decoration: none;
}

#title #tit{
	padding-top: 20px;

}
#title #tit h1{
	font-size: 28px;
	color: #E4E6ED;
	padding:0;
	margin:0;
	-moz-opacity:.50;
	filter:alpha(opacity=50);
	opacity:.50;
	z-index: 50;
} 
 
#title #tit h6{
	font-size: 28px;
	color:#15559C;
	margin-top: -35px;
	margin-left: -2px;
	z-index: 49;
}



.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


.indentmenu {
font: bold 12px Arial, Helvetica, sans-serif;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
	border: 1px solid #b2cecc;
	float: left;
	width: 100%; /*width of menu*/
	background-image: url(../images/d3_1515.jpg);
	background-repeat: repeat-x;
}

.indentmenu ul{
	margin: 0;
	padding: 0;
	border-width: 1px 0;
	background-color: #FFFFFF;
	background-image: url(../images/d3_1515.jpg);
	background-repeat: repeat-x;
	background-position: center center;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
	float: left;
	color: #000000; /*text color*/
	padding: 5px 11px;
	text-decoration: none;
	border-right: 1px solid #fff; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: #000;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
	color: #000000 !important; /*text color of selected and active item*/
	padding-top: 6px; /*shift text down 1px for selected and active item*/
	padding-bottom: 4px;
	background-color: #CCCCCC;
	background-image: url(../images/d3_1717.jpg);
	background-repeat: repeat-x;
	background-position: center center;
}
.logos {
	float: right;
}
.logos img {
	margin-right: 10px;
	margin-left: 10px;
}
#maincontainer #pane {
	padding-top: 13px;
	padding-bottom: 3px;
}
#maincontainer #pane .panel {
	background-image: url(../images/d2_4545.jpg);
	background-repeat: no-repeat;
	height: 399px;
	width: 311px;
	float: left;
	margin-left: 7px;
}
#content p, #content li {
	font-size: small;
}

#content .col1 {
	font-size: 12px;
	font-style: italic;
	text-transform: uppercase;
	color: #666666;
}

#content .col2 {
	font-size: 12px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
}

#content #pane .panel2 {
	float: left;
	width: 350px;
	padding-left: 0px;
	margin-left: 5px;
	border: 1px solid #CCCCCC;
}

#content #pane .panel2 #pic {
	float: left;
	padding: 5px;
	margin-left: 1px;
}

#content #pane .panel2 #logo {
	float: right;
}

#content #pane .panel3 {
	float: left;
	width: 240px;
	padding-left: 0px;
	margin-left: 0px;
}
#content #contentcolumn p {
	font-size: 12px;	
}

#content #contentcolumn a {
	color: #15559C;
}
#content #contentcolumn a:hover {
	color: #14339C;
	text-decoration: none;
}
#content #contentcolumn ul {
	padding-left: 20px;
}
#content #contentcolumn li {
	padding-bottom: 13px;
	padding-left: 0px;
	list-style-type: none;
}
#content #contentcolumn strong {
	color: #FFFFFF;
	background-color: #B0BED2;
	padding: 5px;
}

#content #contentcolumn #sub li {
	margin-left: 22px;
	padding-bottom: 5px;
}
#content #contentcolumn #list2 li {
	padding-bottom: 13px;
	padding-left: 0px;
	list-style-type: disc;
	margin-left: 15px;
}
#content #contentcolumn #sub2 {
	font-size: 10px;
	padding-top: 2px;
	margin-top: 2px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	border-top-width: 1px;
}

#content #contentcolumn #date {
	font-size: 10px;
	padding-top: 2px;
	color: #999999;

}



.aerobuttonmenu{ /*container that holds a row of aero buttons*/
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: auto;
	border-width: 1px 0;
	padding-top: 26px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
	text-transform: uppercase;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/

display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 33px; /* This value + 8px should equal height of button background (default is 31px) */
height: 47px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 3px; /*spacing between buttons*/ 
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited{
color: #fff; /*button text color*/

}

.aerobuttonmenu a.aero span{

display: block;
padding: 4px 10px 8px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover, .aerobuttonmenu a:active, .aerobuttonmenu a:focus{ /* Hover state CSS */
background: transparent url('../images/d2_099.jpg') no-repeat top left;
color: #14569d;
}

.aerobuttonmenu a.aero:hover span, a.aero:active span, a.aero:focus span  { /* Hover state CSS (for text) */
color: #14569d;
background: transparent url('../images/d2_1212.jpg') no-repeat top right;
}



.aerobuttonmenu .rightsection{
float: right;
width: 10px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}






.urbangreymenu{
	width: 170px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.urbangreymenu .headerbar{
	color: #175699; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase; /*31px is left indentation of header text*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFFFF;
	background-image: url(../images/mnt2.png);
	background-repeat: no-repeat;
	background-position: 8px -3px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 40px;
}

.urbangreymenu .headerbar h3{
margin: 0;
padding: 0;
}

.urbangreymenu .box{
	margin: 0;
	padding: 4px;
	border: 1px dotted #999999;
}

.urbangreymenu .box p{
	margin: 0;
	padding-bottom: 4px;
	font-size: 10px;
	color: #666666;
}

.urbangreymenu .box strong{
	padding-bottom: 4px;
	font-size: 12px;
	font-weight: bold;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
	color: black;
	display: block;
	line-height: 16px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a.current {
	display: block;
	line-height: 16px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: white;
	background-color: #5079A3;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
	color: white;
	background-color: #15559C;
}
