/* Style sheet for HigherEd.org, Linda Fisher, Apr-May 2006  */

/* ########## General element selectors ########## */

html { 
	color: #282828; 
	background-color: #e3e3e3; 
	margin: 0 0 50px 0; 
}
body { 
	color: #282828; 
	background-color: transparent; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 100%; 
	/* aligning text center centers the page in the browser window.  You must add text-align: left to the divs which contain text */
	text-align: center; 
}

/* ########## Pseudo classes ########## */

a:link, a:visited, a:hover, a:active { 	text-decoration: none; border-bottom: 1px solid #c60; }
a:link  { color: #36c; background-color: transparent; }
a:visited { color: #36c; background-color: transparent; }
a:hover { color: #c63; background-color: transparent; }
a:active { color: #c60; background-color: transparent; }

/* ########## General sitewide text styles ########## */

p, p.default, p.intro, blockquote, table, tr, td { 
	font-size: 0.82em;
	line-height: 1.5em;
	color: #282828;
	background-color: transparent;
	margin: 0 15px 10px 20px;
	padding: 0;
	text-align: left;
}
p.intro { margin-bottom: 20px; }
h1 {
	font-family: georgia, "times new roman", serif;
	font-size: 2.0em;
	color: #360;
	background-color: transparent;
	text-align: left; 
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
	height: 25px; 
}
h2 { 
	font-family: georgia, "times new roman", serif;
	text-align: left; 
	font-weight: normal;
	margin: 0 0 5px 20px;
	padding: 0 0 2px 0;
}
h3 { 
	text-align: left; 
	font-weight: normal;
	margin: 0 0 0 20px;
	padding: 0;
}
h4 { 
	text-align: left; 
	font-weight: bold;
	margin: 0 0 5px 20px;
	padding: 0 0 2px 0;
}
h6 { 
	font-size: 0.69em;
	text-align: left; 
	font-weight: bold;
	margin: 20px 0 5px 20px;
	padding: 0;
}

/* General bulleted list */

ol { 
	list-style-image: none; 
	margin: 5px 20px 25px 30px;
	padding: 0;
}
ol li {
	background: none;
	margin: 0;
	padding: 0 0 5px 0;
}
ul {
	margin: 5px 20px 5px 30px;
	padding: 0 20px 0 10px;
	font-size: 1em;
	line-height: 1.2em;
	list-style: disc;
}


/* Bullet list */
ul.bulletlist { font-size: 0.85em; margin: 15px 10px 20px 0; }
ul.bulletlist li { font-size: 0.85em; line-height: 1.3em; text-align: left; margin: 0 0 5px 20px; padding: 0;  list-style-image: url(images/bullet.gif); }
ul.bulletlist li.last { margin-bottom: 20px; }
img.bullet { margin: 0 5px 0 0; padding: 0; }

/*Link List */
ul.linklist { margin: 0 10px 10px 10px; }
ul.linklist li {  font-size: 0.82em; line-height: 1.3em; margin: 0 0 5px 0; padding: 0; list-style-type: none; list-style-image: none; border-bottom: none; }
ul.linklist li a {  color: #3366CC; background-color: transparent; }
ul.linklist li a:hover { color: #CC6600; background-color: transparent; }
ul.linklist li.last { margin-bottom: 20px; }

ul.linklist li span {color: #336600; font-weight: bold;}

blockquote { margin: 10px 20px; font-size: 1.0em; }
table,tr { margin: 0; padding: 0; }
td { vertical-align: top; }
strong { color: #0f3a51; }
strong.blue { color: #069; background-color: transparent; font-weight: normal; }
.readmore { font-size: .69em; margin: 0 0 0 20px !important; }


/* Main site navigation */

div#sitenav {  
	width: 750px;
	height: 25px;
	color: #cff;
	background-image: url(images/navbg.jpg);
	background-color: #0f3a51;
	margin: 0;
	padding: 2px 0 0 0;
	text-align: left;
}

#sitenav ul { margin: 0; padding: 0; }
#sitenav ul li { 	
	margin: 0 0 0 25px; 
	padding: 4px 0 1px 0; 
	text-align: left;
	display: inline; 
	list-style: none; 
}
#sitenav ul li a { 
	/*margin: 2px 0 1px 0;*/
	padding: 0;
	font-size: 0.82em;
	line-height: 1.0em; 
	font-weight: normal;
	background-color: transparent;
	color: #ccffff;
	text-align: left;
	text-decoration: none;
	border-bottom: none;
}
#sitenav ul li a:hover { 
	/*margin: 2px 0 1px 0;*/
	padding: 0;
	font-size: 0.82em;
	line-height: 1.0em; 
	font-weight: normal;
	background-color: transparent;
	color: #ffcc66;
	text-align: left;
	text-decoration: none;
	border-bottom: none;
}

#sitenav ul li a:selected { 
	/*margin: 2px 0 1px 0;*/
	padding: 0;
	font-size: 0.82em;
	line-height: 1.0em; 
	font-weight: bold;
	color: #d9feFd;
	background-color: transparent;
}
	
div#pagewrapper {
	width: 750px;
	/*height: 100%;*/
	margin: 0 auto;
	padding: 0;
	color: #282828;
	background-color: #fff;
}

div#banner {
	width: 750px;
	height: 120px;
	margin: 0;
	padding: 0;
}
/* ########## Home page styles ########### */
div#homecontentwrapper {
	float: left;
	width: 750px;
	height: 100%;
	padding: 15px 0 20px 0;
	background-image: url(images/bg.gif);
	margin: 0;
	background-color: #fff;
}

div#contenthomeleft {
	float: left;	
	width: 520px;
	height: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	/*background-color: transparent;*/
}

div#project {
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	/*background-color: transparent;*/
}
div#project p { font-size: 0.82em; margin-bottom: 20px; }
div#project img { margin: 5px 10px 0 0; padding: 0; border: 1px solid #999;}
div#project h1 { height: auto; display: block; font-size: 1.3em; color: #0f3a51; background-color: #f6ffef; padding: 0 0 2px 20px; margin: 2px 0 0 0;}
.highlight { color: #336600; background-color: transparent; }
.highlight span.subtitle {font-size: 85%;}


div#article {
	float: left;
	width: 50%;
	height: 480px;
	text-align: left;
	background-color: #f0f0f0;
	margin: 0 0 -20px 0;
	padding: 0;
	position: relative;
}
div#article p { font-size: 0.69em;  margin: 5px 10px 0 20px;}
div#article h1 { font-size: 1.3em; color: #0f3a51; padding: 2px 0 2px 20px; background-color:#e0edf3; }
div#article h2 { font-size: 0.82em;; color: #360; background-color: transparent; padding: 0; font-weight: bold; margin: 0 10px 0 20px;}
.byline { margin: 5px 0 0 20px; font-weight: normal; }

