/* ===================================== 
			UI Styles
   ===================================== */	
body {	font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.8em; line-height: 180%; color: #5A4E65; 
			background-image: url(/assets/images/ui/body_bg.gif); background-repeat: repeat-x; 
			background-position: top; margin: 0; padding: 0; 	}
#frame {	margin: 0 auto; width: 790px !important; width: 790px; padding: 0;	}
#contentframe	{	width: 775px !important; width: 775px; background-color: white; margin: 0 0 0 7px; 
					padding: 0; height: inherit; background-color: white;	}

#header {	margin: 0; padding: 0;	}
#footer {	padding: 0.5em; margin-top: 3em; text-align: center; font: normal 10px/14px Arial, sans-serif; color: #464646; border-top: 1px dotted #b4b4b4; clear: both;	}
#footer_links	{	margin: 0 0 0.1em 0;	}

/* ===================================== 
		   Breadcrumb Styles
   ===================================== */	
#breadcrumbs	{	width: inherit; position: relative; padding: 0; height: 20px; text-align: right; margin-bottom: 30px;	}
.B_homeCrumb, .B_crumb	{	font-family: Verdana; font-size: 70%; padding: 0;	}
.B_currentCrumb	{	font-family: Verdana; font-size: 70%; color: red;	}

/* ===================================== 
			Print Box Styles
   ===================================== */	
#print	{	padding: 0; margin: 0 0 8px 0; width: inherit; border-bottom: 1px solid #ccc;	}
#print img	{	width: 18px; height: auto; vertical-align: text-bottom;	}
#print a	{	font-size: 80%; text-decoration: none; font-weight: lighter; 
				text-transform: capitalize; color: #660000;	} 
#print a:hover	{	background-color: transparent; text-decoration: underline;	}

/* ===================================== 
			Homepage Styles
   ===================================== */		
#homegraphic {	background-image: url(/assets/images/ui/sba_top_image.jpg); background-repeat: no-repeat; 
					background-position: top; height: 218px; padding: 0; margin: 0;	}
#homegraphic .grtext {	font-family: arial; font-color: #000; font-size: 13px; text-align: left; 
							width: 450px; position: relative; top: 70px; left: 30px; line-height: 20px;	}
#homegraphic h1.grtitle	{	font-family: Georgia; font-size: 30px; color: #990000; font-weight: normal; 
								text-align: left; margin: 0px; padding: 0px; line-height: 35px;	}
.home_image	{	border: 1px solid #b4b4b4; float: left; width: 140px; height: auto; margin: 0 10px 0 0;	}
	
/* ===================================== 
		   Side Navigation Styles
   ===================================== */	
#leftnav {	width: 175px; w\idth: 160px; /* IE hack */ display: block; float: left; 
				padding: 5px; overflow: visible; background-color: white; margin: 0;	}
#leftnav ul	{	list-style: none; margin: 0; padding: 0;	}
#leftnav ul li	{	padding: 0; margin: 0; line-height: normal;	}
#leftnav ul li a	{	display: block; color: #262D19; font-family: Arial; font-size: 90%; 
						background-image: url(/assets/images/ui/bg-left-nav.gif); background-repeat: repeat; 
						padding: 0.6em; border: 1px solid #b2b2b2;  	}
#leftnav ul li a:hover	{	text-decoration: underline; color: #660000; background-color: #B6B674;	}
	
	/* IE Requirement */
	* html ul li { float: left; height: 1%; }
	* html ul li a { height: 1%; }
	/* End */
	
#leftnav p	{	margin: 0; padding: 5px 0; font-size: 80%; font-family: Arial, verdana, sans-serif; 
					line-height: normal; border-bottom: 1px dotted #b4b4b4; text-align: left;	}
#leftnav p a {	color: #4A4902; text-decoration: none; font-weight: normal; text-align: left; padding: 0; margin: 0;	}
#leftnav p a:hover {	color: #FF3300; text-decoration: underline; background-color: transparent;	}
#leftnav p img	{	width: 55px; height: auto; margin: 4px; padding: 0; float: left; border: 2px solid #453B26; 	}
#leftnav h4	{	margin: 8px 0; 	}

/* ===================================== 
		   Content Page UI
   ===================================== */	
#main {	width: 600px; w\idth: 565px; /* IE hack */ padding: 5px 20px; overflow: visible; display: block; background-color: #fcfcfc; float: left; }
		
#main ul	{	border: none; padding: 0; margin: 0; margin-left: 1.5em;	}
#main ul li	{	list-style: square; padding: 0; position: none; float: none; color: #464646; height: auto; font-weight: normal;	}
#main ul li a	{	display: inline; background: none; border: none; padding: 0; margin: 0; height: auto; color: red;	}
#main ul li a:hover	{	 text-decoration: underline;	}

.mainslot {	padding-left: 0.5em; border-bottom: 1px dotted #B2B2B2; text-align: justify; height: inherit; margin: 1em 0;	}
		
/* ===================================== 
		       Video Styles
   ===================================== */	
   					
#legacy256	{	margin-top: 2em; background-image: url(/assets/images/bg_legacy_320x256.jpg); background-repeat: no-repeat; 
			height: 351px; width: 530px; border: 1px solid #262D19;	}
#realmedia	{	position: relative; top: 20px; left: 18px; width: 320px; height: 240px; padding: 0; margin: 0; border: 2px solid #262D19;	}
#qtlow	{	position: relative; top: 41px; left: 81px; width: 192px; height: 168px; padding: 0; margin: 0; border: 2px solid #262D19;	}
#qthigh	{	position: relative; top: 12px; left: 195px; width: 320px; height: 256px; padding: 0; margin: 0; border: 2px solid #262D19;	}