/* MetroShip template CSS Document */

/*Color Scheme
Black = #060606
White = #FFFFFF (main text areas & copyright/ bus info in footer)
Orange = #5A401A (logo & "&")
Grey = #626460 (logo Grey - nav text & border - image scroller borders & Buttons - right side of footer links)
*/


* { margin:0; padding:0;}

body { font-family:"copperplate gothic","Century Gothic","verdana","sans"; font-size:12px; line-height:18px; color:#cfcfcf; background:url(imgs/content-bg-960-10.jpg) no-repeat #232323;}

h1 {color:#fff; font-size:30px; padding:35px 0 10px 5px; width:440px;}

h1 span {display:block; font-size:12px; padding:15px 0 0 5px; width:480px;}

h2 {color:#fff; font-size:24px; margin:10px 0 0 0; padding-top:25px; border-top: 1px solid #434343; font-family:Geneva, Arial, Helvetica, sans-serif; border-left:1px #2f2f2f solid; border-right:1px #2f2f2f solid; padding-left:8px; padding-bottom:10px;}

h3 { font-size:16px; margin: 20px 0  15px 0;}

h3 span {display:block; margin:8px 0 12px 0; font-size:90%;}

p { padding:4px;}

ul, ol {}

li {}

img {}



a:link{color:#fff; text-decoration:none; font-weight:bold;font-size:104%;}
a:visited{color:#fff; text-decoration:none;font-weight:bold; font-size:104%;}
a:hover{ text-decoration:underline; color:#ccc;font-weight:bold; font-size:104%; }
a:active{text-decoration:underline;font-weight:bold; font-size:104%;}

div#PageWrap { width:958px; margin:5px auto;}

div#Header {height:120px; border-bottom:2px solid #434343; background-color:transparent}
	div#Header span {color:#626460;}

	div#Header p {width:400px; margin-left:500px; color:#5A401A; position:relative; top:-70px; padding:10px; border:1px solid #2f2f2f;}
	
div#Nav { /*background-color:#3366FF;*/ height:18px;}
	div#Nav p {margin-left:30px; width:330px; display:inline; float:right; position:relative; top:-4px;}
	div#Nav ul {/*background-color:#66FFCC;*/ height:100%; margin:8px 0; width:580px;}

	div#Nav ul li {display:inline; font-size:17px; padding:0 8px; /*background-color:#9900FF*/}
	div#Nav ul li a {padding 0 8px;}
	
	div#Nav ul li a:link{color:#929490; text-decoration:none; font-weight:bold}
	div#Nav ul li a:visited{color:#929490; text-decoration:none;font-weight:bold}
	div#Nav ul li a:hover{ text-decoration:underline; color:#ccc;font-weight:bold }
	div#Nav ul li a:active{text-decoration:underline;font-weight:bold}

div#ContentWrap { float:left; width:958px; border-left:1px #2f2f2f solid; border-right:1px #2f2f2f solid; border-bottom:1px #2f2f2f solid }

	div#ContentWrap ul, ol { margin:10px 0 10px 30px;}

	div#LeftC h3,p, ul, ol{ padding-left:8px; }
	div#LeftC p {text-align:justify;}
	
	div#CentC { }
	
	div#RightC h3, p, ul, ol{ padding-right:8px; }
	div#RightC p {text-align:justify;}
	
div#LinkWrap { float:left}

	div#LeftLC { }
	
	div#CentLC { }
	
	div#RightLC { }
	
.column {width:299px; min-height:300px; float:left;}

.CLeft {margin:5px 0 5px 0}

.CCenter { margin:5px 30px;}

.CRight {margin:5px 0 5px 0}

.centercolimgs { margin:11px auto; border:1px solid #2f2f2f; padding:5px; -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#232323}
.centercolimgs img {display:block; min-height:200px; border:1px solid #2f2f2f; padding:3px; margin-bottom:6px;}
.centercolimgs span { font-size:85%; color:#626460; line-height:14px;}
	
.linkbox { padding:4px; border:1px solid #434343; margin:10px 0; background:url(imgs/link-box-bg.jpg) bottom right no-repeat;}
	
	.linkbox h4 {padding-bottom:5px; margin-bottom:6px; border-bottom:1px dotted #434343; font-family:Geneva, Arial, Helvetica, sans-serif; text-transform:capitalize; }

	.linkbox a { display:block; margin-left:8px}
	
	.linkbox a:link{color:#5A401A; text-decoration:none; font-weight:bold}
	.linkbox a:visited{color:#5A401A; text-decoration:none;font-weight:bold}
	.linkbox a:hover{ text-decoration:underline; color:#ccc;font-weight:bold }
	.linkbox a:active{text-decoration:underline;font-weight:bold}

	
	.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}