html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center;background-image:url('cloth011.jpg');  }
p{margin:0 10px 10px}

h2 {
	font-family: Arial, Verdana, "Trebuchet MS", Verdana, Helvetica, Arial;
    font-weight: bold;
	font-size: 14px;
    text-align:center;
	color: #004080; /*#2A2A2A;*/
    padding-top: 5px;
    padding-bottom: 5px;
	padding-left:0px;
}


/*a{display:block;color: #000;padding:10px}*/
#header{
	width: 880px;
	margin: 0 0 0 0;
	height: 160px;
	background: url('header.jpg') top left no-repeat;
    background-color:white;
	text-align: left;
}

div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B}

div#container{
    text-align:left;
    overflow: hidden;
}

div#wrapper{
    float:left;
    width:100%;
    background: #FFFFCA; /*#804040;*/
}

div#wrapper a {color:white;font-weight:bold;}

div#content p{line-height:1.4;}

div#navigation{
/*    padding-bottom: 32767px;
	margin-bottom: -32767px;*/
}
#navigation ol, #navigation  ul, #navigation li { margin:0; }
#navigation li { 
    list-style:none; 
    margin-top: 4px;
	margin-bottom:4px;
	margin-left:0;
    color: #fff;
}

#navigation ul {
	margin-left:10px;
}

#navigation img { vertical-align:bottom; }
#navigation li a:hover { background:white;}

div#navigation p {
	font-family: Arial; "Trebuchet MS", "Abadi MT Condensed", "Trebuchet MS", Helvetica, Arial;
	font-weight: bold;
	font-size: 13px;
	/*color: #FFFFD5;*/
    color:black;


}
div#navigation{
 float:left;
 width:240px;
 margin-top:8px;
}

div#navigation h5 {
	font-family: Arial, Verdana, "Trebuchet MS", "Abadi MT Condensed", "Trebuchet MS", Helvetica, Arial;
    font-weight: bold;
	font-size: 16px;
    text-align:center;
	color: black; /*#FFFFD5;*/
    border: solid 1px #C0C0C0;
	padding-left:0px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #FFFFD7;
    width: 100%;
}

div#navigation h4 {
	font-family: Arial, Verdana, "Trebuchet MS", "Abadi MT Condensed", "Trebuchet MS", Helvetica, Arial;
    font-weight: bold;
	font-size: 11px;
    text-align:center;
	color: black; /*#FFFFD5;*/
    padding-bottom:3px;
    width: 98%;
}

div#navigation h2 {
	font-family: Arial, Verdana, "Trebuchet MS", "Abadi MT Condensed", "Trebuchet MS", Helvetica, Arial;
    font-weight: bold;
	font-size: 16px;
    margin-left:12px;
    margin-right: 8px;
    text-align:left;
	color: black; /*#FFFFD5;*/
    border-top: solid 3px white;
    padding-bottom:3px;
    padding-top: 8px;
}

div#navigation a {
	font-family: Verdana, "Abadi MT Condensed", Arial, Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #582C2C;
	padding-left:0px;
	text-decoration:none;
}
div#navigation a:hover {
	font-family: Verdana, "Abadi MT Condensed", Arial, Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	padding-left:0px;
	text-decoration:none;
}

div#extra{background:#800000;}
div#footer {
    color: #FFFFCA;
}
div#footer p{margin:0;padding:5px 10px;text-align:center;font-weight:bold;font-size:16px;}

div#container{
    width:880px;
    margin:0 auto;
    border: solid 1px #804040;
    margin-top: 4px;
}
div#content{
    float:left;
    width:626px;
    margin-top: 2px;
    margin-left: 5px;
    border: solid 1px #C0C0C0;
	margin-bottom: 10px;
    background: white;
    background-image:url('content_bkg.jpg');
    /*background-image:url('http://www.thinkfastathletics.com/kegcarry_bkg.jpg');background-position:top;*/
}

div#content p {
	font-family: Verdana, "Trebuchet MS", "Abadi MT Condensed", "Trebuchet MS", Helvetica, Arial;
	font-weight: normal;
	font-size: 12px;
	color: #1F1F1F; /*#414141;*/
	padding-left:6px;
