html { height: 100%; }
body { font-family: Arial; font-size: 11px; background-image: url(../grafx/mn_bg.gif); margin: 0; height: 100%; padding:0px; }
h1 { float: left; clear: both; font-size: 15px; width: 100%; margin-left: 15px; margin-bottom:15px; }
h2 { float: left; clear: both; font-size: 14px; width: 100%; color:#666666; }
p {margin-left: 15px;}
a {color:#666666;}

/* the main div for the page */
.pageContainer { margin: 0 auto; width: 898px; height: auto !important; overflow: hidden; }

.page_frame { background-image:url(../grafx/bg_wh.png); min-height: 100%; width:898px; margin:0 auto; overflow: hidden; }

/* header div */
.header { float: left; clear: both; width: 850px; height: 305px; margin: 0; }
.headerSH { float: left; clear: both; width: 850px; height: 280px; margin: 0; }
.shheader { float: left; clear: both; width: 850px; height: 290px; margin: 0; }
.Mainheader { float: left; clear: both; width: 850px; height: 390px; margin: 0; }

#hdLeft { float: left; clear: left; width: 654px; height: 257px; }
#hdRight { float: left; clear: right; width: 196px; height: 257px; background-color: #000; }
#hdRight div { float: left; clear: both; }

#hdMain { float: left; clear: left; width: 850px; height: 342px; }

/* content div */
.content { float: left; width: 850px; background-image:url(../grafx/sd_mid_td_bg2.jpg); background-repeat:repeat-x; background-color: #FFF; height: 100%; overflow: hidden; }
.hcontent { float: left; width: 850px; background-image:url(../grafx/home_content_bg.jpg); background-repeat:repeat-x; background-color: #FFF; height: 100%; }

.content1 { width: 850px; background-image:url(../grafx/sd_mid_td_bg2.jpg); background-repeat:repeat-x; background-color: #FFF; margin-left:24px; height: 100%; overflow: hidden; }

.main_c { width:898px; margin:0 auto; height:100%; border:0px;}
.main_shadow_l { width:24px; height:100%; background-image:url(../grafx/left_shadow.png)}
.main_shadow_r { width:24px; height:100%; background-image:url(../grafx/right_shadow.png)}
.main_cont { width:850px; height:100%;}

/* main menu */
#mainMenu { float: left; clear: both; background-color: #000; width: 850px; height: 24px; margin: 0; padding-top:11px; }
#mainMenu ul { float: left; list-style-type: none; display: inline; margin: 0; padding: 0; }
#mainMenu ul li { display: inline; padding: 0px 0px 0px 12px; font-size: 12px }

.menuLink { color: #FFF; text-decoration: none; font-weight: bold; }

/* shadows */
#leftShadow { float: left; width: 24px; background-image: url(../grafx/left_shadow.png); background-repeat: repeat-y; height: 100%; }
#rightShadow { float: left; clear: right; width: 24px; background-image: url(../grafx/right_shadow.png); background-repeat: repeat-y; height: 100%; }

/* footer div */
.footer { float: left; clear: both; width: 800px; background-color: #FFF; margin-top: 30px; padding-left: 15px; }
.footer ul { float: left; clear: both; width: 850px; list-style-type: none; display: inline; margin: 0; padding: 0; }
.footer ul li { display: inline; margin: 0; }

.italics { font-style: italic;}

/* form related */
.error { color: Red; }
.requiredField { color: Red; }
.label { width: 150px; }
.txt200 { float: left; clear: right; width: 130px; height: 18px; }
.txt400 { float: left; clear: right; width: 250px; height: 18px; }
.select50 { float: left; clear: right; width: 50px; height: 20px; }
.select75 { float: left; clear: right; width: 75px; height: 20px; }
.select400 { float: left; clear: right; width: 250px; height: 20px; }
.ordercomplete { font-size:16px; font-weight:bold;}

#bottom-links {
	margin-top:20px;
	width:800px;
	float:left;
	color:#999999;
	clear:both;
}
.bot_link {
	color:#666666;
}

/* What's New Layout */
.new{
 margin-left:0px;
 margin-top:0px;
 margin-bottom:15px;
 }


/* Affiliate Signup Layout */

#affil_bg {
	width:605px;
	height: 436px;
	margin-left:123px;
	margin-top:15px;
	padding:0px;
	background-image: url(../grafx/affil_bg.jpg)
}

/* T-Shirt Idea Contest Layout */

#tshirtideas {
	width:605px;
	height: 436px;
	margin-left:123px;
	padding:0px;
	background-image: url(../grafx/ideas_bg.gif)
}

/* About Us Layout */

#about-left-content {
	width:205px;
	margin-left:15px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}

#about-content {
	width:605px;
	margin-left:5px;
	margin-bottom:10px;
	float:left;
}

/* Contact Page Layout */

#contact_left_content {
	width:410px;
	margin-right:5px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:left;
	float:left;
}
#contact_right_content {
	width:410px;
	margin-right:15px;
	margin-bottom:10px;
	font-size:11px;
	color:#000000;
	text-align:left;
	float:left;
}

/* Pic Contest Layout */

#piccontest {
	width:605px;
	height: 436px;
	margin-left:123px;
	padding:0px;
	background-image: url(../grafx/pic_contestbg.gif)
}

/* FAQ Layout */

#faq-left-content {
	width:225px;
	margin-right:5px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:left;
	float:left;
}

#faq-content {
	width:600px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:left;
	float:left;
}

/* Home Shirt Setup */

#bump {
	margin-left:8px;
	padding-top:8px;
}

ul{
    margin: 0 auto;
	padding:0;margin:0;
	list-style-position:inside;
	
}

#list_wrapper{
    width: 840px;
	margin: 0 auto;
}

#top_home{
	width:850px;
	height:342px;
	background-color:#000000
	margin:0 auto;
}
.menu_link {
	color:#FFFFFF;
	text-decoration:none;
}

#menu_home{
	width:850px;
	height:30px;
	background-color:#000000;
}
ul.horizontal_list li{
    text-align: left;
    float: left;
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 6px;
    border: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
}

/* The wider this li is, the fewer columns there will be */
    ul.multiple_columns li{
    text-align: left;
    float: left;
	width: 210px;
    list-style: none;
	padding:0px;margin:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
    }
#mid{
    text-align: left;
    float: left;
	width: 830px;
	height: 30px;
	background-color:#000000;
    list-style: none;
	padding:0px; margin-bottom:20px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
    }
.shirt_txt {
	text-align:center;
	width:200px;
}

