@charset "utf-8";
/* CSS Document */


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:#339 url(images/bg.gif) top left repeat fixed;
	margin: 0; 
	padding: 0;
	color: #333;
}

#container { 
	width: 800px; 
	background: #fff;
	margin: 20px auto;
	border: 1px solid #003366;
	text-align: left; 

} 

#header { 
	background: #036 url(images/header1.jpg) no-repeat left center;
	padding: 0 10px;  
	color:#fff;
	border-bottom:solid #fff 3px;
	height:100px;
} 

#header h1 {
	margin: 0; 
	padding: 10px 0; 
}

#leftCol {
	float: left; 
	width: 150px; 
	background: #d8d7d3 url(images/athomelogo603.gif) no-repeat 4px 10px;
	padding: 15px 0 0 7px; 
	color:#fff;
}

.leftNavBg {
	margin:160px auto;
	width:145px;
}

.leftNavLinks a:link, .leftNavLinks a:visited {
disaplay:block;
width:100%;
padding:5px 0px 5px 10px;
font:bold 10pt "Trebuchet MS", Verdana,  Arial, Helvetica, sans-serif;
color:#036;
text-decoration:none;
background:transparent url(images/leftNavBg.gif) no-repeat left center;
}

.leftNavLinks a:hover {
color:#603;
background:transparent url(images/leftNavBg_h.gif) no-repeat left center;
text-decoration:underline;
}

 #mainContent { 
	margin: 0;
	display:table;
	font:normal 8pt "Trebuchet MS", Verdana,  Arial, Helvetica, sans-serif; 
	background:#fff url(images/contentBg.gif) top left repeat;
	padding:20px;
} 
 *html .tutorial #mainContent  {
 padding:10px; 
 background-color:red;
 width:620px;

 }
 
.contentText {
float:left;
display:table;
background-color:#fff;
padding:10px;
border: solid #8ba1bd 1px;
margin:0 auto;
}


.contentText a:link, .contentText a:visited {
padding:5px 5px 5px 10px;
font:normal 10pt "Trebuchet MS", Verdana,  Arial, Helvetica, sans-serif;
color:#036;
text-decoration:none;
padding-left:10px;
}

.contentText a:hover {
color:#603;
background:transparent url(images/bull1.gif) no-repeat left center;
text-decoration:underline;
}

.defaultText {
float:left;
display:table;
background-color:#fff;
padding:10px;
border: solid #8ba1bd 1px;
margin:0 auto;
/*maintain structure of .contentText*/
}

.defaultText a:link, .defaultText a:visited {
padding:5px 5px 5px 10px;
font:bold 9pt  Verdana,  Arial, Helvetica, sans-serif;
color:#036;
text-decoration:underline;
padding:0;
}

.defaultText a:hover {
color:#603;

}

.MainTitle
{
font:bold 13pt "Trebuchet MS", Verdana,  Arial, Helvetica, sans-serif; 
color:#036;
background:#fff url(images/titleBg.gif) left center no-repeat;
padding-left:12px;
}

.MainSubTitle
{
font:bold 10pt "Trebuchet MS", Verdana,  Arial, Helvetica, sans-serif; 
color:#8ba1bd;
}

.questionTitle
{
background-color:#ddd;
color:#603;
width:560px;
font:normal 10pt "Trebuchet MS", Verdana,  Arial, Helvetica, sans-serif; 
padding-left: 7px;
margin:10px 0 10px 0;
}

#footer { 
	padding: 5px 10px; 
	background:#036;
	font:normal 8pt "Trebuchet MS", Verdana,  Arial, Helvetica, sans-serif; 
	color:#fff;
	border-top:solid #fff 3px;
} 

#footer p {
	margin: 0;
	padding: 10px 0;
}

.address{
font-size:8pt;
color:#8ba1bd;
}

#footer a:link, #footer a:visited {
padding:5px 5px 5px 10px;
font:bold 9pt  Verdana,  Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:underline;
padding:0;
}

#footer a:hover {
color:#8ba1bd;
}

.fltrt { 
	float: right;
	margin-left: 8px;
}

.fltlft {
	float: left;
	margin-right: 8px;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.centered {
margin:0 auto;
text-align:center;
}