/* ---------------------------------------------------------------------------------------------------------------------------- */
/* START of global selectors */
:root
{
 overflow-y: scroll;
}

*
{
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
}

/*------------------------------------------------------------------------------------
  Layout
------------------------------------------------------------------------------------*/

body
{
	background:#757969 url(../images/bg_page.jpg) repeat-x;
	font-family: Arial, Trebuchet, Trebuchet MS, Helvetica, Verdana, Sans-Serif;
	font-size: 0.69em;
	line-height: 1.3em;
	color: #fff;
	height: 100%;
	margin: 0 auto;
	
}

#shell
{
	margin: 20px auto; 
	width: 985px;
}

#outerWrap
{
	
	width: 847px;
	height: 600px;	
	float: left;
	padding: 0 0 15px 0;
}

#innerWrap
{
	
	background:#4B1E0B url(../images/bg_innerWrap.jpg) repeat-x;
	width: 828px;
	height: 443px;
	margin: 0 auto;
	padding: 0 0 20px 0;		
}	


#maintenance
{
	width: 828px;
	height: 255px;
	margin: 0 auto;
	padding: 168px 0 20px 0;
	text-align: center;
}	

#maintenance h1
{	
	font-family: Helvetica, Arial, Trebuchet, Trebuchet MS, Verdana, Sans-Serif;
	font-size: 1.7em;
	font-weight: bold;
	margin: 0 0 12px 0;
}

#maintenance p
{
	font-family: Helvetica, Arial, Trebuchet, Trebuchet MS, Verdana, Sans-Serif;
	font-size: 1.1em;
	line-height: 1.3em;
}

#maintenance a
{
	color: #fff;
}

