body 
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	width: auto;
}

h1
{
	font-size: 150%;
}

.h1a
{
    font-size: 140%;
    font-weight: normal;
    color: #404958;
}

h2
{
	padding-top: 5px;
	font-size: 130%;
	color: #018591;
}

h3
{
	font-size: 120%;
	padding-top: 0px;
}

h4
{
	font-size: 100%;
	color: #018591;
	margin-bottom: -10px;
}

h5
{
	font-size: 100%;
}

h6
{
    font-size: 85%;
    text-transform: uppercase;
    color: #018591;
}

fieldset
{
    border: 1px solid gray;
}

blockquote 
{
    background-color: #EFEFEF;
    padding: 5px;
}

tt 
{
    font-size: 100%;
}

a:link 
{
    color: #018591;
}

a:visited, 
a:hover, 
a:active 
{
    color: #414858;
}

TABLE.defaultTable 
{
    margin-top: 20px;
    font-size: 90%;
    margin-bottom: 20px;
    background-color: #9d9da1;
}

TABLE.defaultTable TD 
{
    padding: 3px;
    background-color: #FFF;
}

TABLE.defaultTable TD input.btn 
{
    font-size: 100%;
}

TABLE.defaultTable TH 
{
    background-color: #018591;
    color: #FFF;
    padding: 3px;
    font-weight: bold;
}

TABLE.defaultTable TH A:link,
TABLE.defaultTable TH A:visited,
TABLE.defaultTable TH A:hover,
TABLE.defaultTable TH A:active 
{
    color: #FFF;
}

code 
{
    font-size: 130%;
}

select, input, textarea 
{
    font-family: Verdana;
}

hr 
{
    width: 60%;
    color: #B7C9CB;
    background-color: #B7C9CB;
    height: 1px;
    border: 0;
    margin-left: 0;
    text-align: left;
}

ul, dl 
{
    list-style-type: square;
}

.smalltext 
{
    font-size: 80%;
}

.contentPlaceHolderSpan img 
{
    margin: 5px;
}

.contentPlaceHolderSpan li 
{
    padding-bottom: 4px;
}

#container 
{
	background-color: #FFF;
}

#leftimage 
{
	display: none;
}

#topbar 
{
	display: none;
}

#header
{
	background-image: none !important;
	text-align: right;
}

#smallstrip
{
	margin-bottom: 15px;
}

#smallstrip input 
{
	width: 97px;
	margin-top: 8px;
	margin-left: 10px;
	border: 1px solid #C0C0C0;
	height: 18px;
}

#smallstrip .mglass 
{
 	height: 30px;
	width: 27px;
	border: 0px;
}

.nomargin 
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.topmenu 
{
	padding: 0px;
	border: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-size: 0.75em;
	font-weight: bold;
}

.topmenu li 
{
	list-style-type: none;
}

.topmenu a:link,
.topmenu a:visited
{
    text-decoration: none;
}

.topmenu a:hover,
.topmenu a:active
{
    color: #b7c9cb;
    text-decoration: none;
}

#breadcrumb
{
	width: 0px;
	display: none;
}

#studentdiv
{
	display: none;
}

#footer .navigation 
{
	display: none;
	width: 0px;
}

.navigation 
{
	background-color: #018591;
	border-top: 1px solid #414858;
	color: #FFF;
	padding-bottom: 2px;
	width: auto;
}

.menu 
{
	text-align: right;
	margin: 0px;
	padding-right: 5px;
	font-size: 95%;
	color: #FFF;
}

.menu li 
{
	list-style-type: none;
	padding-right: 10px;
	padding-left: 8px;
	padding-bottom: 2px;
	margin-right: -5px;
	color: #FFF;
}

.menu a:link,
.menu a:visited
{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.menu a:hover,
.menu a:active 
{
	color: #b7c9cb;
	text-decoration: none;
}

.menuon 
{
	background-color: #B7C9CB;
	border-bottom: 3px solid #B7C9CB;
}

.menuon a:link,
.menuon a:visited,
.menuon a:hover,
.menuon a:active 
{
	color: #414858;
}

#footertext 
{
	font-size: 70%;
	text-align: right;
	color: #8f928e;
	padding: 2px;
	padding-top: 4px;
}

#bottombar 
{
	background-color: #B7C9CB;
	height: 7px;
}

.blacklinebottom 
{
	border-top: 1px solid black;
	position: relative;
	bottom: 0px;
}

#lmbox 
{
	margin-left: 0;
	padding: 0;
}

#leftmenuone 
{
	background-color: #FFF;
	margin: 0;
	padding: 0;
}

.leftmenu 
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}

