/*The following defines the main divs of the web site as they appear in the html: body, searchbar, wrap, content, footer. Divs within each elements are group accordingly. */

.highlight {
background-color: #000000;
padding: 10px;
margin: 0;
}

#main a.highlight, #mainDirectory a.highlight {
border-top: 1px solid #6F88A5;
color: #6F88A5;
padding: 3px;
text-decoration: none;
background: none;
}

td.highlight {
background-color: #F1F1F4;
padding: 2px;
margin: 0;
}

form {
font: 11px/1.4 Arial, Helvetica, sans-serif;
margin: 0px;
}

select, option {
font: 11px/1.4 Arial, Helvetica, sans-serif;

}

body {
margin: 0;
padding: 0;
text-align: center;
font: 11px/1.4 Arial, Helvetica, sans-serif;
background-color: #ebebee;
}

#bottom {
clear:both;
width: 100%;
background-color: #6690b5;
text-align:center;
position:relative;
bottom: 4px;
right: 3px;
margin: 0px;
}

a.email:link {
	color: #ffffff;
	text-decoration: underline;
}
a.email:active {
	color: #ffffff;
	text-decoration: underline;
}
a.email:visited {
	color: #ffffff;
	text-decoration: underline;
}

#bottomShadow {
	float:left;
	clear:left;
	background: url(../images/cssDropShadow.png) no-repeat bottom right !important;
	background: url(../images/cssDropShadow.gif) no-repeat bottom right;
	margin: 15px 0px 5px 0px !important;
	margin: 15px 0px 5px 0px;
	width: 950px;
	padding: 0px;
}

#bottom h1 {
color: #ffffff;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 5px 5px 5px 5px;
}

/*Searchbar styles*/

#searchbar {
	font-size: 90%;
	color: #88866F;
	text-transform: uppercase;
	width: 730px;
	margin: 7px auto 5px;
	padding: 5px;
	clear: both;
}

#searchbar ul { 
padding: 0;
margin: 0;
float: right;
width: auto;
display: inline;
}

#searchbar ul li {
float: left;
display: inline;
list-style-type: none;
}

#searchbar a{
	padding:  10px 20px 10px 10px;
	margin: 0;
	text-decoration: none;
	color: #88866F;
}

#searchbar input{
	padding: 0;
	margin: 0;
	height: 15px;
	border: 1px solid #959379;
}

/*Wrap*/

#wrap {
margin: 0 auto 0;
padding: 0;
font-size: 100%;
text-align: left;
width: 950px;
background: #EBEBEB;
}

/*Header, container, img#photo and img#logo */

#headerShadow {
	float:left;
	clear:left;
	background: url(../images/cssDropShadow.png) no-repeat bottom right !important;
	background: url(../images/cssDropShadow.gif) no-repeat bottom right;
	margin: 15px 0 0 0 !important;
	margin: 5px 0 0 0;
	width: 950px;
	padding: 0px;
}

#header{
	position:relative;
	bottom: 4px;
	right: 4px;
	padding:0px;
	margin: 0 0 15px 0;
	position:relative;
	z-index:300;
}

.container {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 100px;
	background-color: #ffffff;
	text-align: right;
}

.containerSecondLevel{
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

#header{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}

img#photo {
	float: right;
	margin: 0;
	padding: 0;
}

img#definition {
	float: left;
	padding: 0;
	margin: 0;
}

img#logo {
float: left;
padding: 0;
margin: 0;
}

img {
border:none
}

img.padded {
padding-left:8px;
padding-bottom:5px;
float:right;
}

h3 {
color: #38456B;
padding: 3px;
margin: 0;
font-size: 11px;
}

#main .hr, #mainDirectory .hr {
color: #F0EFE8;
}

.degree {
color: #38456B;
letter-spacing: .5px;
}

/*Content  and elements positions: leftbar, rightbar, main. Elements within each element follow.*/

#contentShadow {
	float:left;
	clear:left;
	background: url(../images/cssDropShadow.png) no-repeat bottom right !important;
	background: url(../images/cssDropShadow.gif) no-repeat bottom right;
	margin: 15px 0px 5px 0px !important;
	margin: 15px 0px 5px 0px;
	width: 950px;
	padding: 0px;
}

#content {
	background-color: #FFF;
	position:relative;
	bottom: 4px;
	right: 4px;
	padding:0px 4px 2px 4px;
	margin: 0px;
	width: 942px;
	min-height: 380px;
}


#leftbar{
float: left;
width: 165px;
}


#rightbar{
float: right;
width: 400px;
}

#main{
width: auto;
margin: 0px 0px 0px 0px;
padding: 10px;
}

#mainDirectory{
width: auto;
margin: 0 30px 0 180px;
padding: 10px;
}

#mainGoogle {
width: 700px;
margin: 0 205px 0 20px;
padding: 10px;
}

#main ul.links, #mainDirectory ul.links {
padding: 0;
margin: 0 15px;
list-style-type: square;
}

#main ul.links li, #mainDirectory ul.links li {
padding: 0 0 7px 0;
}