/*    background:#E6FFF2;*/
}

div#content p.details {
    font-size: 11px;
    color: #292929;
    font-weight: bold;    
    padding-left:26px; 
}

div#content h1 {
	font-family: Arial, "Times New Roman", "Trebuchet MS", Verdana, Helvetica, Arial;
	font-size: 18px;
    text-align:center;
    text-tranform:none;
    margin-top: 4px;
	color: #242424;
    padding-top: 8px;
    padding-bottom: 6px;
    border-top:solid 1px #606060;
    border-bottom:solid 1px #606060;
	padding-left:4px;
}

div#content h2 {
	font-family: Arial, Verdana, "Trebuchet MS", Verdana, Helvetica, Arial;
    font-weight: bold;
	font-size: 14px;
    text-align:left;
	color: #000;
    padding-top: 5px;
    padding-bottom: 5px;
	padding-left:0px;
    margin-left: 16px;
/*    border-left: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    background: #FFFFD2;
    width: 460px;*/
}

div#content h3 {
	font-family: Arial, "Times New Roman", "Trebuchet MS", Verdana, Helvetica, Arial;
	font-size: 14px;
    text-align:center;
    text-tranform:none;
    margin-top: 4px;
	color: #242424;
    padding-top: 8px;
    padding-bottom: 6px;
    border-top:solid 1px #606060;
    border-bottom:solid 1px #606060;
	padding-left:4px;
}

div#coup_group {
    text-align:center;
	color: #004080; /*#2A2A2A;*/
    padding-top: 5px;
    padding-left: 40px;
    padding-bottom: 15px;
    margin-left: 16px;
    margin-right: 20px;
    border-left: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    background: #FFFFD2;
    height:196px;
}

div#content h5 {
	font-family: Arial, Verdana, "Trebuchet MS", Verdana, Helvetica, Arial;
    font-weight: bold;
	font-size: 13px;
    text-align:left;
	color: #808080;
	padding-left:20px;
}

div#content h4 {
	font-family: Arial, Verdana, "Trebuchet MS", Verdana, Helvetica, Arial;
    font-weight: bold;
	font-size: 14px;
    text-align:left;
	color:#004080;
	padding-left:16px;
}

div#content a {
	font-family: Verdana, "Trebuchet MS", Arial, Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #8c3a3a;
	padding-left:6px;
	text-decoration:none;
}
div#content a:hover {
	font-family: Verdana, "Trebuchet MS", Arial, Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	padding-left:6px;
	text-decoration:none;
}

div#content ul {
    padding-left: 20px;
}
div#content li{line-height:1.4;background:white;}
div#content li {
	font-family: Verdana, "Trebuchet MS", "Abadi MT Condensed", "Calibri", Helvetica, Arial;
	font-weight: normal;
	font-size: 12px;
	color: #000; /*#555555;*/
	padding-left:10px;
    padding-right: 40px;
    text-align: left;
}

div#content .darker {
	font-family: Verdana, "Trebuchet MS", "Abadi MT Condensed", "Trebuchet MS", Helvetica, Arial;
	font-weight: normal;
	font-size: 12px;
	color: #800000;
	padding-left:20px;}

div#extra{clear:both;width:90%;margin: 0 0 0 0; padding: 0 0 0 0}
div#extra p{
	text-align:center;
	font-weight: bold;
	font-size: 12px;
	background:#fff;
}

div#offers_l, div#offers_r
{
    border-bottom: solid 1px #808080;
    border-left: solid 1px #C0C0C0;
    width: 43%;
    background-color: #FFFFD9;
}

div#offers_l
{
    margin-right: 20px;
    margin-left: 10px;
    float: left;
}

div#offers_r
{
    float: right;
    margin-right: 10px;
    margin-left: 0px;
}

div#offers_r p, div#offers_l p {
   background-color: #FFFFD9;

}

div#offers_r h4, div#offers_l h4 {
   background-color: #FFFFD9;
   font-size: 14px;
   color:#606060;

}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#tabs {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #666;
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0px 30px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
    font-weight:bold;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
    color: yellow;
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}