.leftmenu li a:link, 
.leftmenu a:visited 
{
	text-decoration: none;
	display: block;
	padding: 4px;
	background-color: #FFF;
	color: #565960;
	font-size: 90%;
	font-weight: bold;
	margin: 0;
}

.leftmenu li 
{
	border-bottom: 1px solid #018591;
	border-right: 1px solid #FFF;
}

.leftmenu li a:hover 
{
	background-color: #B7C9CB;
	color: #565960;
}

#rightinnertext 
{
	font-size: 80%;
	color: #414858;
	width: auto;
}

#footer 
{
    font-size: 125%;
}

/****** HOME PAGE SPECIFIC STUFF ******/

/* THREE COL LAYOUT CSS */

/* For fluid grids */

/* to preserve source-order independence for Gecko */
.essex-b { position: relative; }
.essex-b { position: static; } /* for IE < 7 */

#essex-main .essex-b 
{
	position: static;
}

#essex-main 
{
	background-color: #FFF;
	width: 100%;
}

#essex-main .essex-b 
{
	width: 100%;
}

.essex-gb .essex-u 
{
	background-color: #FFF;
	width: 100%;
}

.essex-gb div.first, .essex-gb div.second, .essex-gb div.third
{
	background-color: #FFF;
}

div.third p 
{
	font-size: 80%;
}

