/* CSS Document */

html {
	margin:0;
	padding:0;
	}
body {
	font:76% Arial, Helvetica, sans-serif;
	/*background:#fff url(../images/bg-body.gif) center  top repeat-y;*/
	margin: 0;	
	padding: 0;
	color:#333;
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:500;
	}
		
p {
	margin: 0 0 15px 15px;
	padding: 0;
	line-height:1.3em;
	font: Verdana, Arial, Helvetica, sans-serif;
	}
#bg {
	background:#fff url(../images/bg.jpg) left top repeat-y;
	margin: 0 auto;
	padding: 0;
	width: 930px;
	}
#wrapper {
	margin: 0 auto;
	display:block;
	padding: 0;
	width: 900px;
	background: url(../images/v-line.gif) repeat-y 639px bottom;
	}
	


/*--------links-----------*/
a:link {
	color: #ff0000; 
	text-decoration: none;
	font-weight: 500;
	}	
a:visited{
	color: #cc3300; 
	text-decoration: none;
	font-weight: 500;
	}
a:hover {
	color: #ff3300; 
	text-decoration: underline;
	font-weight: 500;
	}
a:active {
	color: #ff3300; 
	text-decoration: underline;
	font-weight: 500;
	}

/*---------header-----------*/
#header {
	margin: 0;
	padding: 0;
	width: 900px;
	background: #303347 url(../images/header.jpg) right top no-repeat;
	}
#header h1 {
	margin: 0;
	padding: 10px 0 15px 20px;
	font-size: 2em;  
	word-spacing: 0;
	text-transform: uppercase;
	}
	#header h1 a{
		color:#ffffff;
		font-weight: 600;
		text-decoration: none;
		}
.blue {
	color: #a26511;
	}
#header h1 span {
	font-size:0.7em;
	color: #eee;
	text-transform: lowercase;
	}
	
/*----------nav-----------*/



#nav {
	padding: 0 0 0 15px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	border-bottom: 1px solid #fff;
	/*background-color: #303347;*/
	float: left;
	width: 885px;
	}

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

#nav li a {
	text-decoration: none;
	padding: 11px 12px 10px 11px;
	margin: 0;
	margin-right: 5px; /*distance between each tab*/
	color: #fff;
	font-size: 1em;
	font-weight:600;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: #1487c8 url(../images/navbg.gif) center center repeat-x;
	float:left;
	}

#nav li a:visited {
	color: #fff;
	}

#nav li a:hover {
	background: transparent url(../images/navhover.gif) center center repeat-x;
	color: #fff;
	}
#nav li .nowpage {
	background: transparent url(../images/navhover.gif) center center repeat-x;
	color: #fff;
	}

	
/*---------content-----------*/
#left {
	margin: 15px 0 0 0;
	padding: 0 12px 0 0;
	width: 627px;
	float: left;
	/*border-right: 1px solid #999;*/
	}
#header	.bread {
	background: url(../images/header-bg-3.gif) center center repeat-x;
	margin: 0;
	padding: 3px 5px 4px 5px;
	clear: both;
	}
#header	.bread p {
		margin: 0;
		padding: 0;
		color: #f1f1f1;
		font-size: 0.8em;
		font-family: Verdana, Arial, Helvetica, sans-serif;		
		}
#header	.bread p a {
		color: #f1f1f1;
		font-family: Verdana, Arial, Helvetica, sans-serif;		
		}
#header	.bread p a:hover {
		color: #f1f1f1;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: underline;		
		}

#right {
	margin: 0;
	padding: 0;
	float: right;
	width: 260px;
	background-color: #fff;
	border-top: #990000 solid 1px;
	}
.bodytext {
	margin: 1px 0 15px 0;
	padding: 10px 15px 5px 0;

	float: left;
	background: #eee url(../images/bg-top-bodytext.gif) right top no-repeat;
	}
	.bodytext2 {
		margin: 1px 0 15px 0;
		padding: 10px 15px 5px 15px;
		clear: both;
		background: #eee url(../images/bg-top-bodytext.gif) right top no-repeat;
		}
/*#left h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.7em;
	background-color:#0099cc;
	background-color: #fff;
	color:#4d5361;
	}*/
#left h2 {
	margin: 0;
	padding:12px 5px 7px 12px;
	width: 290px;
	background: url(../images/bg-h2.gif) right bottom no-repeat;
	font-size: 1.4em;
	font-weight: 600;
	}
#left h3 {
	margin: 0 0 10px 0;
	padding: 5px 5px 5px 20px;
	background-color:#f9f9f9;
	color:#555;
	font-weight: 600;
	font-size: 1.1em;
	clear:both;
	border-bottom: #666 dashed 1px;
	border-top: #666 dashed 1px;
	}
