/* -----------------------------------------------
TACSEI Cascading Style Sheet - Print Display
http://www.cittdesign.com
----------------------------------------------- */
body {
	margin: 0px;
	padding: 0px;
	background: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.4em;
}
body a, body a:hover { /*links for entire site*/
	border: none;
	color: #002B5E;
}
body a img {
	border:0px none;
}
body a.skipcontent, body a.skipcontent:hover { /*skip content link spacer gif at top of page*/
	display:none;
}

#outercontainer { /* used to set width and center the website */
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align:left;
	position:relative;
	background-color: #fff;
}
#innercontainer { /* used to set background of page layout */
	margin: 0px;
	padding: 0px;
	width: 100%;
	position: relative;
	background-color:#fff;
}
#header { /* header style */
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	height: 162px;
	position: relative;
	z-index:1;
}
#header a img { /* header image link */
	border: 0px none;
}
/* -----------------------content styles------------------------------------*/
#content { /* content area floating to the right of the navigation */
	margin: 0px 20px 0px 0px;
	padding: 0px 25px 20px 25px;
	height: 100%;
	width: 100%;
	position: relative;
	background-color:#fff;
}
#content h2,
#content h3,
#content h4,
#content h5 { 
	clear:both;
}
#content a:link,
#content a:visited
#content a:active {
	padding:0px 5px;
	text-decoration:underline;
	width: 100%;
}
#content p,
#content ul,
#content ol {
	width:90%;
}
/*----------------------------search feature--------------------------------------*/
#search { /* search container */
	margin: 0px;
	padding: 0px;
	display:none;
}
/*----------------------------navigation text links--------------------------------------*/
#TopNav { /* text link navigation container */
	margin: 0px;
	padding: 0px;
	display:none;
}
/* -----------------------navigation styles------------------------------------*/
#navcontainer { /* navigation container */
	margin: 0px;
	padding: 0px;
	width: 0px;
	display:none;
}
/* -----------------------image icon list styles------------------------------------*/
/*Images must be less than 140px wide or we will need to adjust numbers below*/
#content ul.image_list { /* List with image icons */
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:90%;
}
#content ul.image_list li { /* unordered list item style */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 140px;
	list-style-image: none;
	color: #fff;
	clear:both;
	list-style-position: outside;
}
#content ul.image_list li a img.floatleft, #content ul.image_list li img.floatleft {
	float: left;
	margin: 5px 10px 10px -140px;
	padding: 0px 0px 0px 0px;
	clear: both;
} 
/* -----------------------image and object position styles------------------------------------*/
.floatleft { /* floats image to left of content */
	float: left;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	clear: both;
}
.floatright { /* floats image to right of content */
	float: right;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	clear: both;
}
.floatcenter { /* floats image to center of content */
	display:block;
	margin: 10px auto 10px auto;
	padding: 0px 0px 0px 0px;
	clear: both;
}
.floatnone { /* no floats, content will be pushed above or below image */
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	clear: both;
}
/* -----------------------popup links------------------------------------*/
#content .popup { /* popup box */
	padding: 0px 20px;
	background-color: #D6E9FC;
	height: auto;
	width: 530px;
	border: 2px solid #000066;
	position: absolute;
	z-index: 10;
	left: 20px;
	top: 90px;
	visibility: hidden;
}
#content .popup ul, .popup ol { /* popup box, unordered and ordered list */
	margin-left: 20px;
	margin-right: 20px;
}
#content .popup p.closewindow { /* popup box close window text */
	text-align:center;
}
/* -----------------------highlight boxes------------------------------------*/
#content .highlightboxtall {
	margin: 10px 10px 10px 10px;
	padding: 0px 20px 0px 20px;
	background-color: #FDF7BB;
	width: 40%;
	float:right;
	clear:both;
	position:relative;
	border: 1px solid #F7DE08;
}
#content .highlightboxwide {
	margin: 20px 10px 20px 10px;
	padding: 0px 20px 0px 20px;
	background-color: #FDF7BB;
	border: 1px solid #F7DE08;
}
#content .tip { /* tip box */
	margin: 20px 10px 20px 10px;
	padding: 0px 20px 0px 20px;
	color: #000;
	background-color: #D6E9FC;
	border: 1px solid #000066;
	position: relative; /*needed for ie bug: container is relative, so this must also be relative*/
}
/* -----------------------What's New Styles------------------------------------*/
#content h3.whatsnew {
	background-color: #fff;
	border-bottom: 2px solid #000;
	padding: 5px 10px;
	margin: 0px 0px 15px 0px;
	clear:both;
	font-size: 130%;
	}
