/*
 CSS Theme for netPark.us
 Author: OZG Works.com
	  
*/

/* reset everything ! */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: tahoma;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	padding:10px;
}


blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

HTML {
	overflow: -moz-scrollbars-vertical;
}


* { padding: 0; margin: 0; }

body {
	font-family: tahoma,Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color:#FFFFFF;
}

#wrapper { 
	margin: 0 auto;
	padding:5px;
	width: 960px;
	background-color:#ffffff;
}

	/* -------------------------- global styles -----------------*/

h2{
	font:28px/24px tahoma,'Trebuchet MS', Arial, Helvetica, sans-serif	; color:#092666;  margin:10px 0 15px 5px;
	padding:20px 0 15px 0; 
	font-weight:normal; background-color:#ffffff; display:block;
	}

h3{
	font:22px/18px tahoma,'Trebuchet MS', Arial, Helvetica, sans-serif	; color:#092666;  margin:10px 0 15px 5px;
	padding:20px 0 15px 0; display:block;
	}
	
h4{
	font:22px/18px tahoma,'Trebuchet MS', Arial, Helvetica, sans-serif	; border:0; clear:both; background:url(images/parking_headers.gif) no-repeat; 
	color:#ffffff; padding:10px; margin: 10px 0 15px 0; width: 760px;
}	

h5{
	font:18px/16px tahoma,'Trebuchet MS', Arial, Helvetica, sans-serif	; border:0; clear:both; background:url(images/parking_headers.gif) no-repeat; 
	color:#ffffff; padding:10px; margin: 10px 0 15px 0; width: 760px; height: 24px;
}	
	
p{
	color:#092666;
	padding:0; 
	margin:0 0 10px 5px; 
	display:block; 
	/*font:13px/17px Verdana, Arial, Helvetica, sans-serif;*/
	font-family:tahoma,Arial, sans-serif;
	font-size:10pt;
	line-height:13pt;
	}
p span{
	color:#2F4167;
	font-size:16px;
	line-height:20px;
	padding-top:30px;
}
	
p span.bg{
	color:#092666; background-color:#041929;
	}
p a{
	text-decoration:underline;
	color:#486d88; 
	}
p a:hover{
text-decoration:none;
	color:#486d88; 
	}
	
#content ul {
	margin:10px;
	padding:5px 5px 10px 20px;
	list-style:square;
	list-style-position:inside;
}

#content ul li{
	padding: 4px; 
	line-height:18px;
	padding-left:5px;
	list-style:outside; 
}

#content ul a{ 
color:#528917;
text-decoration:underline;
}

#content ul a:hover{ 
color:#092666;
text-decoration:none;
}


#content ol{ 
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

#content ol li{ 
 padding: 3px;
}

#content ol a{ 
color:#528917;
text-decoration:underline;
}

#content ol a:hover{ 
color:#092666;
text-decoration:none;
}
	
.right{
float:right;
padding:5px 5px 5px 25px;	
}

.left {
float:left;
padding:5px;	
}

blockquote{
     margin:10px;
     padding:1px 10px 1px 150px;
	 line-height:20px;
     background:#eef;
}

.featuredbold{
font-family:tahoma,Arial, Helvetica, sans-serif;
font-size:22px;
color:#2f4167;
line-height:30px;
font-weight:bold;
}

.featured{
	font-family:tahoma,Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#2f4167;
	line-height:20px;
	font-weight:lighter;
}

/* ------------------------ header ---------------------------  */

#header {
 width: 960px;
 color: #333;
 padding: 0;
 border: 0px solid #ccc;
 height: 80px;
 margin: 10px 0px 1px 0px;
 background: #ffffff;
}

#headerleft{
background:#ffffff;
padding:0;
margin:0;
width:310px;
float:left;
}

#headerright{
padding:0;
margin:0;
width:650px;
float:right;
}

#headerright p{
padding:10px 0 0 0;
margin:0;
color:#999999;
float:right;
}

#headerright img{
padding:25px 0 0 0;
margin:0;
color:#999999;
float:right;
border:0;
}

#navigation {
 width: 960px;
 height:33px;
 color: #333;
 padding: 0 2px 0 0;
 border: 0;
 margin: 0px 0px 0px 0px;
background-image:url(images/nav.png);
}

li a{
font-weight:bold;}




/* ------------------------ content ---------------------------  */

#content { 
	clear:both;
	width: 900px;
	color: #092666;
	background: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 10px;
}

.contentleft{
	padding:0;
	margin:0;
	width:660px;
	float:left;
}

.contentleft img{
	padding:5px;
	margin:0;
	border:0;
}

#allhead{
background:url(images/city_night.jpg) bottom left no-repeat;
height:450px;width:940px;
}

#allhead p{
font-size:15px;
color:#fff;
line-height:20px;
font-weight:bold;
padding:25px 25px 0 15px;
}

	/* -------------------------- sidebar styles -----------------*/