#bd:after, .essex-gb:after 
{
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#bd, .essex-gb 
{
	zoom: 1;
}

/* HOME PAGE ELEMENTS */

#keyback 
{
	background-image: url('/images/keylinksback.gif');
	background-repeat: repeat-x;
	margin-top: 8px;
}

#keylinksdiv 
{
	background-image: url('/images/keylinks.gif');
	background-repeat: no-repeat;
	padding-left: 52px;
	padding-top: 14px;
	padding-bottom: 16px;
	padding-right: 0px;
}

#seasonaldiv 
{
	border: 1px solid #9197A6;
	overflow: hidden;
	width: 100%;
}

#promodiv 
{
	border: 1px solid #9197A6;
	overflow: hidden;
	width: 100%;
	margin-top: 10px;
}

#prospectusdiv 
{
	background-image: url('/images/proslines.gif');
	background-repeat: repeat-x;
	padding: 0px;
	border: 4px solid #FFF;
	width: 100%;
}

#cfback 
{
	background-image: url('/images/cfback.gif');
	background-repeat: repeat-x;
	margin-top: 16px;
	padding-top: 0px;
	width: 100%;
}

#coursefinddiv 
{
	background-color: #B7C9CB;
	width: 100%;
	color: #FFF;
	font-weight: 700;
	font-size: 1.1em;
	margin-top: -15px;
	padding-bottom: 10px;
}

#coursefinddiv a:link,
#coursefinddiv a:visited,
#coursefinddiv a:hover,
#coursefinddiv a:active
{
    color: #FFF;
    text-decoration: none;
}

#coursefinddiv a:hover,
#coursefinddiv a:active
{
    text-decoration: underline;
}

#cfheadingdiv 
{
	font-size: 1.4em;
	font-weight: normal;
	color: #FFF;
	width: 100%;
	letter-spacing:-0.04em;
}

ul.cfbullets 
{
	font-size: 0.85em;
	line-height:1.5em;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
}

#questiondiv 
{
	width: 45px;
}

img.qmoverlay 
{
	position: relative;
	left: -19px;
	top: 7px;
	z-index: 0;
	vertical-align: top;
}

/* STYLE FOR HOME PAGE BOXES */

div.pros1 
{
	background-color: #FFF;
	border: 1px solid #CCCCCC;
	padding: 4px;
	margin-bottom: 20px;
}

div.pros2 
{
	background-color: #F7F7F7;
	border: 6px solid #FFF;
	padding-left: 12px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #018591;
	font-weight: bold;
	line-height: 1.5;
}

div.pros2 a:link,
div.pros2 a:visited,
div.pros2 a:hover,
div.pros2 a:active 
{
	color: #018591;
	font-weight: bold;
	line-height: 1.4;
	text-decoration: none;
}

div.pros2 a:hover,
div.pros2 a:active
{
    text-decoration: underline;
}

div.pros3 
{
	background-color: #FFF;
	border: 1px solid #CCCCCC;
	padding: 4px;
	color: #018591;
}

div.pros4 
{
	background-color: #F7F7F7;
	border: 6px solid #FFF;
	padding: 12px;
}

div.pros4 form 
{
	border: 0;
	padding: 0;
	margin: 0;
}

.asksmalltxt 
{
	font-size: 0.85em;
}

div.pros5 
{
	background-color: #FFF;
	height: 88px;
	padding-top: 16px;
	padding-bottom: 16px;
}

div.pros6 
{
	border: 1px solid #CCCCCC;
	height: 88px;
}

div.pros7 
{
	background-color: #FFF;
	border: 1px solid #CCCCCC;
	padding: 4px;
}

div.pros8 
{
	background-color: #FFF;
	padding: 4px;
	border: 1px solid #CCCCCC;
}

div.pros9 
{
	background-color: #FFF;
	height: 16px;
}

div.pros10 
{
	background-color: #FFF;
	height: 8px;
}

.smallformtxt 
{
	font-size: 0.9em;
}

h1.homeheading
{
	font-size: 1.4em;
	font-weight: 700;
	color: #414858;
	margin-top: 4px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left:0px;
	margin-right:0px;
	letter-spacing: -0.1em;
	text-decoration: none;
}

h1.homeheading a:link,
h1.homeheading a:visited
{
    text-decoration: none;
    color: #414858;
}

h1.homeheading a:hover,
h1.homeheading a:active
{
    text-decoration: underline;
}

h1.homeheadingsmall 
{
	font-size: 1.1em;
	font-weight: bold;
	color: #414858;
	margin: 0px;
	letter-spacing: -0.1em;
    margin-bottom: 0px;
	padding-bottom: 0px;
}

h1.homeheadingsmall a:link,
h1.homeheadingsmall a:visited
{
    text-decoration: none;
    color: #414858;
}

h1.homeheadingsmall a:hover,
h1.homeheadingsmall a:active
{
    text-decoration: underline;
}

h3.homeheading 
{
	font-size: 0.85em;
	font-weight: 700;
	color:#01868F;
	margin-top: 16px;
	margin-bottom: -4px;
}

hr.homeline 
{
	color: #CDCFCC;
	background-color: #CDCFCC;
	height: 1px;
	border: 0px none;
}

.reviewedtxt 
{
	text-align: right;
	color: #008889;
	font-weight: 100;
	font-size: 0.6em;
	margin-bottom: 10px;
}

.cftext 
{
	margin:0px;
	font-size:0.85em;
	padding-left: 20px;
	line-height:1.5em;
}

/****** INNER PAGE SPECIFIC STUFF ******/

/* RIGHT HAND FLOAT PANEL */

#rightpanel
{
	background: #B7C9CB;
	font-size: 115%;
	width: 99%;
	margin-bottom: 15px;
}

#rightpaneltop
{
	background-color: #404958;
	padding: 5px 10px;
	margin-bottom: 16px;
}

#rightpanelmain 
{
	color: #000;
}

#rightpanelmain p 
{
	margin-top: 0px;
	margin-bottom: 1em;
}

#rightpanelmain hr 
{
	color: #FFF;
	background-color: #FFF;
	height: 1px;
	border: 0px none;
}

#rightpanelmain ol li 
{
	margin-bottom: 10px;
}

#rightpanelmain ul li 
{
	margin-bottom: 0px;
	list-style-type: square;
}

.rightpaneltext 
{
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	font-size: 80%;
	color: #414858;
}

.rightpaneltext a:link,
.rightpaneltext a:visited,
.rightpaneltext a:hover,
.rightpaneltext a:active 
{
	color: #414858;
	text-decoration: none;
	font-weight: bold;
}

.rightpaneltext a:hover,
.rightpaneltext a:active 
{
	text-decoration: underline;
}

.rightpaneltext p
{
    padding: 0px;
    margin-bottom: -10px;
    border: 0px;
}

#rightpanelpros 
{
	text-align: right;
	margin-top: -2px;
	padding-bottom: 4px;
	background: url('/images/rp_proslines.gif') repeat-x;
}

#rightpanelbtm 
{
	background-color: #414858;
	height: 16px;
	border-top: 1px solid #FFF;
}

#login 
{
	color: #414858;
	font-weight: bold;
	font-size: 120%;
}

#loginbox ul 
{
	display: inline;
	margin-left: -10px;
}

#loginbox ul li 
{
	display: inline;
	background: url('/images/loginbullet.gif') no-repeat;
	padding-left: 10px;
}

#boxesdiv
{
	display: none;
}

h3.loginheading 
{
	font-size: 1.3em;
	font-weight: bold;
	color: #414858;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom: 6px;
	letter-spacing: -0.04em;
}

a:link.loginlink, a:visited.loginlink 
{
	color: #018591;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none;
	margin-left:20px;
}
a:hover.loginlink, a:active.loginlink 
{
	text-decoration: underline;
}

img.boxoverlay 
{
	position: relative;
	left: -19px;
	top: 7px;
	z-index: 0;
}

#rpheadingdiv 
{
	font-size: 1.2em;
	letter-spacing: -0.04em;
	color: #FFF;
	z-index: 30;
	visibility: visible;
	font-weight: normal;
}

.rptext 
{
	padding-left: 20px;
}

div.prosalign 
{
	text-align: center;
}

#keyform 
{
	width: 33%;
}

.hidden
{
	display: none;
}

#skipnav
{
	display: block !important;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-top: 0px;
}

#keylinksform 
{
	margin-left: -15px;
	margin-right: -15px;
	background-color: #404958;
	text-align: left;
	height: 22px;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-right: 7px;
	padding-left: 8px;
}

/* input button styling */

input.btn
{
   color: #414858;
   font-family: Verdana, Sans-Serif;
   font-size:0.9em;
   font-weight: 400;
   background-color: #FFF;
   background-image: url('/images/buttongradient.gif'); /*set background as gif for non-IE browsers */
   border: 1px solid;
   border-top-color: #018591;
   border-left-color: #018591;
   border-right-color: #414858;
   border-bottom-color: #414858;
}

input.btnhov
{
   color: #3CB5C1;
   border-top-color: #3CB5C1;
   border-left-color: #3CB5C1;
   border-right-color: #018591;
   border-bottom-color: #018591;
}

TABLE.addContentTable
{
    margin-top: -15px;
    background-color: #FFF;
}

TABLE.addContentTable TD
{
    vertical-align: top;
    border: 0px;
}

.pager TD, .pager TABLE
{
    background-color: #FFF;
    font-size: 100%;
    padding: 2px;
    margin: 0;
}

.errorMsg
{
    color: Red;
    font-size: 80%;
}

.saved
{
    color: Green;
    font-size: 80%;
    font-weight: bold;
}

#ctl00_ContentPlaceHolder1_lblMetaDescription,
#ctl00_ContentPlaceHolder1_lblMetaKeywords
{
    display: none;
}

/* Events feed styling START */

.eventsDiv ul
{
    font-size: 80%;
    margin: 0;
    padding-left: 15px;
}

.eventsDiv span
{
    font-size: 80%;
}

.eventsDiv a:link,
.eventsDiv a:visited
{
    text-decoration: none;
    color: #414858;
}

.eventsDiv a:hover,
.eventsDiv a:active
{
    text-decoration: underline;
    color: #018591;
}

/* Events feed styling END */

.adminTable TD, .adminTable TH
{
    padding: 2px;
    vertical-align: top;
}

.a2zlink {
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}

/* CourseFinder styling STARTS */

@media screen
{
    dl.accordion dd.hidden,
    dl.accordion_multiple dd.hidden,
    dl.accordion_noshrink dd.hidden
    {
        display:block;
    }
    
    dl.accordion dt.hidden,
    dl.accordion_multiple dt.hidden,
    dl.accordion_noshrink dt.hidden
    {
        background-color: #013091;
    }
}

@media print
{
    dl.accordion dd.hidden,
    dl.accordion_multiple dd.hidden,
    dl.accordion_noshrink dd.hidden
    {
        display:block;
    }
}
/* CourseFinder styling ENDS */