/* CSS Document */
* { /* remove margin and padding from all elements to level the playing field */
	margin:0; 
	padding:0;
}
html { /* forces vertical scrollbar in some browsers, eliminating sideways jump */
	height: 101%;
}
body {
	min-height: 101%; /* forces vertical scrollbar in some browsers, eliminating sideways jump */
	font: 100.01%/130% Verdana, Helvetica, sans-serif; /* font size for IE bug; increased line spacing; base font */
	color: #000; /* basis black text */
	background: #fff; /* basis white background */
	text-align: left;
}
img {
	border: none; /* removes  blue border from linked images */
}

/* major page sections */
#pagewrapper { /* the DIV with this ID holds everything */
	margin: 10px auto; /* top and bottom 10px; left and right auto to center page */
	/* next few are for max/min width */
	width: auto;
	min-width: 600px;
	max-width: 1000px;
	border: 2px solid #000; /* puts border around entire site */
	background: url(masterImages/wrapperBG.gif) repeat-x;
}
#layoutwrapper { /* this DIV holds everything inside, has image at top right */
	position: relative;
	margin: 0;
	background: url(masterImages/logoRight.gif) no-repeat right top;
}

/* blue/grey masthead stuff */
#mastheadLeft { /* holds left part of  blue/grey bar */
	width: 224px;
	height: 150px;
	background: url(masterImages/leftMasthead.gif) no-repeat;
	float: left; /* removes from flow of document but puts it left of rest of masthead */
	color: #fff;
}
#attusLogo { /* holds ATTUS logo; styles text if necessary */
	margin: 20px 5px 5px 10px;
	color: #fff;
	font: 70% Verdana, Helvetica, sans-serif;
	float: left;
	width: 62px;
}
#attusLogo a, #csiLogo a { /* styles links for logo divs */
	color: #fff;
	margin-bottom: 2px;
}
#csiLogo { /* holds CSI logo; styles text if necessary */
	margin: 20px 5px 5px 10px;
	color: #fff;
	font: 70% Verdana, Helvetica, sans-serif;
	float: left;
	width: 64px;
}
#mastheadRight { /* holds right part of  blue/grey bar */
	width: 181px;
	height: 150px;
	float: right; /* removes from flow of document but puts it right of rest of masthead */
	background: url(masterImages/rightMasthead.gif) no-repeat;
	color: #fff;
	text-align: right;
}
#mastheadCenter {
	margin-top: 30px; /* positions content in center section */
}
#mastheadCenter p {
	color: #000;
	margin-top: 5px;
	font: 80%/100% Verdana, Helvetica, sans-serif;
	text-align: center;
}

/* styles websecure login text */
#websecure p {
	padding-top: 80px;
	font-size: 80%;
}
#websecure a:link, #websecure a:visited {
	color: #000;
	font-weight: bold;
}
#websecure a:hover, #websecure a:active, #websecure a:focus {
	color: #cc0000;
}

/* holds main nav which is styled separately */
#mainnav {
	width: 200px;
	float: left;
	padding: 5px;
	text-align: left;
	margin-top: 10px;
}

/* holds main content */
#maincontent {
	padding: 5px;
	margin-left: 215px; /* needs a left margin, or its contents wlill wrap below the mainnav div */
	text-align: left;
}

/* need this to clear anything that's floated; apply to a <br /> tag */
.brclear {
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0px;
}

/* use this to put an image in a <p> tag; image is on left and text wraps around */
.floatleft {
	float: left;
	margin-right: 10px;
}

/* use this to put an image in a <p> tag; image is on right and text wraps around */
.floatright {
	float: right;
	margin-left: 10px;
}

/* text styles */
h1, h2, h3 {
	color: #000066;
	margin: 15px 10px 0 0;
}
h1 { /* for SEO purposes, only one of these per page */
	font-size: 1.3em;
}
h2 {
	font-size: 1.1em;
	font-style: italic;
}
h3 {
	font-size: .9em;
}
#maincontent p {
	font-size: 0.9em;
	margin: 10px 10px 0 0;
	text-align: left;
}
#maincontent a:link, #maincontent a:visited {
	color: #000066;
}
#maincontent a:hover, #maincontent a:active, #maincontent a:focus {
	background-color: #000066;
	color: #ffffff;
}
#footer {
	background-color: #cccccc;
	color: #000000;
}
#footer p {
	padding: 5px;
	font: 70% Verdana, Helvetica, sans-serif;
}
#footer a:link, #footer a:visited {
	color: #000066;
}
#footer a:hover, #footer a:active, #footer a:focus {
	color: #ffffff;
	background-color: #000066;
}
#maincontent ul {
	font-size: 0.9em;
	margin: 10px 10px 0 30px;
}