div#tools {
	float: right;
	width: 50%;
	height: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
}
div#tools h1 { font-size: 1.3em; color: #0f3a51; background-color: #e0edf3;  padding: 2px 0 2px 20px; }
div#tools p { margin: 0 10px 0 10px; }
div#tools ul.linklist li.linklist{ font-size: .69em; }

div#contenthomeright {
	width: 230px;
	height: 100%;
	float: right;
	text-align: left;
	margin: 0;
	padding: 0;
}
div#contenthomeright h1 { font-size: 1.3em; padding: 2px 0 2px 20px; color: #360; background-color: #e0edf3; }
div#contenthomeright ul.linklist li.linklist { font-size: .69em; }


/* ########## Inner page styles ########## */

div#contentwrapper {
	float: left;
	width: 750px;
	height: 100%;
	padding: 0 0 20px 0;
	background-image: url(images/bg.gif);
	margin: 0;
	background-color: #fff;
}

div#contentleft {
	float: left;	
	width: 520px;
	text-align: left;
	margin: 0 !important;
	padding: 0;
	background-color: transparent;
}
#contentleft p.last { margin-top: 30px; }
#contentleft h1 { color: #0f3a51; background-color: #e0edf3; font-size: 1.5em; height: 30px; margin: 0 0 25px 0; padding: 15px 10px 2px 20px;   }
#contentleft h2 { font-size: 1.2em; color: #0f3a51; background-color: transparent; font-weight: normal; margin: 10px 10px 5px 20px; }
#contentleft h3 { font-size: 0.82em; color: #0f3a51; background-color: transparent; font-weight: bold; margin: 15px 10px 5px 20px; }
#contentleft h4 { font-size: 0.82em; border-bottom: 1px dashed #c60; font-weight: normal; margin: 15px 10px 5px 20px; }
div#contentleft ul.linklist li.linklist { font-size: 0.82em; margin-left: 20px; }
div#contentleft ul.bulletlist li.bulletlist { font-size: 0.90em; margin: 0 0 15px 20px; }

