/*  CSS Style Sheet     */
/*  Matt Lepkowski   */
/*  Updated 11/5/07     */
/*  Inspiration from http://wwww.tattoocms.it/templates/portalx.html  */

/*   debug mode = red lines around all objects, uncomment next line  */
/* div {border: solid 1px #f00;} */


/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {  font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; font-size: 12px;}
h1 {  text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: large; font-weight: bold}
h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold}
/*   duplicate of h2 but non bold  */
.subtitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal}
.Nav { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small}
.Nav_small {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small;}
.buy {
	font-weight: 		bold;
	font-family: 		Verdana, Arial, Helvetica, sans-serif; 
	font-size: 			10px;
	color: 				#000000;
	background-color: 	#ffff66;
	padding: 			2px;
	border-color: 		#cc0000;
	border-style: 		solid;
	border-width: 		2px;
}
.buy a:link    {text-decoration:none;}
.buy a:visited    {text-decoration:none;}
.buy a:active    {text-decoration:none;}
.buy a:hover    {text-decoration:none;}
/*  basically duplicate of left h3 to remove blank line after  */
.title {
	color: 				#FFFF00;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			12px;
	font-weight:		bold;
	padding: 	        2px;
	width:              160px;
	background-color: #000099;
	border-bottom: 1px solid #FFFFFF;
}

a.hover:link    {color:#000099; text-decoration:none;}
a.hover:visited {color:#000099; text-decoration:none;}
a.hover:active  {color:#000099; text-decoration:none;}
a.hover:hover   {color:#009933; text-decoration:none;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#rimg {float:right}
#limg {float:left}

/*    ads    */
#banner {
height:		60px;
width:		468px;
padding:  5px 0 10px 0;
}
#banner2 {
height:		60px;
width:		468px;
padding:  5px 0 5px 0;
}
#leaderboard {
height:		90px;
width:		728px;
padding:  5px 0 5px 0;
}
#widesky {
height:		600px;
width:		160px;
padding:  5px 0 10px 0;
}

#container {
	position:			relative;
	width:				843px!important;
	margin-right: 		auto;
	margin-left: 		auto;
	margin-bottom: 		0;
	margin-top: 		0;
	height:				100%;
	min-height:			100%;
}

#containerwide {
	position:			relative;
	width:				983px!important;
	margin-right: 		auto;
	margin-left: 		auto;
	margin-bottom: 		0;
	margin-top: 		0;
	height:				100%;
	min-height:			100%;
}

#header {
	width:				100%;
	height:				90px;
	text-align:			left;
	background-color:	#000099;
}

/*   float parking banner - before leaderboard */
#spacing {
	float:				right;
	position: 			absolute;
	top: 				20px;
	right:				5px;
	padding: 			5px;
	background-color:	#000099;
}

/*   float search box right of logo - after leaderboard */
#spacing2 {
	float:				right;
	position: 			absolute;
	top: 				110px;
	right:				5px;
	padding: 			4px;
	background-color:	#000099;
}

/*   float upper right text - after leaderboard */
#spacing3 {
	float:				right;
	position: 			absolute;
	top: 				5px;
	right:				5px;
	padding: 			5px;
}

#navbar{
	padding: 			5px;
	border-bottom: 		1px solid #000099;
}

#left {
	float:				left;
	width:				160px;
	text-align:			left;
	padding-bottom:		10px;
	padding-left: 		0px;
}

/*  for prefooter    */
#left2 {
	float:				left;
	width:				160px;
	text-align:			left;
	padding-bottom:		5px;
	vertical-align:		bottom;
}

/*  left column - menu titles with blue background, using .title now instead       */
#left h3 {
	color: 				#FFFF00;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			13px;
	border: 			none;
	background-color: 	#000099;
	padding-top: 		3px;
	padding-bottom: 	3px;
	padding-right: 		5px;
	padding-left: 		5px;
}

/*  -------------------------------------
 Basic foundation for dropdown menus
  	li ul {display: none;} 
  	li:hover > ul {display: block;} 
 Another explanation
	Make all nested ULs display: none
	Make all li.here ul display: block
	A bit of combined relative/absolute positionings and you're done.	
----------------------------------------- */

/* rollover menus from  http://css.maxdesign.com.au/listamatic/vertical08.htm 
their div navcontainer = left on mine */

/* left column - bullet styles  */
#left ul {
    list-style-type: 	none;
	margin-left: 	0;
	font-family: 	Verdana, Arial, Helvetica, sans-serif; 
	font-size: 		small;
	padding-left:		0;
}
/* left column - link styles    */
#left a {
display: block;
padding: 2px;
width: 160px;
background-color: #000099;
border-bottom: 1px solid #FFFFFF;
}
#left a:link, #left a:visited {
color: #FFFFFF; 
text-decoration: none;
}
#left a:hover  {
color: #000000; 
background-color: #FFFFCC;
}

#middle {
	float:				left;
	width:				500px; 
	text-align:			left;
	padding-bottom:		10px;
	padding-right: 		10px;
	padding-left: 		10px;
}

#middlewide {
	float:				left;
	width:				640px; 
	text-align:			left;
	padding-bottom:		10px;
	padding-right: 		10px;
	padding-left: 		10px;
}

/*  for prefooter    */
#middle2 {
	float:				left;
	width:				500px; 
	text-align:			left;
	vertical-align:		bottom;
	padding-bottom:		5px;
}

#right {
	float:				right;
	width:				160px;
	text-align:			left;
	padding-bottom:		10px;
	padding-left: 		0px;
	padding-right: 		0px;
	margin: 			0px;
	position: 			absolute;
	right:				0px;
}

/*  for prefooter  */
#right2 {
	float:				right;
	width:				160px;
	text-align:			left;
	padding-bottom:		5px;
	position: 			absolute;
	right:				0px;
}

#prefooter{
	clear: 				both;
	padding: 			10px;
}

#footer{
	clear: 				both;
	background-color: 	#ffffcc;
	padding: 			10px;
	border-top: 		1px solid #009933;
	border-bottom: 		8px solid #009933;
}