/* liquidint.com */

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

html { font-size: 100.01%; }

body {
background: #010101 url(../image/html/bg/bg.jpg) repeat-x;
margin: 0;
padding: 0;
}
			
.clear { clear: both; }
img { border: 0; }
img.right { float: right; margin: 10px; }
img.left { float: left; margin: 10px; }

a { outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

/* -----------------------------------*/
/* --------->>> STRUCTURE <<<---------*/
/* -----------------------------------*/

#container {
background: url(../image/html/bg/shadow_side.png) repeat-y top center;
margin: 15px auto 0;
overflow: hidden;
padding: 0;
width: 980px;
}

	#container #header {
	background: url(../image/html/bg/head_bg.jpg) no-repeat;
	clear: both;
	height: 81px;
	margin: 0 auto;
	width: 980px;
	}
	
	#container #main {
	background: black;
	border-bottom: 1px solid #182d5a;
	clear: both;
	height: 501px;
	margin: 0 auto;
	overflow-x: hidden;
	overflow-y: auto;
	width: 980px;
	}
	
		#main p { padding-top: 10px; }

/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/

#header img.logo {
float: left;
margin: 15px 0 0 27px;
}

#header ul.headnav, #header ul.headnav li {
display: inline;
list-style: none;
margin: 0;
padding: 5px 4px 0;
}

	#header ul.headnav {
	float: right;
	}

#header #bottom {
clear: both;
float: left;
margin-top: -10px;
padding-left: 130px;
width: 830px;
}

#header ul.mainnav, #header ul.mainnav li {
display: inline;
list-style: none;
margin: 0;
}
	
	#header ul.mainnav a {
	padding: 5px 10px 0;
	}
	
	#header ul.mainnav a:hover, #header ul.mainnav li.active a {
	background: url(../image/html/red_arrow.gif) no-repeat 0 7px;
	color: #4e73a9;
	}

/* ---> SUBPAGE STRUCTURE <---*/

.subpage #container #main {
background: black;
border-bottom: 1px solid #182d5a;
clear: both;
color: #cfcdcd;
height: auto;
line-height: 1.5em;
margin: 0 auto;
width: 980px;
}

.subpage #main #head {
}

	/* top left area - sometimes displays section info, otherwise blank */
	.subpage #main #head #section {
	background: url(../image/html/bg/sub_left_head.jpg) no-repeat;
	float: left;
	height: 38px;
	width: 154px;
	}
	
		.newspage #main #head #section {
		background: url(../image/html/bg/sub_left_head_top_news.jpg) no-repeat;
		}
	
	/* Sub header graphic area */
	.subpage #main #head #subhead {
	background: url(../image/html/subhead/subhead_blank.jpg) no-repeat;
	float: left;
	height: 27px;
	padding: 11px 0 0 15px;
	width: 811px;
	}
	
	/* Left column/subnav */
	.subpage #main #col1 {
	/*background: url(../image/html/bg/sub_left_back.jpg) no-repeat;*/
	float: left;
	/*height: 490px;*/
	width: 154px;
	}
	
	.newspage #main #col1 {
	background: url(../image/html/bg/sub_left_back.jpg) no-repeat;
	}
	
		/* Subnav */
		.subpage #main #col1 .sideNav {
		background: url(../image/html/bg/sub_left_back.jpg) no-repeat;
		}
		
		.subpage #main #col1 .activeNav {
		color: #5973a9;
		}
		
		
		.subpage #main #col1 ul {		
		font: normal 85% Arial, Helvetica, sans-serif;
		list-style: none;
		margin: 0;
		overflow: hidden;
		padding: 0;
		}
		
		
			.subpage #main #col1 ul li {
			background: url(../image/html/bg/left_col_news_divider.gif) no-repeat top right;
			margin: 0;
			padding: 5px;
			}
		
			#col1 ul li a {
			color: #bcbcbc;
			font: bold 11px Arial, Helvetica, sans-serif;
			text-decoration: none;
			}						

			.subpage #col1 li.active a {
			color: #5973a9;
			}
			
			.subpage #col1 li a:hover {
			color: #5973a9;
			}
	
		.newspage #newscol {
		background: url(../image/html/bg/sub_left_back_news.jpg) no-repeat;
		color: #757575;
		font: normal 85% Arial, Helvetica, sans-serif;
		height: 249px;
		padding: 10px 0 0;
		}
		
			#newscol a {
			color: #757575;
			text-decoration: none;
			}
			
				#newscol a:hover {
				text-decoration: underline;
				}
			
			#newscol p {
			background: url(../image/html/bg/left_col_news_divider.gif) no-repeat bottom right;
			padding-top: 10px;
			padding: 5px;
			}
	
	/* Main Content area - scrolling */
	.subpage #main #maincontent {
	background: url(../image/html/bg/sub_main_back.jpg) repeat-x;
	float: left;
	height: 430px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 15px;
	width: 796px;
	}
	
		.subpage #maincontent a {
		color: #cfcdcd;
		text-decoration: underline;
		}
		
		.subpage #maincontent a:hover {
		color: #d00;
		text-decoration: underline;
		}
	