/* Definition list */
#contentleft dl { margin: 20px 20px 30px 20px; text-align: left; }
#contentleft dt { color: #0f3a51; font-size: 0.82em; line-height: 1.4em; font-weight: bold; margin: 0 0 2px 0; text-align: left;} 
#contentleft dt a { font-size: 1em; line-height: 1.4em; font-weight: bold; text-align: left;} 
#contentleft dt a:hover { font-size: 1em; line-height: 1.4em; font-weight: bold; text-align: left;} 
#contentleft dd { font-size: 0.82em; line-height: 1.2em; margin: 0 0 20px 0; text-align: left;}
#contentleft img { margin: 5px 15px 2px 0; text-align: left;}
.right { text-align: right; }


div#contentright {
	width: 230px;
	height: 100%;
	float: right;
	text-align: left;
	margin: 0 !important;
	padding: 0;
}
div#contentright p { font-size: 0.82em; margin: 0 10px 0 10px; }
div#contentright h6 { font-size: 0.82em; line-height: 1.0em; font-weight: bold; margin: 20px 0 5px 20px; }
div#contentright img { margin: 0 0 20px 0; padding: 0; }
div#contentright p.pdfppt { font-size: .69em !important; line-height: 1.2em !important; text-align: left; margin: 0 10px 0 15px;}
div#contentright li.linklist { font-size: 0.82; line-height: 1.2em; }
div#contentright p.quote { font-size: .69em; line-height: 1.5em; font-style: normal; padding: 0; margin: 0 20px 0 20px; }
div#contentright p.quotesource { color: #666; font-size: .69em; line-height: 1.2em; font-style: italic; padding: 0; margin: 10px 20px 0 20px;}

div#lastupdate {
	clear: both;
	font-size: 0.69em;
	margin: 20px 0;
	padding: 0;
}	

/*  ########### Address, Search, Copyright styles (shared by Home & Inner pages)########## */

div#footerwrapper {
	clear: both;
	background-color: #0f3a51;
	margin: 0;	
	padding: 1px 0 0 0;
	width: 750px; 
	height: 30px;
}

div#address {
	float: left;
	width: 470px;	
	font-size: 0.69em;
	color: #ccffff;	
	background-color: transparent;
	margin: 0;
	padding: 5px 0 3px 10px;
	text-align: left;
}
span.email a { color:#CCFFCC; background-color: transparent; border-bottom: none; text-decoration: none; }
span.email a:hover { color: #cc6633; background-color: transparent; border-bottom: none; text-decoration: none; }

form { margin: 4px 0 0 0; padding: 0; text-align: left; }

div#search {
	float: right;
	width: 250px;
	margin: 0;
	padding: 0;
}
.searchbox { margin: 0; padding: 0; border: 1px solid gray; text-align: left; vertical-align: top; }
.submitbutton { margin: 0; padding: 0;  border: 1px solid gray; vertical-align: top; }
.searchtext { margin: 0; padding: 0; } 

div#searchlarge {
	float: left;
	width: 730px;
	margin: 0 0 20px 0;
	padding: 0;
}
.searchboxlarge { margin: 0 0 0 20px; padding: 0; height: 20px; text-align: left; border: 1px solid gray;}
.submitbuttonlarge { margin: 0; padding: 0; border: 1px solid gray; }

div#nextprev {
	clear: both;
	float: left;
	width: 450px;
	margin: 0 0 0 18px;
	padding: 0;
}
div#next,div#previous  { float: left; margin: 2px; padding: 0; }

div#copyright { 
	clear: both;
	display: block;
	font-size: 0.69em;
	color: #999;	
	background-color: transparent;
	width: 750px;
	text-align: left;
	margin: 0 auto;
	padding: 10px 0 20px 20px;
}