/* style.css
 * raptorddr.com
 * Paul M. Nguyen
 * July 2009
 */
/* Palette
 * #004a80 - teal color
 * #0075ca - teal bright
 * #ddaa00 - gold
 * #444444 - gray
 */
 
body {
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana,Tahoma,Helvetica,Geneva,Sans-serif,sans-serif;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	padding: 0; margin: 0;
}
p, span {
	font-family: Verdana,Tahoma,Helvetica,Geneva,Sans-serif,sans-serif;
	font-size: 10pt;
}
img {
	padding: 0; margin: 0; border: none;
}
a:link {
	color: #004a80;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #004a80;
	font-weight: bold;
	text-decoration: none;
}
a:active {
	color: #004a80;
	font-weight: bold; 
	text-decoration: none;
}
a:hover {
	color: #ddaa00; /* #0075ca; */
	font-weight: bold;
	text-decoration: none;
}
h1 {
	font-size: 16pt;
	font-weight: bold;
}
h2 {
	font-size: 14pt;
	font-weight: bold;
}
h3 {
	font-size: 12pt;
	font-weight: bold;
}
div.clear {
	float: none;
	clear: both;
	height: 0;
}
/* ****************************************************
 * Outermost Styles
 * ****************************************************/
/* div#outermost {
	left: 0;
	top: 0;
	width: 1024px;
	padding: 0; margin: 0 auto;
	border: 1px solid black;
	background-color: #FFFFFF;
} */
/* ****************************************************
 * Header Styles
 * ****************************************************/
div#header {
	padding: 0; margin: 0; border: none;
	width: 100%;
	text-align: center;
	background: url(img/top_and_bottom_banner_bg_2500.png) 50% 50% repeat; /* allow repeat-x if screen is wider than 2500px (!) */
}
	div#header #banner {
		width: 960px;
		padding: 0; margin: 0 auto; border: none;
	}
	div#header div#nav {
		text-align: center;
		padding: 0; margin: 0; border: none;
		border-top: 2px solid #004a80;
		background: url(img/top_menu_bar_1.png) 0 0 repeat-x;
		height: 21px;
	}
		div#nav img.navsep_left {
			padding: 0; margin: 0; border: none;
			display: block;
			float: left;
			clear: none;
		}
		div#nav img.navsep_right {
			padding: 0; margin: 0; border: none;
			display: block;
			float: right;
			clear: none;
		}
		div#nav a {
			letter-spacing: 1px; /* 0.1em was a bit much */
		}
/* ****************************************************
 * Main Content Styles
 * ****************************************************/
div#content {
	padding: 0; margin: 0 auto; border: none;
	width: 960px;
}
div#content div#left {
	float: left;
	padding: 8px; margin: 0; border: none;
	width: 154px;
}
	div#left .head{
		padding: 0; margin: 0; border: none;
		width: 154px;
		height: 35px;
	}
	div#left .content {
		padding: 0; margin: 0; border: none;
		background: url(img/sidebar_content_bg.png) 50% 0 repeat-y;
		width: 154px;
	}
		div#left .content p {
			padding: 4px 11px; margin: 0; border: none;
		}
		div#left .content p.break {
			padding: 0; margin: 0 7px; border: none;
			width: 140px;
			height: 2px;
			background: url(img/sidebar_blue_line.png) 0 0 no-repeat;
		}
	div#left .tail {
		padding: 0; margin: 0 0 8px 0; border: none;
		background: url(img/sidebar_bottom.png) 50% 0 no-repeat;
		width: 154px;
		height: 16px;
	}
	
div#content div#main {
	float: left;
	padding: 8px; margin: 0; border: none;
	width: 774px;
}
	div#content div#main div#maintitle{ /* the image at the top of the main column */
		padding: 0; margin: 0; border: none;
	}
	div#content div#main h2 {
		background: url(img/triangle_dot.png) 0 50% no-repeat;
		padding-left: 33px;
		min-height: 31px;
		vertical-align: middle;
	}
	div#content div#main ul.superlist  li{
		list-style: url(img/triangle_dot_16.png);
		font-size: 13pt;
		background: transparent;
	}
	div#content div#main div#rightfloater {
		float: right; clear: right;
		width: 166px;
		margin: 4px; padding: 8px;
		border: 2px solid #DDDDDD; /*dotted #FFCC33;*/
		background-color: #004a80;
		color: #FFCC33;
		text-align: center;
	}
		div#rightfloater * { margin: 0; padding: 0; }
/* ****************************************************
 * Main Content Styles, Wide format
 * ****************************************************/
div#content div#main-wide {
	float: left;
	padding: 8px; margin: 0; border: none;
	width: 944px;
}
	div#content div#main-wide div#maintitle{ /* the image at the top of the main column */
		padding: 0; margin: 0; border: none;
	}
	div#content div#main-wide h2 {
		background: url(img/triangle_dot.png) 0 50% no-repeat;
		padding-left: 33px;
		min-height: 31px;
		vertical-align: middle;
	}
	div#content div#main-wide ul.superlist  li{
		list-style: url(img/triangle_dot_16.png);
		font-size: 13pt;
		background: transparent;
	}
	div#content div#main-wide div#rightfloater {
		float: right; clear: right;
		width: 166px;
		margin: 4px; padding: 8px;
		border: 2px solid #DDDDDD; /*dotted #FFCC33;*/
		background-color: #004a80;
		color: #FFCC33;
		text-align: center;
	}
	div#content div#main-wide div#twocolumn-1 {
		float:left;
		padding: 0 8px 0 0;
		width: 460px;
	}
	div#content div#main-wide div#twocolumn-2 {
		float:left;
		padding: 0 0 0 8px;
		width: 460px;
	}
	
ul#technotes {
	list-style-type: none;
	
}
/* ****************************************************
 * Footer Styles
 * ****************************************************/
div#footer {
	width: 100%;
	padding: 43px 0 0; margin: 0; border: none;
	background: url(img/highlights_tab.png) 50% 0 no-repeat; /* the tab thing */
}
div#footer_content {
	padding: 0; margin: 0 auto; border: none;
	width: 960px;
	color: #444444;
	font-size: 90%;
}
	div#footer_content * {
		vertical-align: top;
	}
div#footer_bottom {
	padding: 0 0 4px 0; margin: 0 0 8px 0; border: none;
	width: 100%;
	/* height: 1.5em; */
	background: url(img/bottom_shadow.png) 50% 100% repeat-x;
}
	div#footer_bottom p {
		padding: 0.6em 0; margin: 0; border: none;
		width: 100%;
		background: url(img/top_and_bottom_banner_bg_2500.png) 50% 50% repeat;
		color: #444444;
		font-size: 90%;
		font-weight: bold;
		text-align: center;
	}
		div#footer_bottom a, div#footer_bottom a:link {
			color: #444444;
		}
		div#footer_bottom a:visited {
			color: #444444;
		}
		div#footer_bottom a:hover, div#footer_bottom a.over {
			color: #004a80;
		}
		div#footer_bottom a:active {
			color: #444444;
		}
div#footer h3 {
	margin: 0; padding: 0;
	/* text-decoration: underline; */
}