#tabs span.active {
    color: yellow;
	}


h5 {
   font-weight: bold;
   font-size:16px;
   text-align:center;
}

.img_right
{
    float: right;
    border: solid 1px #800000;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.img_left
{
    float: left;
    border: solid 1px #800000;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.cssbutton{
    background-color: #C0C0C0;
    /*border: 2px #d1ec4c outset;*/
    border-bottom: solid 1px;
    border-color: #004080;
    padding: 1px 4px;
    margin-top: 2px;
    white-space: nowrap;
    color: white;
    text-decoration: none;
    text-align: left;
    font: 90%, "Trebuchet MS", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
    color: black;
    font: 90%, "Trebuchet MS", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:hover{
    color: white;
    font: 100%, "Trebuchet MS", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:active{
    color: white;
    font: 90%, "Trebuchet MS", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

/* Fields for an input forms */

div.row {
    clear: both;
    padding-top: 5px;
}

div.row_s {
    clear: both;
    padding-top: 5px;
    margin-left: 70px;
}

div.row span.label {
	color: #000;/*#4D4D4D;*/
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    float: left;
    width: 90px;
    text-align: right;
    padding-right:5px;
}

div.row textarea {
	color: #004080; 
    font: 100% Verdana, Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    float: left;
    width: 200px;
    text-align: left;
    padding-right:5px;
    background:transparent;
    /*background:#E6FFF2;*/
}

div.row input {
	color: #004080; 
    font: 100% Verdana, Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    float: left;
    width: 200px;
    text-align:left;
    padding-right:5px;
    background:transparent;
    /*background:#E6FFF2;*/
}

div#navigation .row {
    clear: both;
    padding-top: 5px;
    margin-left: 10px;
}

div#navigation .row span.label {
	color: #FFFFD5; 
    font: 100% Verdana, Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    float: left;
    width: 200px;
    text-align: left;
    padding-right:5px;
    background:transparent;
}

div#navigation .row input, div#navigation .row textarea {
	color: #4A4A4A; 
    font: 100% Verdana, Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    float: left;
    width: 200px;
    text-align: left;
    padding-right:5px;
    background:#FFFFD5;
}

table
{
border-spacing: 0px;
border-collapse: separate;
font-size: 12px;
font-weight: bold;
color: #000000;
margin-left: 12px;
background:white;
border:solid 1px #808080;
}

td {
padding-left: 20px;
padding-top: 4px;
border: 0px solid #D20000;
}

td.left {
   width: 20%;
   padding-left: 10px;
 }
td.right {
   width: 20%;
   text-align:left;
   padding-left: 10px;
 }

td.left1 {
   width: 35%;
   font-weight:normal;
 }

td.right1 {
   width: 15%;
   text-align:left;
   padding-right: 20px;
 }

tr {

}

img
{  border:none; /*solid 1px #004080;*/
}

div#testimonial {
    border: solid 1px #004080;
  	background: url('penpaper.jpg') top right no-repeat;
    position:relative;
    height: 125px;
    width: 85%;
    margin-left: 20px;
    margin-right: 10px;
    margin-bottom: 6px;             
    padding-top: 10px;
}
div#testimonial p{
    color: black; 
	font-family: Arial, "Trebuchet MS", Verdana, Helvetica, Arial;
    font-size: 11px;
    color: #004080;
    font-weight: bold;
    text-align: left;

}

div#sc101_staff {
    border: solid 1px #004080;
  	/*background: url('penpaper.jpg') top right no-repeat;*/
    /*position:relative;*/
    /*height: 125px;*/
    width: 85%;
    margin-left: 20px;
    margin-right: 10px;
    margin-bottom: 6px;             
    padding-top: 10px;
}

div#sc101_staff p{
    color: black; 
	font-family: Arial, "Trebuchet MS", Verdana, Helvetica, Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

div#sc101_staff h1{
    color: black; 
	font-family: Arial, "Trebuchet MS", Verdana, Helvetica, Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.meta {
    margin-left: 6px;
    font-size:10px;
    color:#333333;
 }