/* CSS Document */

#header {
	background-image: url(img/banners/doitonline.jpg);
	height:100px;
	margin-bottom: 12px;
}

#header h2 {margin-left:-9999px;border-bottom:none;}
#puff {
	background-color:#FFF;
	background-image: url(cssimages/doitonline.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#puff p {
	margin-left: 30px;
}

#puff .arrowlink {
	background-image: url(cssimages/arrowLinkWhite.gif);
}


#accordion a.MenuItem {
	cursor:pointer;
	display:block;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 0px 0px 0px 50px;
	text-decoration: none;
	outline:0;
	clear: both;
	border:1px solid #6699CC;
	line-height: 40px;
	color: #006699;
	background-color: #C6D2DB;
	background-image: url(img/arrow_down.jpg);
	background-position: left;
	background-repeat:no-repeat;
}

#toptasks { background-color: #CCC; width:726px; border: 1px solid #CCC;}
#toptasks a{list-style-position: outside; list-style-type: none; text-decoration: none; font-size: 90%; color: #9999CC;}
li {}
#col1 {  float: left; width: 220px; padding-left: 10px;}
#col2 {   float: left; width: 230px;  padding-left: 16px; padding-right: 4px;}
#col3 {   float: right; padding-left: 10px; width: 220px; padding-right: 10px;}

h3 {padding-left: 6px; color: #000033; font-size: 90%; background-color: #c6d2db; margin-top:0px;}

.main img {border: none; clear: both;}

#formtype {background-color: #FFF; padding-left: 20px; padding-top: 2px; margin-bottom: 20px;}

#formtype li{display: inline; float: left;}

#overview { clear: both; padding: 10px 0 10px 0; overflow: hidden; border: 1px solid #CCC; width: 728px; background-color: #EEF1F4;}
#overview ul {display: block;
    font-size: 100%;
    line-height: 22px;
    list-style-position: outside;
    list-style-type: square;
    margin-left: 10px;
}
#overview a { text-decoration: none; font-size: 90%; color: #000033;}
#overview a:hover {color: #6699CC;}

.col1 { float: left; width: 200px; margin-left: 10px;  padding-left: 20px;}
.col2 { float: left; width: 200px; margin-left: 10px;  padding-left: 20px;}
.col3 { float: left; width: 200px; margin-left: 10px;  padding-left: 20px;}
.overview-block p { font-size: 12px; }
.first { margin-left: 0; }

p {margin: 0px; padding: 0px;}

.back {padding: 8px; text-decoration: none; float: right;}
.back a {text-decoration: none; color: #000033;}
.back a:hover {color: #6699CC;}

#alerts_overview { clear: both; padding: 0px 0 10px 0; overflow: hidden; border: 1px solid #E0E0E0; width: 728px; margin-top:4px;}
#alerts_overview p { line-height: 22px; padding:4px;}
h4 a:link{padding-left: 2px; color: #000; font-size: 90%; margin-top:0px; text-decoration: none;}
h4 {background-color:#E0E0E0;}