@charset "utf-8";
/*     -----     Font     -----     */
body { text-align: justify; font: 12px Arial, Helvetica, sans-serif; color: #fff; }
table, input, select, textarea { font: 12px Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { text-align: left; color: #F68C12; }
h1 { margin: 14px 0px; font-size: 18px; }
	#content_general h1 { margin: 0 0 14px 0; }
h2 { margin: 12px 0px; font-size: 16px; }
	#newsboard h2 { margin: 0 0 6px 0; }
h3 { margin: 12px 0px; font-size: 14px; }
h4 { margin: 10px 0px; font-size: 12px; }
h5 { margin: 8px 0px; font-size: 10px; }
h6 { margin: 6px 0px; font-size: 8px; }
p { margin: 11px 0px; }
	#content p { margin: 0 0 11px 0px; }
	#newsboard p { margin: 0 0 17px 0; }

a { color: #F68C12; }
	a:hover { color: #fff; }
#nav ul li a { font-weight: bold; color: #f68c12; text-decoration: none; }
	#nav ul li a:hover { color: #fff; }		
#extra_nav a { text-decoration: none; color: #000; font-weight: bold; }
#websiteinfo, #websiteinfo a { color: #000; text-decoration: none; }
	#websiteinfo a:hover { text-decoration: underline; }

#newsboard { color: #000; }
	#newsboard a:hover { color: #000; }

.orange { color: #F68C12; }

/*     -----     CSS Helpers     -----     */
img, a img { border: none; }
.float_elements_left { float: left; padding: 0 10px 10px 0; }
.float_elements_right { float: right; padding: 0 0 10px 10px; }
#imageData #imageDetails { color: #000; } /* makes photogallery description black */

/* slightly enhanced, universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

select, textarea, input, input[type="text"], input[type="password"], .textbox { width: 150px !important; color: #000 !important; } /* file attach must be styled manually */
input[type="checkbox"], input[type="radio"], input.productTextInput, select#CardExpiryMonth, select#CardExpiryYear { width: auto !important; }
input[type="submit"], input[type="button"], input[type="image"] { text-align: center; /* for silly IE */ width: auto !important; color: #000 !important; } /*styles for submit buttons*/
input.ml_fields { margin: 0 0 2px 0; height: 15px; padding: 0 1px; border: 2px solid #a5acb2; font-size: 12px; } /* Style login buttons that have confined space with this to stop Safari on Mac making fields extra tall. */

/*     -----     Layout     -----     */
html { background: #fa941d url(../images/layout/bg_repeat.gif) repeat-x center 153px; }
body { margin: 0px; padding: 0px; background: url(../images/layout/bg_top.jpg) no-repeat center top; }
#container { width: 900px; background: #000; margin: 0px auto; }
#banner { height: 153px; background: url(../images/layout/banner.jpg); position: relative; }
	a#st_logo { width: 137px; height: 139px; position: absolute; left: -14px; top: 5px; background: url(../images/layout/southern_tigers.gif); }
	a#st_title { width: 400px; height: 56px; position: absolute; left: 123px; top: 63px; }

#c_container { padding: 16px 13px 10px 11px;  }

#nav { position: relative; margin: 0 0 26px 0; padding: 0 0 15px 0; background: url(../images/layout/nav_underline.gif) no-repeat center bottom; }
	a#nav_home { position: absolute; }
	#nav ul { margin: 0 0 0 30px; padding: 0; }
	#nav ul li { display: block; float: left; position: relative; list-style: none; background: url(none); margin: 0px; padding: 0px; }
	#nav ul li ul { position: absolute; left: 0px; top: 16px; display: none; }
	#nav ul li:hover ul { display: block; }
		#nav ul li a { height: 21px; line-height: 21px; margin: 0 12px; padding: 0 6px; }
		#nav ul li a:hover { }
		#nav ul li ul li a { text-align: left; }
		#nav ul li ul li a:hover { }

#newsboard { width: 467px; height: 239px; float: left; margin: 0 13px 0 9px; padding: 29px 18px 3px; background: #fff url(../images/layout/news_box.gif); position: relative; }
	#n_title { position: absolute; top: -9px; left: 0; }
#flash { float: left; }
#extra_nav { float: left; margin: 8px 1px 0; }
	#extra_nav a { display: block; float: left; height: 34px; background-color: #f68308; text-align: center; }
		#extra_nav a:hover { background-position: left bottom; }
	a#b_links { width: 65px; margin: 0 7px 0 0; padding: 6px 0 0 33px; background-image: url(../images/layout/b_links.gif); }
	a#b_gallery { width: 71px; margin: 0 9px 0 0; padding: 6px 0 0 30px; background-image: url(../images/layout/b_gallery.gif); }
	a#b_newsletter { width: 94px; padding: 6px 0 0 40px; background-image: url(../images/layout/b_newsletter.gif); }	

#content { width: 501px; float: left; padding: 17px 20px 0 11px; }
#content_general { width: 862px; float: left; padding: 0 20px 0 11px; }

#sponsors_right { width: 334px; float: left; margin: 27px 0 0 0; color: #fff; }
	#sponsors_right a { text-align: center; width: 157px; height: 70px; display: block; float: left; padding: 5px; }
	#sponsors_right p { text-align: right; }
		#sponsors_right p a { text-align: right; display: inline; width: auto; float: none; padding: 0; }
	
#footer { clear: both; }

/*     -----     Website Info Content Holder     -----     */
#websiteinfo{ margin: 0px auto 5px; width: 880px; /*assuming width of page is 900px*/ }
	#wi_left { width: 23%; text-align: left; float: left; }
		a#quadtech { width: 155px; height: 15px; display: block; background: url(../images/layout/website_by_quadtech.png) no-repeat; text-indent: -9999px; overflow: hidden; }
			a#quadtech:hover { background-position: right top; }
	#wi_mid { width: 54%; text-align: center; float: left; }
	#wi_right { width: 23%; text-align: right; float: left; }
	#text_links { padding-top: 10px; text-align: center; }

/*     -----     Content     -----     */
.productitemcell { height:22px;/* double the height of body text */ }

table { border-collapse: collapse; }
table tr td { vertical-align: top; }