/* CSS Document */
body{
	background:url(../images/bg.gif) repeat-x 0 0 #fff; color:#fff;
	font:normal 14px Arial, Helvetica, sans-serif;
	margin:0; padding:0;}
	
	
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
	
	

h2{
	font:bold 24px  "Times New Roman", Times, serif;}	
	
h3{
	font:20px  "Times New Roman", Times, serif;
	color:#ffff66;
	margin: 5px 0 0 0;}		
	
	
p, td {
	line-height: 1.5em;
	margin: 0.0em 0em 1em 0em;
	}	
	
a {color:#FAFAFA;text-decoration: none;background-color:#484848;}

a:hover {background-color:#5d5c5c;}

img {border: none;}



ol, ul{margin: 0 0 15px 40px; }	


ul li {
		background: url(../../raw/bullet_orange.png) 0 .1em no-repeat;
		list-style-type: none;
		padding: 0 0 0 20px;
		margin: 0 0 5px 0;
		}
	
blockquote{
	border:1px solid #8e5e25;
	background:#a37033;
	padding:8px;}
	
p.date{
	color:#ffffcc;
	margin:0;
	}	
	
p.event{
	width:500px;
	}	
	
	
	
	
	
	
	
	
.spacer{
	font-size:0; line-height:0; clear:both;}

	

/* -- top navigation start -- */
#topNav{
	width:770px; margin:43px auto 0 auto; height:45px;background:url(../images/bg_nav.gif) repeat-x #616263;position: relative;font-size:13px; }
	
#topNav img{position:absolute;top:-30px;left:560px;z-index:3;}
	
#topNav ul{
	width:750px; margin:0 auto;}
	
#topNav ul li{
	height:45px; 
	float:left;	
	margin:8px 0 8px 0;
	padding:0px 3px;;}
	
#topNav ul li a{
	padding:2px 7px; 
	height:25px; 
	float:left; 
	text-decoration:none; 
	display:block;
	 color:#fff;
	font:0.9em Arial, Helvetica, sans-serif;
	background:none;}
	
	
#topNav ul li a:hover{
	background-color:#d19549;}
	

/* -- top navigation start -- */





/* -- body start -- */
#body{
	width:770px; margin:0 auto; padding:0 0 1px 0; }
	
	
#body img.logo{
	border:none; margin:30px 0 0 0;}
	
	

	
	
#body div.Content{
	padding:10px 40px;
	background:url(../images/bg_middle.gif) repeat #f8981d;
	}
	
	



	
	
	
	
	
/* -- bottom clip area start -- */

#clip{background-color:#292929;width:770px;}
	
	
.left{
	width:300px; padding:7px 15px 50px 15px;  float:left;  margin:0 23px;}	


.right{
	width:300px; padding:7px 15px 50px 15px; margin-left:400px;}

/* -- body end -- */




/* footer start -- */
#footer{margin:0px auto; background:url(../images/bg_nav.gif) repeat-x #616263;clear:both;}
.footer{padding:18px 0; }
.footer ul{width:730px;margin:0 auto;}
.footer ul li{	font:bold 11px Arial, Helvetica, sans-serif;float:left;}
.footer ul li a{	
	 padding:0 4px;
	 background:none;}

.footer p{
	margin:0 auto; width:400px; text-align:center;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}

/* footer end -- */








/* gallery
---------------------------------------------------------- */
#portListContainer {
	width: 700px;
	padding:7px 40px 50px 40px;
}



#portList {
	margin: 0;
	padding: 10px 0 0 0;
	overflow: hidden;
	text-align: left;
	position: relative;
}

#portList ol {
	display: block;
	left: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	top: 0;
}

#portList ol:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #portList ol {
	height: 1px;
}
#portList ol {
	display: block;
}
/* End hiding from IE-mac */

#portList ol li {
	float: left;
	margin: 0 17px 17px 0;
	height: 158px;
	width: 208px;
}

#portList ol li a {
	border: 1px solid #f0efe9;
	padding: 3px;
	display: block;
	height: 150px;
}

#portList ol li a:hover  {
	padding: 0;
	border: 4px solid #f0efe9;
}

#portList ol li a img, #portList ol li span, #portList ol li span img {
	background: none;
	border: none;
	display: block;
	height: 150px;
	width: 200px;
}




/* table
---------------------------------------------------------- */
#mytable {
	width: 650px;
	padding: 0;
	margin: 0;
}


th {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #616263;
	border-right: 1px solid #ce7c13;
	border-bottom: 1px solid #ce7c13;
	border-top: 0px solid #ce7c13;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #eae3ca;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #ce7c13;
	background: none;
	color: #fff;
}

td {
	border-right: 1px solid #ce7c13;
	border-bottom: 1px solid #ce7c13;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #616263;
	text-align:center;
}


td.alt {
	background: #faf9f5;
	color: #797268;
}

th.spec {
	background: #fff;
	font: bold 10px Arial, Helvetica, sans-serif;
}

th.specalt {
	
	
	background: #faf9f5;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #797268;
}


