html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #d1d1d1;
}
ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


body{
margin:0;
padding:0;
line-height: 1.5em;
background-image:url(../images/body-bg.jpg);
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
}

b{font-size: 110%;}
em{color: red;}
strong{
	font-size: 110%;
	font-weight: bold;
}

blockquote {
	margin-left: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 450px;
	line-height: 18px;
	font-style:italic;
	}
	
#smallprint {
margin: 10px;
font-size:9px;
line-height: 1.5;
}

#contentcolumn p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin: 10px;
margin-top: 0px;
margin-bottom: 12px;
width: 500px;
line-height: 18px;
display: block;
}

#contentcolumn ul li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin: 20px;
margin-top: 0px;
margin-bottom: 12px;
width: 490px;
line-height: 18px;
}


/*
#contentcolumn ol li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin: 20px;
margin-top: 0px;
margin-bottom: 12px;
width: 490px;
line-height: 18px;
}

#contentcolumn ol li ol li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin: 20px;
margin-top: 0px;
margin-bottom: 12px;
width: 400px;
line-height: 18px;
}

#contentcolumn ol li ol li ol li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin: 20px;
margin-top: 0px;
margin-bottom: 12px;
width: 350px;
line-height: 18px;
}
*/


#contentcolumn h1{
font-size:18px;
font-weight:bold;
margin: 10px;
color: rgb(54, 87, 91);
width: 500px; 
}
	
#contentcolumn h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: rgb(54, 87, 91);
margin: 10px;
width: 500px;
}
	
#contentcolumn h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: rgb(54, 87, 91);
margin: 10px;
margin-bottom: 0px;
margin-top: 0px;
width: 500px;
}

fieldset{ 
	font-size: 12px;
	border-width: 0px;
	margin: 10px;
	}

label{
	float: left;
	text-align: right;
	}
	

#maincontainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-image:url(../images/leftcolumn-bg.jpg);
}

#topsection{
background: none;
height: 150px; /*Height of top section*/
overflow:hidden;
text-align:center;
font-size: 9px;
}

#bottomsection{
background: none;
height: 160px; /*Height of top section*/
overflow:hidden;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
background-color: #FFFFFF;
background-image:url(../images/leftcolumn-bg.jpg);
}


#contentwrapperalt{
float: left;
width: 100%;
background-color: #FFFFFF;
background-image:url(../images/leftcolumn-bg-alt.jpg);
}

#contentcolumn{
float: inherit;
margin-left: 147px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 147px; /*Width of left column*/
margin-left: -900px; /*Set left margin to -(MainContainerWidth)*/
margin-top: 0px;
}

#rightcolumn{
float: left;
width: 200px; /*Width of left column*/
height: 580px;
margin-left: -200px; /*Set left margin to -(MainContainerWidth)*/
margin-top: 0px;
overflow: hidden;
}

#rightcolumn a{
color: white;
text-decoration:none;
font-size: 9px;
font-weight: bold;
}

#rightcolumn a:hover{
text-decoration: underline;
}

#footer{
clear: left;
width: 900px;
height: 30px;
overflow:hidden;
text-align:center;
color: #000000;
vertical-align:bottom;
padding: 0px;
background-color: #ffd531;
background-image: url(../images/footer-bg.jpg);
background-position:bottom;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
}

#footeralt{
clear: left;
width: 900px;
height: 30px;
overflow:hidden;
text-align:center;
color: #000000;
vertical-align:bottom;
padding: 0px;
background-color: #ffd531;
background-image: url(../images/footer-bg-alt.jpg);
background-position:bottom;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
}

#footerlogin{
clear: left;
width: 900px;
height: 25px;
overflow:hidden;
text-align:center;
color: #333333;
vertical-align:bottom;
padding: 0px;
background-color: #ffd531;
background-image: url(../images/footer-bg-login.jpg);
background-position:bottom;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
}

#footer a{
color: #FFFF80;
}

/*.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)
}*/

#sarcbox {
	display: inline-table; 
	width: 145px; 
	height: 40px;
	overflow: hidden;
	font-size: 12px; 
	color:#CCCCCC; 
	line-height: 1.20;
	text-align:left;
	background-color: #f8f8f8;
	background-image:url(../images/sarcbox.png);
	background-repeat:no-repeat;
	padding: 5px; 
	position: relative; 
	z-index: 3; 
	top: -30px; 
	left: -240px; 
	float: right;
}

#sarcbox a{
	color:#fdd331;
	text-decoration:none;
	font-weight: bold;
}

#sarcbox a:hover{
	text-decoration: underline;
}




#sarcbox2 {
	display: block; 
	width: 145px; 
	height: 40px;
	overflow: hidden;
	position: relative; 
	z-index: 0; 
	top: 40px; 
	right: -380px;
	font-size: 12px; 
	color:#CCCCCC; 
	line-height: 1.20;
	text-align:left;
	background-color: #f8f8f8;
	background-image:url(../images/sarcbox.png);
	background-repeat:no-repeat;
	padding: 5px; 
	float: left;
}

#sarcbox2 a{
	color:#fdd331;
	text-decoration:none;
	font-weight: bold;
}

#sarcbox2 a:hover{
	text-decoration: underline;
}




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

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 147px;
		z-index: 10;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em; 
		width: 147px;
		z-index: 3;
	}
	
	#nav li ul li a{ /* second-level lists */	
		color: #cccccc;
	}
	#nav li ul { /* second-level lists */
		position : absolute;
		display:inline;
		left: -999em;
		margin-left : 147px;
		width:147px;
		top: 0em;
		border: solid;
		border-color: #222222;
		background-color : #000000;
		border-width: 1px;
		z-index: 3;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		position : absolute;
		display:inline;
		left: -999em;
		margin-left : 147px;
		top : -1px;
		border: solid;
		border-color: #68A6AF;
		background-color : #EBEAEB;
		border-width: 1px;
	}
	
	#nav li a {
		width: 138px;
		display: block;
		color:  #333333;
		font-family:  arial, helvetica, sans-serif;
		text-decoration: none;
		font-weight: normal;
		font-size:13px;
		line-height: 17px;
		padding-bottom:6px;
		padding-top:6px;
		padding-left:6px;
		padding-right:3px;
	}
	
	#nav li a:hover {
		background-color: #000000;
		color: #ffd531;
		text-decoration: none;
	}
	
	#nav li a.active {
		background-color: #000000;
		color: #ffd531;
		text-decoration: none;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}