.freshcope
{ background:#4B1E0B;}	

.skoal
{ background:#3879AC;}

.husky
{ background:#70AFCE;}

.redseal
{ background:#AA152A;}

#maintenance.redseal h1, #maintenance.redseal p, #maintenance.redseal a
{	
	color: #000;
}

.freshcopeColor
{ color: #735144; }

.skoalColor
{ color: #3A79AC; }

.huskyColor
{ color: #78A7BD; }

.redsealColor
{ color: #AD2035; }

.pegColor
{ color: #99a159; }

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* START masthead elements */
#mastHead
{
    height: 86px;    
}

#mastLogo
{
   cursor: pointer;
   width: 499px;
   height: 86px;
   background: url(../images/mastLogo.gif) no-repeat 49px 32px;   	
}

h1.sitetitle
{
	font-family: Helvetica, Arial, Trebuchet, Trebuchet MS, Verdana, Sans-Serif;
	font-size: 3.3em;
	text-align: center;
	padding: 32px 0 0 0;
	font-weight: bold;
}

#mastLogoLink
{
    width: 399px;
    height: 46px;
    display: block;
    cursor: pointer;
}

#disclaimer
{
    float: left;
    margin: 180px 0 0 20px;
    
}

#disclaimer .minors
{
    width: 90px;
    height: 90px;
    background-image: url(../images/disclaimer_minors.gif);    
    display: block;
    
}

#disclaimer .warning
{
    width: 108px;
    height: 120px;
    background-image: url(../images/disclaimer_warning.gif);    
    display: block;
    margin: 32px 0 0 0;
    
}

/* END masthead elements */
/* ---------------------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------------------------------- */
/* START of Main Landing Layout */
#welcome
{
	margin: 47px 35px 0 42px;
}

#welcome .left
{
	float: left;
	width: 458px;
	margin: 46px 0 0 0;
}

#welcome .right
{
	float: left;
	width: 293px;
	margin: 65px 0 0 0;
}

#welcome .callout
{
	display: block;
	background-color: #323805;
	width: 262px;
	padding: 18px 15px 10px 15px;
	margin: 0 0 20px 0;
}

#welcome .formlabel
{	
	margin: 0 0 4px 10px;
}

.remember
{
	margin: 10px 0 10px 72px;
	padding: 0 12px 0 0;
}



/* END Main Landing Layout */
/* ---------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* START of Signup Landing Layout */
#signup
{
	margin: 47px 35px 0 42px;
}

#signup .left
{
	float: left;
	width: 398px;
	margin: 46px 0 0 0;
}

#signup .right
{
	float: left;
	width: 315px;
	margin: 171px 0 0 0;
}

#signup .left .callout
{
	display: block;
	background-color: #323805;
	width: 331px;
	padding: 18px 15px 10px 15px;
	margin: 0 0 20px 0;
}

#signup .right .callout
{
	display: block;
	background-color: #323805;
	width: 284px;
	padding: 18px 15px 10px 15px;
}

#signup .formlabel
{	
	margin: 0 0 14px 0;
	line-height: 1.3em;
	display: block;
}




/* END Signup Landing Layout */
/* ---------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* START footer elements */
#footer
{
    clear: both;    
    padding: 8px 0 0 20px;   
    color: #44473e;
    font-size: .9em;
    height: 61px;
    overflow: hidden;
}

#footer a:link
{
	color: #44473e;
	text-decoration: underline;
	cursor: pointer;
}


#footer a:hover, #footer a:active
{
	color: #fff;
	text-decoration: underline;
} 

#footer a:visited
{
	color: #44473e;
	text-decoration: underline;
}

#footer ul li
{
    float: left;
    list-style-type: none;
    padding: 0;
}

#footer .copyright
{
    float: left;    
}

#footer ul li.noPurchase
{
    padding: 0 0 0 127px;
    _padding: 0 0 0 107px;
}

#footer ul li .pipe
{
    padding: 0 5px 0 5px;
}

#footer ul.dark a
{
    color: #000000;
}

#responsibility {

	width: 374px;
	height: 148px;
	background-color: #000000;
	display: none;
	border: 2px solid #ffffff;
	position: relative;
	top: -180px;
	left: 115px;
	color: #ffffff;
	padding: 0px 5px 3px 15px;
	font-size: 11px;
	font-family: Arial, Helvetica, Sans-Serif;

}

#responsibility p {

	margin: 5px 0px 12px 0px;

}

#responsibility a {

color: #ffffff;
text-decoration: none;
font-weight: bold;

}

#responsibility .left {

	float: left;
	width: 160px;
	padding-right: 15px;

}

#responsibility .right {

	float: left;
	width: 170px;

}
/* END footer elements */
/* ---------------------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------------------------------- */
/* START button styles */

.btn
{
	margin:12px 0 7px 0;
}

.btn_signup
{
	background-image: url(../images/btn_signup.png);
	width: 225px;
	height: 31px;
}

.btn_submit
{
	background-image: url(../images/btn_submit.png);
	width: 93px;
	height: 31px;
	
}
/*
.btns:link
{
	background-position: 0 0;
	display: block;	
}

.btns a:hover, .btns.hover
{
	background-position: 0 -28px;
}
*/
/* END button styles */
/* ---------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* H1 Header Images */

#welcome .left h1
{
	background:transparent url(../images/h1welcome.gif) no-repeat scroll 0 0;
	display:block;
	height:34px;
	width:184px;
	text-indent:-9999px;
}

#signup .left h1
{
	background:transparent url(../images/h1signup.gif) no-repeat scroll 0 0;
	display:block;
	height:34px;
	width:396px;
	text-indent:-9999px;
	margin: 0 0 10px 0;
}


/* END H1 Header Images */
/* ---------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* Start of global selectors */
a:link
{
	outline: none;	
}


a:hover, a:active
{
	color: #717f0b;
	outline: none;
} 

a:visited
{
	color: #990000;
	outline: none;
}

a.underline {text-decoration: underline;}

/** Hack for IE to use PNG Background **/
* a, * input
{
	position: relative;
}

a img
{
	border: none;
}

img
{	
	padding: 0;
   	 border: 0;
}

p
{
	margin: 0 0 1em 0;
}

.uline {text-decoration: underline;}

h1
{
    font-weight: normal;
    font-size: 2.3em;
    line-height: 1em;    
    padding: 0;
    color: #fff;
}

h2
{
    font-size: 1.9em;
    line-height: 1.1em;
    font-weight: bold;
}

h3
{
    font-size: 1.5em;
    line-height: 1.1em;
    font-weight: bold;
}

h1.h1Img span
{
    display: none;
}


iframe
{
    margin: 0;
}

ol
{
    margin: 0 10px 0 22px;
}

ul
{
    padding: 0;
    margin: 0 0 10px 0;
}

ul li
{
    margin: 0 0 0.1em 0;
    padding: 0 0 0 7px;
    background-position: 0 6px; 
    
}

select
{
	background-color: #fff;
	border-color: #999;
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	color: #666;
	height: 20px;	
	width: 165px;
	position: relative;
	_top: -2px;
}

.white {color: #fff;}

/* END of global selectors */
/* ---------------------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------------------------------- */
/* START of global classes */
.attention
{
    font-size: 1.5em;
}

.block
{
	display: block;
}

.bold
{
	font-weight: bold;
}

.center
{
    text-align: center;
}

.fl
{
	float: left;
}

.fr
{
	float: right;
}

.clr
{
	clear: both;
}

.clearer
{
	clear: both;
	height: 0;
	line-height: 0;
}

.hrCCC
{
    height: 1px;
    background-color: #ccc;
    margin: 0 0 10px 0;
}

.hr
{
	border-bottom: 1px solid #545454;
	margin: 0 0 15px 0;
}

.it
{
	font-style: italic;
}

.nodisplay
{
    display: none;
}

.nomargin
{
	margin: 0 ! important;
}

.pointer
{
	cursor: pointer;
    cursor: hand;
}

.strike
{
    text-decoration: line-through;
}

.textField
{
    border: 1px solid #BDBDBD;
    background-color: #FDFCF3;
}


/* END of global classes */
/* ---------------------------------------------------------------------------------------------------------------------------- */