/* THE BIG GUYS */
/*   * {margin:0;padding:0} */
body {margin: 0; padding: 0; color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif; background: #fff url(masthead-bg.gif) no-repeat top center;}

/* LINKS */
a,a:link,a:visited,a:hover,a:active {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#900}
a:visited {color:#639}
a:hover,a:active {color:#084C8D}
.unstyled a,.unstyled a:link,.unstyled a:visited,.unstyled a:hover,.unstyled a:active {background:transparent;color: #555; text-decoration:none} 

/* TYPOGRAPHY */
.sans {font-family: verdana,arial,sans;}
.serif {font: 136% Georgia,Serif; font-weight:normal; margin:0 0 3px 0;}
p, ul, ol {}
h1, h2, h3, h4, h5, h6 {font-family: arial,verdana,sans-serif;margin: 1em 0 .4em;color: #900}
h1 {font-size: 196%; margin-top:.4em; border-bottom: 1px solid #ddd}
h2 {font-size: 136%;}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}

hr {margin: 5px 0; padding:0;background:#ccc;height:1px;color:#ccc;border:none;clear:both}
blockquote {color: #900;margin: 40px;font: italic 130% Georgia, serif}
blockquote div {display: inline;margin: 0;padding-right: 24px}

/* LISTS */
ul {}
ul.related {}
ol {}
ol li {}
li {}
li.doc {background-position: 3px -500px}
ul.nomarker li, ul.nomarker {list-style:none; margin: 0; padding:0}
dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

.lined-list {width: 200px; padding-top:5px; float: right; }
.lined-list  ul {margin: 0;padding-left:6px;list-style: none; border-bottom: 2px solid #ddd;border-top: 2px solid #ddd}
.lined-list  li {margin: 0;padding-left:6px; border-top: 1px solid #eee}

/* GENERAL */
.hide {visibility: hidden}
.displayNone {display: none;}
img.thumb {margin:7px;padding:2px;border:1px solid #C9C0A6}
img.vert-pad { padding: 10px 0 0 0}
.border {margin: 5px 10px; padding: 4px; border: #ccc solid 1px}
.left-dot-border {border-left: 2px dotted #ccc}

/* GENERAL POSITIONING*/
.center {display: block; margin: 0 auto;}
.floatRight {float:right}
.floatLeft {float:left}
.clear {clear:both; position:relative; font-size:0; height:0; line-height:0}
.padObject {padding: 20px 60px;}
.margObject {padding: 20px 60px;}

/* TEXT MANIPULATION */
.txt-center {text-align:center}
.indent {margin-left: 40px}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00; font-weight:bold}
.success {color:#390; font-weight:bold}
.caption {color:#333; text-align: center; font-size:11px}
.date {font:bold 82% arial; color:#bbb; display:block; letter-spacing:1px}
.large {font-size:18px}
small {font-size:11px}

/* IMAGES */
img {border:none}
.img-center {margin: 0 auto; display: block;}

/* Forms */

fieldset {width: 80%; padding: 10px 30px; margin: 0 0 15px 0;}
legend {color: #900;font-size:130%; padding: 0 5px}
checkbox {margin: 5px;}
.cssform p{width:350px;clear:left;margin:0 auto;padding:5px 0 8px 0; padding-left:190px; /*width of left column containing the label elements*/border-top:1px solid #ccc; height:1%}
.cssform label{font-weight: bold; float: left; margin-left:-190px; /*width of left column*/ width:155px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
.cssform p.normal{margin: 0; padding: 10px 0; float: left; height:1%; width:100%;}
.cssform label.normal {clear:right; width:350px; font-weight: bold; margin: -15px 0 0 190px; padding: 0; height:1%}

.cssform textarea{margin-left: 170px; padding: 5px; font: 1em Arial,Sans; width:350px; height:150px; border:#aaa 1px solid;}
.cssform select {margin:0;}

/* TABLES */
.table1 {border: 2px solid #900;border-collapse:collapse;width:100%}
	.table1 td {background: #fff url(sprites.gif) repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
	.table1 th {text-align:left;border: 1px solid #fff}
	.table1 thead th {color:#fff;font-size:125%;background: #900 url(sprites.gif) repeat-x 0 -1300px;padding: 6px 5px}
	.table1 tbody th {color:#fff;font-size:110%;background: #88b8db url(sprites.gif) repeat-x 0 -1400px;padding: 5px}
	.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url(sprites.gif) repeat-x 0 -1500px;padding: 6px}
	
/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
	a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url(../icons/doc.gif) no-repeat 0 center;padding-left:12px}
	.morelink span {position:absolute;left:-9999px;width:900px}

/* BIG CONTENT BLOCKS */
#doc {text-align: left; width: 900px; padding:0; margin: 0 auto;}
#hd {color: #fff; padding: 0 0 5px 0; margin: 0 0 5px 0; height: 90px; text-align: center; background: url(vignette-top.gif) no-repeat bottom center;}
#navlist{text-align: center;height: 1.4em;font: bold 136% Georgia,Serif;margin: 4px 0;padding: 0 0 15px 0;background: #fff url(vignette-btm.gif) no-repeat bottom center;}
#navlist ul, #navlist li{margin:0;padding:0;display:inline;list-style-type: none }
#navlist a:link, #navlist a:visited{padding: 1px 4px;font-weight: normal;margin: 0 3px 15px 2px;text-decoration: none;color: #555;}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover#current{padding: 1px 4px;border-bottom: #900 1px solid;color: #000;}
#navlist a:hover {padding: 1px 4px;border-bottom: #ccc 1px solid;color: #000;}
#ehelogo {margin:0;padding:0;}
#slogan {width:900px; height: 20px; background: url(slogan.gif) no-repeat top center;margin:0 0 5px 0;}
#collegeMastHead {clear: both;}
#content-homepage {float: left; width: 690px; margin: 0; padding: 5px 0 15px 0;}
#content-one-column {width: 800px; margin: 0 auto; padding: 5px 0 15px 0;}
#content-two-colunm {float: left; width: 650px; margin: 0; padding: 5px 0 15px 20px;background: url(fading-corner-main.png) no-repeat top left;}

ul.piped {margin: 10px 0 0 0;padding: 0;list-style-type:none}
ul.piped li {display: inline;border-left: 1px solid #aaa;background: none;margin: 0;padding: 0 5px;}
ul.piped li a {color: #000; text-decoration: none;}
ul.piped li.first {border-left: none;}

#breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold}
#breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none}
#breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}

.featurebox {color:#333;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url(featurebox_bg.gif) no-repeat 100% 100%}
.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00}
.featurebox p {border:none;margin: 0 0 1em;color:#444}
.featurebox a {font-weight:bold}

.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
.thumbnail img {border: 1px solid #000}

#messages {width: 678px; padding: 5px; border: 1px solid #aaa; background: #fff;}
#messages img {float: left; margin-right: 5px; border: #ccc 1px solid;}
#messages h2 {float: right; margin: 0; width:317px; text-align: center; font-size:120%; color:#900; background: #eee; border-top: #ccc 1px solid; border-left: #ccc 1px solid; border-right: #ccc 1px solid}
#messages p {float: right; width: 307px; min-height: 115px; margin: 0; padding: 3px 5px; border: #ccc 1px solid; line-height: 1.2; background-color: #fff}


#mission {padding: 5px 0;}
#mission h2 {width: 490px; font: 160% Georgia,Serif; color: #fff; margin:0 0 3px 0}
	.inner-border-box.red {width: 680px; padding: 5px; background: #900}
	.inner-border-box.red p{width:500px; margin: 0}
	.inner-border-box .red-content {font:95%/1.2 arial,tahoma,verdana,sans-serif; border: #be1313 1px solid;padding: 5px; color: #fff; background: transparent url(block-o-bg.gif) no-repeat top right}

.column-a {width: 343px; float: left;}
	.inner-border-box.gray {padding: 5px;margin:0;background: #eee;}
	.inner-border-box .gray-content {border: #aaa 1px solid; padding: 15px; color: #333; min-height:350px}
	.inner-border-box.gray h2 {float:left; font-size: 90%;font-weight: bolder;margin:0;padding:0;color: #888}
	.inner-border-box.gray h3 {font:small-caps 900 1.1em arial; color: #900;padding-top: 4px; margin:0;}

	.inner-border-box.gray a:link {text-decoration: none}
	.inner-border-box.gray a:hover {text-decoration: underline;}
	.inner-border-box.gray p {padding: 0; margin:2px 0 8px 0;}
/*	hr.clear{border-bottom: #aaa 1px solid;margin: 5px 0;} */

.column-b {width: 343px; float: right;}
	.inner-border-box.tan {padding: 5px;margin:0;background: #E8E3D1;}
	.inner-border-box .tan-content {border: #C9C0A6 1px solid;padding: 15px;color: #333;}
	.inner-border-box.tan h2 {float:left; font-size:120%; font-weight: bolder;margin: 0;padding:0;color: #777;}
	.inner-border-box.tan h3 {font:small-caps 900 1.1em arial; color: #900;padding-top: 4px; margin:0;}
	hr.clear{border-bottom: #ccc 1px solid;margin: 10px 0;}
	.inner-border-box.tan p {padding: 0; margin:2px 0 8px 0;}
	.moreInfo {}
	.columnHeader {border-bottom: #aaa 1px solid;}

#sidebar-nav {width: 200px;float: right; padding: 4px 0 0 0; margin: 10px 0 0 0; background: #fff url(sidebars/slide-top.gif) no-repeat top center}
#sidebar-nav div#inner-wrap {padding: 0 0 4px 0; background: url(sidebars/slide-bottom.gif) no-repeat bottom center}
#sidebar-nav h2 {border-bottom: #fefefe 1px solid;font: normal 100% verdana, arial, sans;background: #eceded url(sidebars/slide-content.gif) no-repeat center center;margin: 0;padding: 5px 12px}
#sidebar-nav h2.no-arrow  {border-bottom: #fefefe 1px solid;font: normal 100% verdana, arial, sans;background: #eceded url(sidebars/slide-content-no-arrow.gif) no-repeat center center;margin: 0;padding: 5px 12px}
#sidebar-nav h2, #sidebar-nav h2 a{text-decoration: none; color: #666}
	.stretcher ul {margin: 0; padding: 0; list-style-type: none}
	.stretcher li {padding:3px 13px;  font:100% verdana,arial,sans; background:#fff url(hr-grad.gif) no-repeat top left; border-right:1px solid#ccc; border-left:1px solid #ccc}
	.stretcher a:link {color:#900; text-decoration:none;}
	.stretcher a:visited {color:#888;text-decoration:none}
	.stretcher a:hover,a:active {color:#666}
#sidebar-wrapper{width:200px; float: right;}
.sidenav {width:200px; float:right; padding:4px 0 0 0; margin:0; background:#fff url(sidebars/slide-top.gif) no-repeat top center}
.sidenav h2 {color:#666; border-bottom: #fefefe 1px solid; font:normal 100% verdana, arial, sans;background: #eceded url(sidebars/plain-content.gif) no-repeat center center; margin:0; padding:5px 12px}
	ul.sidenav-box {margin: 0 0 1.5em 0; padding:0; list-style-type:none}
	ul.sidenav-box li {list-style-type:none; padding:3px 13px; font:100% verdana,arial,sans; background:#fff url(hr-grad.gif) no-repeat top left; border-right:1px solid #ccc; border-left:1px solid #ccc}
	ul.sidenav-box a:link {color:#900; text-decoration:none}
	ul.sidenav-box a:visited {color:#888; text-decoration:none}
	ul.sidenav-box a:hover,a:active {color:#666}
	ul.sidenav-box {padding:0 0 4px 0; background:url(sidebars/slide-bottom.gif) no-repeat bottom center}

#ft {clear:both; padding:15px 0; text-align:center; font-size:100%; color:#444; background:url(vignette-btm.gif) no-repeat top center}

ul.newsList {list-style: none; margin: 0; padding: 0;}
ul.newsList a {margin: 0; padding: 0px; text-decoration:none; font: 900 1em arial; color: #900;}
ul.newsList p {margin: 0; padding: 0px;}
ul.newsList li {min-height: 5em; padding: 10px; border-top: 1px dashed #aaa; background:#ddd;}
ul.newsList li.odd {background:#eee;}
.newsBlurb {margin-left: 100px;}
.newsDate {float: left; padding: 10px; font-size: 1.5em; background:#C9C0A6; border: 1px solid #ccc;}
.date {
	font-family: Helvetica, monospace;
	display: block;
	width: 3em;
	height: 3em;
	background: #ddd url(gradients/gray-med-vert.gif) repeat-x;
	font-size: 1em;
	color:#555;
	text-align: center;
	padding: .2em;
	margin: 0 10px;
	line-height: .8em;
	border: 1px solid #999;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
}
.date span {font-size:1.5em; line-height:.9em;color: #444; }


#toc {border: #ccc solid 1px; background: #eee; padding: 0px 10px;}

/* Iconize 0.3 */
/* extensions */
/*
icon_doc.gif
a[href$='.xls'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../icons/doc_types/icon_xls.gif) no-repeat center right;
}

a[href$='.pps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../icons/doc_types/icon_ppt.gif) no-repeat center right;
}

a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../icons/doc_types/icon_pdf.gif) no-repeat center right;
}


a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../icons/doc_types/icon_zip.gif) no-repeat center right;
}

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../icons/doc_types/icon_mov.gif) no-repeat center right;
}

/* email
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../icons/doc_types/icon_mailto.gif) no-repeat center right;
}
*/