a.newsitem {
background: url(../image/html/bg/news_item_back.gif) no-repeat;
color: #cfcdcd;
display: block;
font: bold 105% Arial, Helvetica, sans-serif;
height: 40px;
margin-bottom: 16px;
padding: 6px 34px 0 79px;
text-decoration: none;
width: 660px;
}
	
	a.newsitem:hover {
	background: url(../image/html/bg/news_item_back.gif) no-repeat 0 -46px;
	color: #779ce0;
	text-decoration: none;
	}
	
	.subpage #maincontent a.newsitem { text-decoration: none; }
	.subpage #maincontent a.newsitem:hover { color: #779ce0; }
	
	.newsitem img {
	float: left;
	margin-top: -6px; /* Set this number to the padding-top of a.newsitem */
	padding-right: 22px;
	}
	
	.date, .date:hover  {
	color: #5a8bff;
	text-decoration: none;
	}
	
	.date2 {
	color: #74a3eb;
	}
	
	.videodesc { font-size: 85%; font-weight: normal; }


/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/

#footer {
clear: both;
font-size: 89%;
margin: 5px auto 15px;
width: 980px;
}

	#footer ul, #footer li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 5px;
	width: 700px;
	}
	
		#footer ul {
		float: left;
		}
		
		#footer li.first {
		padding: 0;
		}
		
	#footer a {
	}
	
	#footer a:hover {
	}
	
	#footer ul.copyright {
	float: right;
	text-align: right;
	width: 200px;
	}
		
		#footer ul.copyright li {
		border-left: 1px solid #5c6883;
		padding: 0 5px;
		}
		
			#footer ul.copyright li.first {
			border: none;
			}
			
/* -----------------------------------*/
/* ---------->>> FORMS <<<------------*/
/* -----------------------------------*/

/* -----------------------------------*/
/* ---------->>> EXTRAS <<<-----------*/
/* -----------------------------------*/

/* -----------------------------------*/
/* ------->>> DEFUNCT STYLES <<<------*/
/* -----------------------------------*/

/* Header - Mailing List Area START */

/*
<div id="mailinglistj">
	<form id="mailinglist" name="mailinglist" method="post" action="">
		<label for="mailinglist">Join our Mailing List</label><br />
		<input name="mailinglist" type="text" id="mailinglist" value="email" />
		<button type="submit"></button>
	</form>
</div><!--/mailinglistj-->
*/

/* #header #mailinglistj {
float: right;
margin: 5px 5px 5px 10px;
width: 135px;
}

	#mailinglistj input {
	background: #000;
	border: none;
	float: left;
	height: 9px;
	padding: 3px;
	margin: 0;
	width: 100px;
	}
	
	#mailinglistj label {
	clear: both;
	}
	
	#mailinglistj br {
	clear: left;
	margin: 5px;
	}
	
	#mailinglistj button {
	background: url(../image/html/go.gif) no-repeat;
	border: none;
	float: left;
	height: 15px;
	width: 23px;
	}
	
#mailinglistj input {
color: #595656;
font: normal 70% Arial, Helvetica, sans-serif;
}

#mailinglistj label {
color: #5b6d99;
font: normal bold 85% Arial, Helvetica, sans-serif;
}
	*/
	
/* Header - Mailing List Area END */