/*** RESET CODE FROM http://developer.yahoo.com/yui/reset/ ***/
body{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup,sub{line-height:-1px;vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

html, body {
	margin-bottom:10px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	background-color: #DADDE5;
	height:100%;
}

h1, h2, h3, h4, h5, h6 {
	margin:0px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 16px;
	line-height:20px;
	font-weight: bold; 
	font-style: normal;
	color: #000000;
	margin: 5px 0 10px;
}
.post h1, .post h1 a, .post h1 a:visited {
	clear:both;
	margin-bottom:0;
	color:black;
}
.post h1 {
	background:#C3C9D9;
	padding:4px 0;
	border-top:2px solid #405FAE;
}
h2 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 15px;
	font-weight: bold; 
	font-style: normal;
	color: #000000;
	margin: 15px 0 5px;
}

p {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	line-height: 17px;
	margin:11px 0;
	font-size: 12px;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
	font-weight:inherit;
}

a, a:visited, a:active {
	color:#455D99;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

blockquote {
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: .5em;
	margin-top: .5em;
}

.font8 {
	font-size: 8px;
}
.font9 {
	font-size: 9px;
}
.font10 {
	font-size: 10px;
}
.font11 {
	font-size: 11px;
}
.font12 {
	font-size: 12px;
}
.font13 {
	font-size: 13px;
}
.font14 {
	font-size: 14px;
}
.font15 {
	font-size: 15px;
}
.font16 {
	font-size: 16px;
}
.font17 {
	font-size: 17px;
}

.gray {   /* USED FOR GRAY FONTS */
	color: #888888;
}
.red {    /* USED FOR RED FONTS */
	color: #BB0000;
}
.white {  /* USED FOR WHITE FONTS */
	color: #ffffff;
}
.green {  /* USED FOR GREEN FONTS */
	color: #008035;
}
.sky {    /* USED FOR LIGHT BLUE FONTS */
	color: #A3ACBF;
}
.orange { /* USED FOR ORANGE FONTS */
	color: #FF9500;
}

.verdana {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
.arial {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
}
.georgia {
	font-family: Georgia, Times New Roman, Times, Serif;
}
.times {
	font-family: 'Times New Roman', Times, Serif;
}
.trebuchet {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
}



/*** GENERAL PAGE LAYOUTS ***/
#container { 
	/* container for full page, including header, navigation, content area -- EVERYTHING EXCEPT footer  */
	width:750px;
	margin:0;
	text-align:left;
	background:white;
	overflow:hidden;
}
#headimage {
	background:#223A5F url("images/header-cee-photos.jpg");
	height:71px;
}
.home {
	padding:0;
}


/*** TOP NAVIGATION TABS ***/
#navtabs {
	background:#3B59A5 url("images/navtabs-bg.gif");
	height:27px;
}
#navtabs ul {
	margin:0;
	padding:0 0 0 30px;
	list-style:none;
}
#navtabs li {
	float:left;
	margin:0;
	padding:7px 0 7px;
}
#navtabs a {
	padding:7px 28px 7px;
}
#navtabs a, #navtabs a:visited, #navtabs a:active {
	color:#E1E5F0;
	font:bold 11px verdana;
	text-decoration:none;
}
#navtabs a:hover {
	color:white;
	text-decoration:none;
}
#navtabs #current {
	background:url("images/navtabs-right-on.gif") no-repeat right top;
}
#navtabs #current a {
	color:white;
	background:url("images/navtabs-left-on.gif") no-repeat left top;
}
#navtrim-bottom {
	background:#524B9F;
	height:2px;
	border-bottom:1px solid #343066;
	font-size:0px;
}


/*** MAIN PAGE PHOTO ***/
#mainphotodiv {
	position:relative;
	float:left;
	width:520px;
}
#mainphotodiv img {
	background:#F7F8FA;
	padding:5px;
	border:1px solid #C1C8DB;
	margin:12px 12px 12px 12px;
}
#mainpagecontents {
	text-align:left;
	padding:15px;
}


/*** MAIN PAGE - LATEST NEWS ***/
#mainnews {
	float:left;
	position:relative;
	width:219px;
	font:11px verdana;
}
#mainnews h2 {
	margin:12px 0 0;
	padding:2px 3px;
	font:bold 13px verdana;
	border-bottom:2px solid #6F9E55;
	border-top:2px solid #6F9E55;
	background:#C4D9B8;
	color:black;
}
#mainnews h1 {
	margin:12px 0 4px;
	padding:0;
	font:bold 12px verdana;
}
#mainnews h1 a {
	color:black;
}
#mainnews .newscontent {
	margin:0 0 14px 0;
	color:#444;
}
.maindates {
	font:bold 10px verdana;
	color:#3F8C59;
}
#mainnews .more {
	font:bold 9px verdana;
	color:#999;
}