#left .index-img {
	margin: 0 0 15px 0;
	padding: 0;
	float: right;
	width: 250px;
	}
#left .index-img img {
	display: block;
	border:1px solid #333;
	}
#left .caption {
	margin: 2px auto;
	padding: 0;
	text-align:center;
	font-size:0.9em;
	font-family:"Courier New", Courier, monospace;
	background-color: #f1f1f1;
	width: 250px;
	border: 1px dashed #333;
	}
#left .caption span {
	margin: 0 5px 0 0;
	padding: 0;
	text-align:right;
	display:block;
	}
#left .icon-img {
	float:left;
	margin: 0 20px 10px 10px;
	}
#right img {
	border: 1px solid #cc0000;
	padding: 5px 0;
	margin-left: 8px;
	}
#right .icon-img {
	float:left;
	margin: 10px 10px 10px 10px;
	border: 1px solid #999;
	padding: 1px;
	}
#right h4 {
	margin: 0;
	padding: 6px 0 6px 10px;
	text-align: left;
	font-size:1.1em;
	color: #fff;
	background: #d54708 url(../images/headerbg.gif) center center repeat-x;
	}
#right p {
	margin: 8px 0 0 0;
	padding: 0;
	}	
	

	
/*-----portal-----*/

.portalrow {
	padding: 0;
	margin: 0 0 15px 0;
	background-color: #fff;
	}	
.portal {
	width: 362px;
	padding: 0;
	margin: 0 0 15px 0;
	background-color: #fff;
	float:left;
	/*border: #ad1802 solid 1px;*/
	}	
	 .rmargin {
		margin-right: 15px;
		}
.portal h4 {
	padding: 7px 10px 5px 20px;
	margin: 0;
	color: #fff;
	background-color:#a26511;
	background: url(../images/header-bg-2.gif) center center repeat-x;
	font-size: 1.2em;
	}
	.portal h4 a:link, .portal h3 a:visited {
		color: #fff;
		}
	.portal h4 a:hover{
		color: #fff;
		text-decoration:underline;
		}
.portal h5 {
	padding: 0;
	margin: 0 0 0 14px;
	color: #003366;
	font-size: 1em;
	font-weight: 600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.portal .border {
	/*border: #865613 solid 1px;*/
	padding: 10px 0 10px 0;
	width: 360px;
	}	
.portal p {
	width: 322px;
	padding: 0;
	margin: 0 0 0 15px;
	background-color: #fff;
	font-size: 0.9em;
	color: #666;
	}
	.portal .more {
		width: 280px;
		padding: 0;
		margin: 5px 0 0 0;
		background-color: #fff;
		font-size: 1em;
		color: #333;
		text-align:right;
		clear: both;
		}
	.portal .more a{
		background-color: #fff;
		font-size: 1em;
		color: #333;
		text-decoration:underline;
		}
.portal img {
	padding: 0;
	margin: 0 0 5px 9px;
	background-color: #fff;
	float: right;
	}
/*-----------*/
.portal2 {
	width: 250px;
	padding: 0;
	margin: 0 0 20px 0;
	background-color: #fff;
	float:right;
	/*border: #ad1802 solid 1px;*/
	}	
	.portalrow .rmargin {
		margin-right: 15px;
		}
.portal2 h4 {
	padding: 7px 10px 5px 20px;
	margin: 0;
	color: #fff;
	background-color:#a26511;
	background: url(../images/header-bg-2.gif) center center repeat-x;
	font-size: 1.2em;
	}
	.portal h4 a:link, .portal h3 a:visited {
		color: #fff;
		}
	.portal h4 a:hover{
		color: #fff;
		text-decoration:underline;
		}
.portal2 h5 {
	padding: 0;
	margin: 0 0 0 7px;
	color: #003366;
	font-size: 1em;
	font-weight: 600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.portal2 .border {
	border: #005073 solid 1px;
	padding: 10px 0 10px 0;
	width: 248px;
	}	
.portal2 p {
	width: 220px;
	padding: 0;
	margin: 0 0 0 10px;
	background-color: #fff;
	font-size: 0.9em;
	color: #666;
	}
	.portal2 .more, #right .more {
		width: 240px;
		padding: 0;
		margin: 0 0 10px 0;
		background-color: #fff;
		font-size: 1em;
		color: #666;
		text-align:right;
		}
		#right .more {
			margin-top: 5px;
			font-size: 1.1em;
			}
	.portal2 .more a, #right .more a{
		background-color: #fff;
		font-size: 0.9em;
		color: #666;
		text-decoration:underline;
		}
.portal2 img {
	padding: 0;
	margin: 0 0 5px 9px;
	background-color: #fff;
	}
	
.rmnone {
	margin-right: 0;
	}
/*--------------------*/	
.portalrow {
	padding: 0;
	margin: 0 0 15px 0;
	background-color: #fff;
	}	