#main ul.links li a, #mainDirectory ul.links li a{
font-weight: bold;
}

/*Content styles*/

#main .breadcrumb, #mainDirectory .breadcrumb {
	margin-bottom: 10px;
	padding: 0;
	color: #88866F;
}

#chatText .breadcrumb {
	margin-bottom: 10px;
	padding: 0;
	color: #88866F;
}

#chatText {
	padding: 10px
}

#main .breadcrumb a, #mainDirectory .breadcrumb a{
	color: #88866F;
	}

#main .breadcrumb a#here, #mainDirectory .breadcrumb a#here{
	text-decoration: none;
}

#main h1, #mainDirectory h1 {
color: #6690b5;
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 0;
}

* html #main h1, *html #mainDirectory h1 { height: 1px; }


#main a, #mainDirectory a {
color: #6690b5;
text-decoration: underline;
}

#main a.red, #mainDirectory.red {
color: #C22025;
text-decoration: underline;
}

#mainGoogle a {
color: #858476;
font-size: 12px;
}

#main ul, #mainDirectory ul {
list-style-type: square;
margin: 15px 0 0 12px;
padding: 0;
}

#main ul li, #mainDirectory ul li{
padding-bottom: 5px;
}

.center{
text-align:center;
}

.date {
color: #C22025;
font-weight: bold;
font-size: 12px;
}

.day {
color: #C22025;
margin: 0 5px 0 0;
}

.subhead {
color: #000;
letter-spacing: 1.2px;
font-weight: bold;
font-size: 12px;
}

.subheadLowercase {
color: #000;
letter-spacing: 1.2px;
font-weight: bold;
font-size: 12px;
}

ul#text li {
padding-bottom: 5px;
}

ul#dates li {
padding-bottom: 10px;
}

.text{
margin: 10px 10px 15px 10px;
}

.rowbackgray{
background-color:#CCCCCC;
}

.heading{
color: #38456B;
font-size: 14px;
padding: 5px;
margin: 0;
font-weight: bold;
}

#footer {
	padding: 0;
	font-size: 95%;
	text-align: right;
	color: #88866F;
	width: 950px;
	margin: 0 auto 25px;
	clear: both;
}

/*Main navigation*/
/* #headerShadow, #content and #menu -- made position relative */

#headerShadow
{
	position:relative;
}

/* #headerShadow -- gave z-index a value so it would go under nav */
#headerShadow
{
	z-index:100;
}

.menu {
width:100%; 
font-size:0.85em;
position:relative;
z-index:100;
}
/* IE5/6 Hack */
*html .menu {
width:950px;
w\idth:939px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:133px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:115px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:115px; 
height:12px; 
border:solid 2px  #EBEBEB; 
border-width:2px 1px 2px 2px; 
background-color:#6690b5;
padding:4px 15px 2px 8px;
line-height:11px;
}
/* a hack so that IE5.5 and 6 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:141px;
w\idth:120px;
}


/* style the second level hover */


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#000000;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:22px;
left:0; 
width:160px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:40px;
t\op:40px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#ffffff; 
color:#6690b5;
font-size:11px;
height:auto;
line-height:11px; 
padding:3px 3px; 
width:164px;
border-right:solid 2px #ebebeb;
border-left:solid 2px #ebebeb;
border-top:solid 2px #ebebeb;
border-bottom:solid 2px #ebebeb;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:164px;
w\idth:150px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#6690b5; 
background:#ffffff;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#6690b5;
background:#ffffff;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}


/* next 3 style declarations are hacking IE to
make the drop shadow work correctly*/

.iedropshadow
{
	display:none;
}

*html .iedropshadow
{
	display:block;
	position:absolute;
	right:-3px;
	bottom:-3px;
	width:164px;
	height:397px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/navdropshadow1.png, sizingMethod=scale);
	z-index:100;
}

#main table.calendar, #mainDirectory table.calendar{
margin-top:  15px;
border-top: 1px solid #424C71;
background: #FFF;
}


#main table.calendar a, #mainDirectory table.calendar a{
color: #38456B;
text-decoration: none;
}


#main table.events, #mainDirectory table.events{
margin-top:  15px;
border-top: 1px solid #424C71;
background: #DDDDE4;
}


#main table.events a, #mainDirectory table.events a{
color: #38456B;
text-decoration: none;
}

#main table.courses, #mainDirectory table.courses{
margin-top:  15px;
border-top: 1px solid #424C71;
background: #DDDDE4;
}


#main table.courses a, #mainDirectory table.courses a{
color: #38456B;
text-decoration: none;
}

#main table.courses a.veiwAll, #mainDirectory table.courses a.veiwAll{
color: #38456B;
border-left: 1px solid  #38456B;
padding-left: 5px;
text-decoration: none;
}

#main a.directory, #mainDirectory a.directory {
font-weight: bold;
}

td.calendar {
border-top: 1px solid #DDDDE4;
padding-top: 5px;
}

table.smallerText {

font-size: 10px;

}
fieldset	{
border:0px;
line-height:0px;
visibility: collapse;
}