#container
{
    height: 1000px;
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.background 
{ 
    background: #f2fae7 url(../images/bg2.gif) repeat-x 0 0; 
}

.main 
{ 
    vertical-align: top;
    padding: 0;
    width: 800px;
    border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
}

#content {
    margin: auto;
	text-align: left;
	padding: 1em 2em 3em 2em;
	font-size: 1em;
	background: white;
	position: relative;
}

#content ul
{
	xxxmargin: .5em 0 50px 0;
}

#content li
{
    list-style: square;
	xxxmargin-left: 2em;
}

#content table, tr, td
{
	font-size: 1em;
	line-height: 1.3em;
}

#content td
{
	padding: .5em;
	position: relative;
}

#content table
{
	width: 100%;
}

#header_nav
{
	background: #00acec;
	background: #f7941d;
	font-weight: bold;
}

#header_nav table
{
}

#header_nav td a
{
	padding: .6em .7em .6em .7em;
	display: block;
	font-size: 135%;
	color: #fff;
}

.header_nav_selected
{
	background: #BEDA90;
}

#header_nav td a:hover
{
	color: #ccc;
	text-decoration: none;
}

h1
{
	font-size: 1.5em;
	font-weight: bold;
	margin: 1em 0 1em 0;
}

p
{
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

strong
{
	font-weight: bold;
}

h2
{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1em;
}

h3
{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 1em;
}


.subnav
{
	position: absolute;
	top: 1em;
	right: 2em;
	height: 2.5em;
	max-width: 50em;
	margin: 0 !important;
}

.subnav li
{
	float: right;
	list-style: none !important;
	margin-left: 0px !important;
	font-weight: bold;
	background: #EEEEEE;
	border-left: 2px solid white;
}

.subnav li a 
{
	color: #5A5A5A;
	padding: .5em 1em .5em 1em !important;
	display: block;
}

.subnav li a:visited
{
	color: #5A5A5A;
	display: block;
}

.subnav li a:hover
{
	background: #E2EDF5;
}

.subnav_selected
{
	background: #D2E4EF !important;
	display: block;
	padding: .5em 1em .5em 1em !important;
	color: black;
}

em
{
	font-style: italic; 
}



/*global*/
img { border: none; }
img a:hover { border: 0px none !important; }
body { color: #000; font: 10px Verdana, Arial, Sans-Serif;line-height: 170%; margin: 0; padding: 0; margin: 0px; }
.page { width: 100%; background: #EFFBDB; padding: 0px; margin: 0px auto;}
a:hover { color: #00acec ;text-decoration: none; }

/*header*/
.header { width: 100%; padding: 10px 0px 0px 0px; height: 100px; background-color: #EFFBDB; }
#logo_header { padding: 15px 0 15px 15px; }
#logo_header_internal { text-align: left; margin: auto; }
#menu { border-top: solid; border-bottom: solid; background:#CFDBC5 none repeat scroll 0% 50%; clear:both; width:100%; font-size:12px; margin:0px 0px 10px 0px; padding: 2px 0px 2px 0px; }
#menu li { display:inline; list-style-type:none; margin:0px 5px; padding:5px;}

/*content*/
.content { margin: 10px auto; padding: 20px; }
.maincontent { margin: 20px auto; padding: 0px 0px 10px 0px; width: 800px; }
.sidebar { float: right; margin: 0px; padding: 0px auto; width: 200px;}
.logo { width: 100px; height: 50px; background: black; }



#header {
	background: white;
}

#content {
	font-size: 1.2em
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
}

a, h2 a:hover, h3 a:hover {
	font-weight: bold;
	color: #00acec;
	text-decoration: none;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

a img { border: none; }


/* task timer */
.feature 
{ 
    font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0;
}
.home_features
{
    vertical-align: top;
}

.home_features ul
{
    margin: 0 0 10px 25px;
    padding: 0;
}

.home_features li
{
    line-height: 145%;
    font-size: 97%;
    margin: 0;
    padding: 0;
}