/* CSS Document */

/*Navigation*/

#navcontainer ul
{
padding: 0 0 0 0;
margin:0 0 0 0;
background-color: #FFFF80;
color: #999;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-size:12px;
display:inline;
}

#navcontainer ul li { 
display: inline; 
}

#navcontainer ul li a
{
padding: 0.5em 1em;
background-color: #FFFF80;
color: #333;
text-decoration: none;
float: left;
border-top: 0px solid #FFFF80;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFF80;
margin-right:-1px;
margin-top:0px;
margin-bottom:0px;
position:relative;
z-index:1;
}
#navcontainer ul a#current {z-index:100}
#navcontainer ul li a:hover {z-index:99}
#navcontainer ul li a:hover
{
background-color: #FFF102;
color: #000;
border-top: 0px solid #FFF102;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}

#navcontainer ul li a#current
{
background-color: #FFF102;
color: #000;
border-top: 0px solid #FFF102;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}

/*Main Body*/

body  {
color: #666;
font-family: verdana, arial, helvetica, sans-serif;
font-size:12px;
margin: 0 0 0 0;
background-image:url(background3.gif);
background-repeat:repeat-x;
}

#wrapper {
	position: relative;
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
#mainContent {
	background-color:#FFFFFF;
	float:left;
	display: inline;
	width:980px;
	margin-left:0px;
	padding-left:0px;
	margin-right:0px;
	padding-right:0px;
	margin-top:10px;
}

#mainContent h2, #mainContent h3, #mainContent p {
	padding:0 0 10px 0;
}
#mainContent h1 {
	margin-top:0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:18px;
	color:#000000;
}


#mainleft {
	background-color:#FFF;
	float:left;
	display: inline;
	width:240px;
	margin-top:0px;
	margin-right:8px;
	padding-right:0px;
	margin-left:0px;
	padding-left:0px;
	text-align:left;
	clear:both;
}
#mainmiddle {
	background-color:#FFF;
	float:left;
	display: inline;
	width:673px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding-right:0px;
	padding-left:6px;
	text-align:left;
	border-left: 1px solid #FFF;
}
#mainright {
	background-color:#FFF;
	float:right;
	display: inline;
	width:240px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding-right:0px;
	padding-left:0px;
	text-align:left;
	
}
.sectionheader { 
font-size:11px;
padding:7px 8px 15px 6px;
}
.sectionyellow { 
font-size:11px;
padding:7px 8px 15px 6px;
background-image:url(yellow.jpg);
background-repeat:no-repeat;
}
.sectiongreen { 
font-size:11px;
padding:7px 0px 15px 6px;
background-image:url(green.jpg);
background-repeat:no-repeat;
color:#E8E8E8;
}
.sectionblue { 
font-size:11px;
padding:7px 0px 15px 6px;
background-image:url(blue.jpg);
background-repeat:no-repeat;
color:#E8E8E8;
}
.sectionred { 
font-size:11px;
padding:7px 0px 15px 6px;
background-image:url(red.jpg);
background-repeat:no-repeat;
color:#E8E8E8;
}
.notincluded { 
font-size:9px;
padding:7px 0px 15px 6px;
color:#666666;
}
.bigbackground { 
background-image:url(bigbg.jpg);
background-repeat:no-repeat;

}
.essentialbackground { 
background-image:url(essentialbg.jpg);
background-repeat:no-repeat;

}
.easyreadbackground { 
background-image:url(easybg.jpg);
background-repeat:no-repeat;

}
.foldoutbackground { 
background-image:url(foldoutbg.jpg);
background-repeat:no-repeat;
margin-right:15px;
}
.handybackground { 
background-image:url(handybg.jpg);
background-repeat:no-repeat;

}


#mainContent a {
    background-image: url(browsenew3.jpg);
    background-position: 0px 0px;
	background-repeat:no-repeat;
    color: #FFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-top: 6px;
    width: 132px;
    height: 27px;
    text-decoration: none;
	text-align:center;
}
#mainContent a:hover {
    background-position: -132px 0px;
}


.introcell { 
font-size:11px;
vertical-align:top;
padding-top:10px;
padding-right:15px;
padding-bottom:10px;
text-align:left;
}
.introcell a span {
text-indent:-1000em;
display: block;
}
.introcell2 { 
font-size:11px;
vertical-align:top;
padding-top:10px;
padding-right:15px;
padding-bottom:36px;
text-align:left;
}
.introcell2 a span {
text-indent:-1000em;
display: block;
}
.introcell3 { 
font-size:11px;
vertical-align:top;
padding-top:10px;
padding-right:15px;
padding-bottom:23px;
text-align:left;
}
.introcell3 a span {
text-indent:-1000em;
display: block;
}
.introcell4 { 
font-size:11px;
vertical-align:top;
padding-top:10px;
padding-right:15px;
padding-bottom:25px;
text-align:left;
}
.introcell4 a span {
text-indent:-1000em;
display: block;
}
.atlasname { 
font-size:14px;
font-weight:bold;
color:#333333;
text-align:left;
padding-top:5px;
}
.atlasname2 { 
font-size:14px;
font-weight:bold;
color:#333333;
text-align:left;
padding-top:35px;
padding-left:6px;
}
.atlasname3 { 
font-size:12px;
font-weight:bold;
color:#333333;
text-align:left;
padding-top:5px;
padding-left:162px;
}
.foldoutname { 
font-size:14px;
font-weight:bold;
color:#333333;
text-align:left;
padding-top:35px;
padding-left:6px;
}

#sidebar ul {
	margin-bottom:0;
	border:0;
}
#sidebar img {
	border:0;
}
#sidebar h3, #sidebar p {
	padding:0 0 0 0;
}



/*Footer*/

* html #footer {height:1%}
#footer {
    font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #50614E;
	padding-top: 6px;
	border-top: 1px solid #50614E;
	clear:both;
	background-color:#ffffff;
	width:100%;
	text-align:center;
}
#footer p {
    margin-top: 1px;
    padding: 4px 0 6px 0;
	background-color: #fff;
}
#footer a:link {color: #666666; text-decoration: none;}
#footer a:visited {color: #666666; text-decoration: none;}
#footer a:hover {color: #50614E; text-decoration: underline;}
#footer a:active, #footer a:focus {color: #666666; text-decoration: none;}