/**************************************
	MAIN.CSS
	CSS Stylesheet for www.princegeorgeva.org
	Author: Aston Lawrence
	Date: May 20, 2006
	Copyright: 2006 Oliver Creative, Inc.
***************************************/

/*** GLOBALS ***/
html, *{margin:0; padding:0px; line-height:normal;}
body {background:#8c6c45; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}
img{border:none;}
.container{width:759px; border:1px solid white; margin:10px auto 0 auto; position:relative; background:#ffffff;}
a.logo{width:759px; height:79px; background:url(../images/logo-header.gif) no-repeat top left; display:block; cursor:pointer;}
.bold{font-weight:bold;}
.center{text-align:center;}
.clearBoth{clear:both;}
td{vertical-align:top;}
a:link, a:visited, a:hover, a:active{text-decoration:underline; color:#b37022;}

/*** NAV ***/
.mainNav{width:765px; border:1px solid white; position:absolute; top:79px; left:0; margin-left:-8px; height:21px; background:url(../images/nav-bg.jpg) no-repeat top left; color:#FFFFFF; padding:6px 0 0 10px; z-index:1;}
.mainNav li{display:inline; margin-left:23px;}
.mainNav li a:link, .mainNav li a:visited, .mainNav li a:hover, .mainNav li a:active{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; font-weight:bold;}
.mainNav li a:hover, .active{color:#4e4c00;}

/*** SUB NAV ***/
.subNav{color:#ffffff; height:17px; border-bottom:1px solid white; background:#69670e; padding:2px 0 0 15px; position:relative;}
.subNav li{display:inline;}
.subNav li a:link, .subNav li a:visited, .subNav li a:hover, .subNav li a:active{color:#FFFFFF; text-decoration:none; font-size:11px;}
.subNav li a:hover{text-decoration:underline;}
.subNav li.padLeft{margin-left:10px;}

/*** ULITILY NAV ***/
.utility{width: 759px; text-align:right; margin:3px auto 0 auto; color:#FFFFFF; padding:3px 0 0 0;}
.utility li{display:inline;}
.utility li a:link, .utility li a:visited, .utility li a:hover, .utility li a:active{color:#FFFFFF; text-decoration:none;}
.utility li a:hover{text-decoration:underline;}

/*** HOME PAGE ***/
.flash{width:759px; height:243px; background:#74711d; margin:2px 0 0 0; padding:0; position:relative; z-index:0;}
.homeContent{width:745px; height:200px; display:block; background:#ffffff ; margin:3px 0px 3px 5px; position:relative; font-size:11px; }
.homeContent p{margin:0 0 0 3px;}
.homeContent h1.brown, .homeContent h3.brown{margin-left:0px;}
.homeContent a:link, .homeContent a:visited, .homeContent a:hover, .homeContent a:active{text-decoration:underline; color:#b37022;}
.homeLeft{width:550px; float:left; height:200px;}
.homeCenter{width:170px; float:left; height:200px; padding:0 0 0 15px;}
.homeRight{width: 185px; float:left; padding-left: 10px; padding-top: 5px;}
.homeRight ul.greenBorder{border:1px solid #74711d; width:170px; margin-left:5px; padding:3px 5px 5px 8px; border-top:none; list-style-type:none; vertical-align:top;}
.homeRight li{margin-left:5px; width:150px; list-style-type:none; background:url(../images/dot.gif) no-repeat 0 6px; padding-left:5px;}
.homeRightCallout{border: 1px solid #74711d;}
.homeRightCalloutText{padding: 5px; font-size: 11px;}
	.homeRightCalloutText h3{text-transform: uppercase; font-size: 11px;}
div[class] .homeContent, div[class] .homeLeft, div[class] .homeCenter, div[class] .homeRight{height:auto;}
.imgCenter{width:84px; height:83px; background:#ffffff; float:right; margin:2px;}
h1#logo, div#logo {position:relative; padding: 79px 0 0 0; overflow: hidden; background: url("../images/logo-header.gif") no-repeat; height: 0px !important; height /**/:79px; }

/*** FOOTER LINKS ***/
.footer{color:#ffffff; width:777px; margin:3px auto; text-align:center; font-size:11px;}
.footer li a:link, .footer li a:visited, .footer li a:hover, .footer li a:active{color:#ffffff; text-decoration:underline;}
.footer li{display:inline; margin-left:5px;}
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active{color:#ffffff; text-decoration:underline;}


/*** SECONDARY PAGES ***/
.secBG{background:url(../images/sec-bg.gif) repeat-y top left;}
.content {min-height:446px; height:446px; background:#ffffff; width:563px; display:inline;}
.content td{vertical-align:top;}
div[class] .content{height:auto;}
.content h1{width:548px; height:36px; background:url(../images/int-hdr-bg.jpg) no-repeat top left; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:20px; padding:5px 0 0 15px; margin:1px 0 5px 0;}
.content h2{font-size:12px; font-weight:bold; margin-left:15px; color:#74711d;}
.content h3{font-size:11px; font-weight:bold; margin-left:15px;}
.content p, .secCallout p, .content table{margin:0 10px 0 15px;}
.content ul{margin-left:0px; padding-left:30px;} /* Modified by Ari Ugwu on 7/19/2006 */
.content ol{margin-left:0px; padding-left:30px;} /* Modified by Ari Ugwu on 7/19/2006 */
.content .short{width:320px;}
.content .picA{float: right; padding-right: 170px; clear: both;} /* Added by Ari Ugwu on 7/19/2006 */
.content .picB{float: right; padding-right: 50px; clear: both;} /* Added by Ari Ugwu on 7/19/2006 */
.secCallout{width:196px; display:inline;}
.secCallout p{width:176px; padding:0;}
.secCallout hr{margin:5px 5px 0 5px;}
.secCallout a:link, .secCallout a:visited, .secCallout a:hover, .secCallout a:active{text-decoration:underline; color:#b37022;}
	.leftCallout{border: 1px solid #74711d; width: 183px; overflow: hidden; margin-left: 5px;}
	.leftCalloutText{padding: 5px; font-size: 11px;}
	.leftCalloutText p {margin-left: 0px;}
		.leftCalloutText h3{text-transform: uppercase; font-size: 11px;}
h1.brown, h3.brown{background:url(../images/green-diamond.gif) no-repeat 2px 5px; padding-left:15px; color:#b37022; font-family:Arial, Helvetica, sans-serif; font-size:17px; margin:3px 0 0 0  !important; margin:6px 0 0 0 ; font-weight:bold;}
h3.green{background:#74711d url(../images/white-diamond.gif) no-repeat 3px 5px; padding-left:15px; color:#FFFFFF; width:170px; margin:3px 0 0 5px; font-size:17px;}
p.greenBorder{border:1px solid #74711d; width:170px; margin-left:5px; padding:3px 5px 5px 8px; border-top:none;}
.greenBold{font-weight:bold; color:#74711d;}
p.greenBorder a:link, p.greenBorder a:visited, p.greenBorder a:hover, p.greenBorder a:active{color:#74711d; text-decoration:underline;}
.orangeBold{font-weight:bold; color:#b37022;}

/*** SECONDARY MAIN IMAGES ***/
.secImage{width:563px; height:202px; margin:0; padding:0;}
.about{background:#ffffff url(../images/int-about.jpg) no-repeat top left;}
.business{background:#ffffff url(../images/int-business.jpg) no-repeat top left;}
.contact{background:#ffffff url(../images/int-contact.jpg) no-repeat top left;}
.news2{background:#ffffff url(../images/int-news2.jpg) no-repeat top left;}
.news{background:#ffffff url(../images/int-news.jpg) no-repeat top left;}
.points{background:#ffffff url(../images/int_points3.jpg) no-repeat top left;}
.fort{background:#ffffff url(../images/int-resources.jpg) no-repeat top left;}
.properties{background:#ffffff url(../images/int-properties2.jpg) no-repeat top left;}
.resources{background:#ffffff url(../images/int-resources4.jpg) no-repeat top left;}
.sitemap{background:#ffffff url(../images/int-sitemap.jpg) no-repeat top left;}

/*** SECONDARY HOVER IMAGES ***/
.hover{position:absolute; left: 539px; top: 389px;}
.hAbout{width: 195px; height:141px; background:url(../images/hover-about.gif) no-repeat top left;}
.hAbout2{width: 150px; height:154px; background:url(../images/hover-about2.gif) no-repeat top left;}
.hBusiness{width: 163px; height:142px; background:url(../images/hover-business.gif) no-repeat top left; left:590px;}
.hContact{width: 200px; height:300px; background:url(../images/hover-contact.gif) no-repeat top left;}
.hNews{width: 210px; height:136px; background:url(../images/hover-news-3.jpg) no-repeat top left;}
.hPoints{width: 200px; height:189px; background:url(../images/hover-point.gif) no-repeat top left; left:560px;}
.hProperties{width: 200px; height:141px; background:url(../images/hover-properties-3.jpg) no-repeat top left; left:560px;}
.hResources{width: 179px; height:147px; background:url(../images/hover-resources2.jpg) no-repeat top left; left:580px;}
.hfort{width: 179px; height:147px; background:url(../images/reources_fort.gif) no-repeat top left; left:580px;}
.hResources2{width: 150px; height:221px; background:url(../images/hover-resources2.gif) no-repeat top left; left:591px;}
.hSiteMap{width: 195px; height:141px; background:url(../images/hover-sitemap.gif) no-repeat top left;}