#sidebar{
 float: right;
 color: #333;
 border: 0;
 background: #ffffff;
 margin: 100px 0px 5px 0px;
 padding: 10px;
 width: 215px;
 display: inline;
}

#sidebar h3{
 color: #ffffff;
 font-size: 18px;
 border: 1px solid #ccc;
 background: #031742;
 margin: 0;
 padding: 7px;
}

#sidebar p{
 margin: 0 0 5px 0;
 padding: 4px;
}
	
	/* -------------------------- homepage styles -----------------*/
	
#schedule{
position:relative;
top:0;
margin:0;
padding:0;
}

#schedule img{
position:absolute;
top:0;
right:35px;
margin:-10px 0 0 0;
padding:0;
border:0;
}

.homeright{
background:#ffffff;
padding:20px 0 0 0;
margin:0;
float:left;
}

.homeleft{
padding:20px 0 0 0;
margin:0;
width:660px;
float:left;
}

.homelefttop{
padding:20px 0 5px 0;
margin:0;
float:left;
}

.event{
	width:280px;  padding:10px 0 0 0; float:left; display:block; margin:15px; border-right: solid 1px #999999;
	}
.event h2{
	font:24px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:auto; height:auto; padding:5px 20px 0 0; margin:0; font-weight:normal; display:block;
	}
.event h2 span{
	color:#528917; font:11px/12px tahoma,Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; 
	display:block;
	}
.event p{
	width:245px; 
	display:block; 
	font-family:tahoma,Arial, sans-serif;
	font-size:10pt;
	color: #092666;
	line-height:13pt;
	/*font:13px tahoma,Verdana, Arial, Helvetica, sans-serif; color:#092666;*/
	margin:10px 0 0 0; 
	background:none; 
	padding:0; 
	border-right: solid 0px #999999; 
	text-align:justify;
}
.event h3{
	color:#0a2b43; font-weight:bold; font:14px tahoma,Verdana, Arial, Helvetica, sans-serif; width:191px; display:block;
	margin:19px 0 0 0; padding:0; background-color:#ffffff; 
	}
.event h3 a{
	width:171px; height:17px; display:block; background:url(images/arrow.gif) no-repeat 160px 6px #051b2b; padding:0 0 0 7px;
	margin:4px 0 0px 0; font:11px/15px tahoma,Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold;
	text-decoration:none;
	}
.event h3 a:hover{
	width:171px; height:17px; display:block; background:url(images/arrow.gif) no-repeat 160px 6px #051b2b; padding:0 0 0 7px;
	margin:4px 0 0px 0; font:11px/15px Verdana, Arial, Helvetica, sans-serif; color:#cccccc; font-weight:bold;
	text-decoration:none;
	}
.event p a.more{
display:block; background:url(images/more_bg.gif) no-repeat #ffffff; margin:5px;
	font:11px/11px tahoma,Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
	padding:0 0 0 5px; text-decoration:none;
	}
.event p a.more:hover{
	background:url(images/more_bg_h.gif) no-repeat #ffffff; color:#486d88; 
	}

/* -------------------------- footer -----------------*/
	
#footer {
clear:both;
	width:100%;  background:#ffffff; color:#092666;
	border-top:#C5D7FF 1px solid; margin:10px 0 10px 0; padding:10px 0 0 0;
	}
#footer ul{
	 display:block;	list-style-type:none; padding:15px 0 0 155px; margin: 0 auto; position:absolute;
	}
#footer ul li{
	display:block; float:left; 
		}
		
#footer a{
	color:#092666; 
	text-decoration:none;
	}
	
#footer a:hover{
	text-decoration:underline;
	background:none;
	}
	
#footer ul li a{
	font:14px/12px tahoma,'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#092666; 
	text-decoration:none;
	margin:0 16px 0 16px;
	}
	
#footer ul li a:hover{
	text-decoration:underline;
	}


#footer p{
	padding:40px 0 20px 310px; font:11px/16px Tahoma, Arial, Helvetica, sans-serif; color:#092666;
	background: inherit;  margin:0 auto;
	}



/************************************************
*	Image Rotator					     		    * 
************************************************/
#rotator {
	width: 650px;
	margin: 5px;
	padding: 5px;
	height: 150px;
	float:left;
	border: 1px solid #999999;
	}
	
	.clear{
	clear:both;
	padding-top:10px;
	}
	
/************************************************
*	MISC					     		    * 
************************************************/	

.res_image{
			width: 190px;
			float:left;
			border:0;
			padding:0 10px;
		}
		
.date{
font-style:italic;
font-size:9px;
color:#666666;
padding-bottom:10px;
}
	
.left{
float:left;
padding:5px;
}

.right{
float:right;
padding:5px;
}

#topright {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 125px;
	width: 125px;
	background: url(images/TRbanner.gif) no-repeat;
	text-indent: -999em;
	text-decoration: none;
}

.banner{
position: relative;
	right: 0;
	top: 0;
}