/*** MAIN CALLBOXES ***/
#callboxes {
	clear:both;
	padding:1px 0 0;
	width:748px;
	margin: 0 auto;
	border-top:4px solid #56699C;
}
#callboxes h2 {
	margin:0 0 5px;
	color:white;
	font:bold 14px verdana;
}
#callboxes .more {
	color:white;
	font:bold 10px verdana;
}
#callboxes a, #callboxes a:visited {
	color:white;
}
#callboxes .more a, #callboxes .more a:visited {
	color:#ff8;
}
.callbox {
	position:relative;
	float:left;
	width:233px;
	height:75px;
	text-align:left;
	color:white;
	padding:6px 8px 10px;
	margin:0 0 0 1px;
}
.box1 {
	background:#6F9E55;
	margin-left:0px;
}
.box2 {
	background:#C97359;
	width:232px;
}
.box3 {
	background:#716CA6;
/*	background:#5670B0; BLUE */
}


/*** FOOTER ***/
#pagebottomtrim {
	height:4px;
	background:#56699C;
	border-top:1px solid #8599CC;
	border-bottom:1px solid #2E4173;
	width:750px;
	font-size:0px;
}
#footer {
	margin:10px 0 5px;
	text-align:center;
	font:10px verdana;
}
#footer ul {
	margin:0;
	padding:0;
	list-style:none;
}
#footer li {
	display: inline;
	margin:0 12px;
	padding:0;
}
#footer a, #footer a:visited, #footer a:active, #footer a:hover {
	font-weight:bold;
	color:#4C6099;
}
#copyright {
	text-align:center;
	padding:0px 0 20px;
	color:#828AA1;
	font:9px verdana;
}
#copyright a, #copyright a:visited, #copyright a:active {
	font-weight:normal;
	color:#828AA1;
}


#page-container { 
	/* for full page area EXCEPT header and navigation menu */
	width:750px;
	float:left;
	background:white;
}
#content { 
	/* for white page content area, excluding sidebar to the right */
	width:510px;
	float:left;
	border-right:210px solid #f4f4f4;
	margin-right:-210px;
	padding:15px;
}
#sidebar {
	float:left;
	width: 180px;
	padding:15px;
	font:11px verdana;
	background:#f4f4f4;
/*	background:#EDEFF2; */
}
#sidebar h2 { 
	/* section subheads for sidebar area */
	font:bold 13px verdana;
}
#searchform #s {
	width:80px;
}


/*** POSTS/PAGES ***/
h2.subhead {
	margin:20px 0 0;
	background:#8782BA;
	padding:2px 3px;
	color:white;
}
#content .edit {
	clear:both;
	margin:20px 0 0 0;
	text-align:right;
	font:10px verdana;
	color:#bbb;
}
#content .coursetitle {
	font:bold 14px verdana;
	margin:15px 0 0;
	padding:0 3px 2px;
	clear:both;
	color:black;
	background:#DEBAAF;
	border-top:2px solid #C77B63;
}


/*** FACULTY & STAFF PAGE ***/
.staffname {
	font:bold 15px verdana;
	margin:20px 0 0;
	padding:0 3px 2px;
	clear:both;
	color:black;
	border-top:2px solid #6F9E55;
	background:#C4D9B8;
}
#content img.staffphoto {
	float:left;
	margin:0 10px 12px 0px;
	padding:3px;
	border:1px solid #ddd;
	background:white;
}
#content img.right {
	float:right;
	margin:0 0 8px 10px;
}


/*** COMMENTS ***/
#commentform textarea {
	width:500px;
}

/*** BLOG ***/
.post .dateline, .post .dateline a, .post .dateline a:visited, .post .dateline a:active {
	color:#888;
	font-size:10px;
	margin:4px 0 15px;
}
.post .date {
	color:#3F8C59;
	font-weight:bold;
}
.postmetadata {
	clear:both;
	width:100%;
	float:left;
	padding:3px;
	color:#888;
	font-size:10px;
	text-align:left;
/*	background:#F7F8FA; */
	margin:0 0 30px;
	border-top:1px dotted #C2C5CC;
	border-bottom:1px dotted #C2C5CC;
}
.tags {
	float:left;
	width:335px;
}
.tags a, .tags a:visited {
	color:#C97359;
}
.comments {
	float:left;
	width:165px;
	text-align:right;
}
h3#comments {
	clear:both;
	margin:0 0 10px;
	font:bold 14px verdana;
}
h3#respond {
	clear:both;
	margin:0 0 10px;
	font:bold 14px verdana;
}
.post img, .page img { /* Default formatting for images uploaded into posts */
	float:left;
	margin:0 10px 10px 0;
	padding:3px;
	background:#EDEFF2;
	border:1px solid #B8BDCC;
}
.post img.right {
	float:right;
	margin:0 0 10px 10px;
}
.navigation {
	float:left;
	clear:both;
	padding:3px 6px;
	color:#888;
	font-size:10px;
	text-align:left;
	background:#EDEFF2;
	margin:0 0 15px;
/*	border-top:1px solid #DADDE5;
	border-bottom:1px solid #DADDE5; */
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}

.more {
	margin:10px 0 15px;
}