.portal1r {
	padding: 0;
	margin: 0;
	background-color: #fff;
	float:left;
	/*border: #ad1802 solid 1px;*/
	}	
.portal1r h4 {
	padding: 8px 10px 4px 20px;
	margin: 0;
	color: #fff;
	background-color:#ff3300;
	font-size: 1.2em;
	width: 513px;
	}
	.portal1r h4 a:link, .portal h3 a:visited {
		color: #fff;
		}
	.portal1r h4 a:hover{
		color: #fff;
		text-decoration:underline;
		}
.portal1r .border {
	border: #ad1802 solid 1px;
	padding: 10px 0 10px 0;
	}	
.portal1r p {
	padding: 0 5px;
	margin: 0 0 0 10px;
	background-color: #fff;
	font-size: 0.9em;
	color: #666;
	}
	.portal1r .more {
		padding: 0;
		margin: 5px 0 0 0;
		background-color: #fff;
		font-size: 1em;
		color: #333;
		text-align:right;
		width: 533px;
		}
	.portal1r .more a{
		background-color: #fff;
		font-size: 1em;
		color: #333;
		text-decoration:underline;
		}
.portal1r img {
	padding: 0;
	margin: 0 10px 5px 5px;
	background-color: #fff;
	float:left;
	}
.rmnone {
	margin-right: 0;
	}
	


/*-----------ads--------------*/
#v-reg {
	/*border: 1px dashed #ccc;*/
	}
.v-reg {
	margin: 0;
	padding: 10px 0 5px 0;
	text-align: center;
	background-color: #ad1802;
	border: 1px solid #000;
	}
	.v-reg a{
		color: #fff;
		padding: 0;
		display: block;
		}
	.v-reg span {
		display:block;
		font-size: 1.5em;
		font-weight: 600;
		margin: 0 0 5px 0;
		}
.v-reg-sub {
	margin: 0;
	padding: 6px 0 6px 10px;
	text-align: left;
	font-size:1.1em;
	color: #fff;
	background: #d54708 url(../images/headerbg.gif) center center repeat-x;
	clear: both;
	}
.v-reg-sub a {
	color: #fff;
	font-weight: 500;
	}
.v-reg-sub a:hover {
	color: #000;
	text-decoration: underline;
	}
p.468x60adsense {
	margin: 0 0 20px 5px;
	padding: 0 5px;
	border: 1px solid #003366;
	clear: left;
	width: 350px;
	height: 250px;
	}
	
/*--link list-------*/

.linklist {
	margin: 0 0 0 0;
	padding: 5px 15px 15px 15px;
	list-style: none;
	/*border: #ccc solid 1px;*/
	background: #e4e4e4 url(../images/bg-linkllist.jpg) left top repeat-x;
	}
.linklist li {
	margin: 0;
	padding: 5px 0 5px 15px;
	border-bottom: #ccc solid 1px;
	background: url(../images/bullet-list.gif) no-repeat left 7px;
	}
.linklist li a {
	color:#ad1802;
	text-decoration:none;
	}
.linklist li a:hover {
	color:#ad1802;
	text-decoration: underline;
	}

/*---------flash-----------*/
#flashmap {
	background-color: #e4e4e4;
	}

	

/*-----footer-----*/

#footer {
	border-top:#215584 solid 1px;
	background-color: #fff;
	clear: both;
	margin: 40px auto 0 auto;
	padding: 10px 10px;
	}
#footer p {
	margin: 0;
	padding: 0;
	}
#footer p.footlinx {
	margin: 0;
	padding: 0;
	float: right;
	}
#bottom {
	height: 40px;
	background: #fff url(../images/bottom.jpg) left top no-repeat;
	margin: 0 auto;
	padding: 0;
	width: 930px;
	}	

	
/* --------- Map --------- */

#mapContainer {
  height: 580px;
  width: 600px;
}


div#map {
	height: 450px;
	width: 550px;
	margin: 20px;
	border:#000 solid 1px;
}
#side-bar a:hover {
	text-decoration: underline;
	}
#side-bar p {
	font-size: 1em;
	margin: .4em 0 .4em 0;
	padding-left: 10px;
	background: url(../images/bullet-blue.gif) 0 .55em no-repeat;
	}
#side-bar {
	line-height: 1.5em;
	margin-bottom: 1em;
	margin-top: 1em;
	}
 #side-bar-title {
	line-height: 1.5em;
	font-weight: bold;
	margin: 0;
	}
		

/* =self clearing
----------------- */
/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/
.clearfloat:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}
 
.clearfloat { display: inline-block; }
 
/* Hides from IE-mac */
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/ 	
	
	
	
.clearer {
	height:0;
	margin:0;
	padding:0;
	clear:both;
	display:block;
	}