#content img.whatsnew {
	float: right;
	margin: 20px 10px -30px 10px;
	padding: 0px 0px 0px 0px;
	clear: both;
}
/* -----------------------link type images------------------------------------*/
.pdflink,
.wordlink,
.pptlink,
.excellink,
.weblink,
.csefellink { /* CSEFEL link image */
	padding:0px 5px;
	background:none;
	text-decoration:underline;
	width: 100%;
}

/* -----------------------Two Column Styles------------------------------------*/
#content div.twocolumn { /*container for two column*/
	margin: 5px 0px 10px 0px;
	padding: 0px;
	position:relative;
	width:90%;
}

#content div.twocolumn div.leftcolumn { /*left column*/
	margin: 0px;
	padding: 0px;
	position:relative;
	float:left;
	width:40%;
}

#content div.twocolumn div.rightcolumn { /*right column*/
	margin: 0px;
	padding: 0px 0px 0px 5px;
	position:relative;
	float:right;
	width:40%;
}

/*------ Course Header and Navigation ------*/
#course_header { /* navigation container */
	margin: 0px -25px 0px -25px;
	padding: 5px 25px 0px 25px;
	background: #95ebfa url(../images/course_header_bkgrnd.jpg) repeat-x 0 0;
}
#course_header h2 { /* H2 navigation container */
	margin: 0px -25px 0px -25px;
	padding: 15px 25px 0px 25px;
}

#course_navcontainer { /* navigation container */
	margin: 0px;
	padding: 0px;
	height:0px;
	display:none;
}

/*------ SUB PAGE NAVIGATION MARKUP (page xx of yy) ------*/
.course_nav { /* course navigation div that includes page numbers */
	background-color: #F7DE08;
	height:30px;
	margin: 0px;
	clear:both;
	}

#progress { /* progress div that includes page numbers and previous and next buttons, top of page */
	margin: 0px;
	padding: 5px;
	width: 90%;
	text-align: right;
}

#progress a img { /* back and next buttons */
	margin: 0px;
	padding: 0px;
	display:none;
}
/* -----------------------footer styles------------------------------------*/
#footer { /* footer container */
	margin: 0px;
	padding: 0px 25px 20px 25px;
	width: 90%;
	clear:both;
}
#footer a:link,
#footer a:visited
#footer a:active {
	padding:0px;
	text-decoration:underline;
	width: 100%;
}
#footer ul { /* footer navigation container menu list */
	margin: 0px 0px 10px 30px;
	padding: 0;
	list-style: none;
	}
#footer ul li { /* footer navigation container menu list item */
	height: 100%;
	display:inline;
}
#footer ul li a { /* styles for linked footer navigation menu list item links */
	margin: 0px; 
	padding: 4px 15px 4px 10px; 
	display: block;
	float:left;
	color: #000;
	font-size:80%;
	}

/* -----------------------miscellaneous------------------------------------*/
.hidden { /* used to hide random items in site */
	visibility: hidden;
	display:none;
}
.designernotes { /* used to show designer notes to client */
	color: red;
	font-weight: bold;
}
.highlight { /* used to act as a hilighter per client */
	background-color: #FFFF75;
}

.returntop { /* used for Return to Top link at bottom of page */
	display:none;
	clear:both;
}