@charset "UTF-8";

/* Basic Styles */
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #4D4D4D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: 1.1em;
	font-weight: normal;
	background-color: #EBF0F7;
	background-image: url(none);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
}
a {	color: #006ABC; text-decoration: none;}
.clear { clear: both; height: 0; font-size:0;}
img { border: 0;}
form { margin:0; padding:0; display:inline;}
#sidenav ul li.last {
	margin: 0px 0px -6px 0px;
	padding: 0px 0px 5px 10px;
}
ul li.last { margin: 0; padding: 0;}
p {margin-bottom: 7px;}

/* Container Styles */
#containerOuter {
	width: 1020px;  /* if using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: #fff url(../images/bgL.gif) left top repeat-y;
	position: relative;
	clear: both;
	background-position: 0px 0px;
	z-index: 0;
} 
#containerInner {
	width: 1020px;
	background:  url(../images/bgR.gif) right top repeat-y;
}

#Inner2 {
	width: 980px;
	background: #fff;
	margin: 0 0 0 21px;
	padding-top: 30px;
}

/* Header Styles */
#headerHome {
	background: #fff url(../images/homeBanner.gif) no-repeat 0px 0px;
	width: 980px;
	height: 385px;
	margin: 0px 0px 0px 21px;
	position: relative;
	display: block;
} 
#headerInside {
	width: 980px;
	height: 157px;
	margin: 0px 0px 0px 21px;
	position: relative;
} 
#menu a {
  position: absolute;
  height: 75px;
  width: 300px;
  top: 0px; 
  text-decoration: none;
}
#menu a i {
	visibility: hidden;
}
a#home { left: 0px; 
}
a#home:hover { border: none; 
}
#nav {
	float: left;
	display: inline;
	margin-top: 90px;
	list-style: none;
	padding-top: 0px;
	margin-bottom: 4px;
	text-align: left;
}
ul#nav li {
	color: #29ABE2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-right: 15px;
	letter-spacing: 0.1em;
	font-variant: small-caps;
	float: left;
	text-align: left;
	}
ul#nav li a { 
	color: #fff; 
	text-decoration: none;
	text-align: left;
	}
ul#nav li a:hover, ul#nav a:focus {
	color: #29ABE2;
	}


/* Home Main Column Styles */
#mainContent {
	margin: 0 290px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 40px 20px 40px;
} 
#content {
	width: 610px;
	padding: 0;
	margin: 0;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #1A8B8D;
	padding: 0px 0px 12px;
	border-bottom: 2px dotted #CCCCCC;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
}
#mainContent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	color: #4D4D4D;
	line-height: 1.5em;
	text-align: left;
	padding: 0px;
	margin-top: 8px;
}
#mainContent li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	color: #4D4D4D;
	line-height: 1.5em;
	text-align: left;
	list-style: url(../images/bullet_main.gif) outside;
	margin: 0px 15px 8px 0px; /* force bullet to top for ie */
	padding: 0px;
}
#mainContent .alphalist {
	font-size: 80%;
}

h2 {
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.2em;
	font-weight: bold;
	color: #4c4c4c;
	padding: 18px 0 0;
	margin: 0px;
}

#mainContent .mission {
	font-size: 1.1em;
	color: #1A8B8D;
}

/* Course Description Styles */

div.course {
	margin-top: 20px;
	padding: 0px;
	background-color: #e0e8e5;
	border: 0;
}

div.course table {
	border-collapse: collapse;
	width: 100%;
}

div.course col.label {
	width: 100px;
}

div.course th  {
	padding: 3px 3px 2px 3px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	font-size: 0.8em;
	letter-spacing: .05em;
}
div.course td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	font-size: 0.8em;
	padding: 0 10px 6px 10px;
}

div.course td.label {
	vertical-align: top;
	font-style: italic;
	padding: 0 10px 6px 10px;
}

div.course tr.description td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	font-size: 0.8em;
	padding: 5px 10px 8px 10px;
}

div.course tr.externalinfo td.label {
	width: 200px;
}

div.course table tr.titleweb th {
	color: #FFFFFF;
	background-color: #006ABC;
	border: 0;
	padding: 4px 10px 2px 10px;
}

div.course table tr.titleroom th {
	color: #FFFFFF;
	background-color: #4c4c4c;
	border: 0;
	padding: 4px 10px 2px 10px;
}

table.layout {
	border-collapse: collapse;
	width: 100%;
}

table.layout tr td.menu {
	vertical-align: top;
	width: 170px;
	padding-left: 5px;
}

/* Study Club Listings Styles */
.listings {
	margin-top: 10px;
	padding: 8px 0 25px 20px;
	background-color: #fff;
	border: 0;
}
.listings table {
	border-collapse: collapse;
	width: 100%;
	padding: 8px 0 25px 20px;
	margin-top: 10px;
}
.listings td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	font-size: 0.8em;
	padding: 5px 5px 10px 0;
	text-align:left;
	vertical-align: top;
	width: 190px;
}

/* Sidebar Styles */
#sidebarHome {
	float: right; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #e0e8e5;
	width: 250px;
	z-index: 0;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	display: inline;
}
#sidebarInside {
	float: right; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #e0e8e5;
	width: 250px;
	z-index: 0;
	margin: 0 0 25px 0;
	padding: 0px;
	vertical-align: top;
	display: inline;
}
h3 {
	text-align: left;
	color: #fff;
	font-size: 0.7em;
	padding: 0px 0 0 20px;
	letter-spacing: 0.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #1A8B8D;
	margin: 0px 0px -10px;
	text-transform: uppercase;
}
#sidebarHome p, #sidebarInside p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-style: normal;
	line-height: 0.9em;
	font-weight: bold;
	color: #006ABC;
	text-decoration: none;
	list-style: disc inside;
}
#sidebarInside img, #mainContent img {
	margin: 10px 0 0 0;
	vertical-align: top;
	padding: 0;
	float: left;
}
#sidebarHome li, #sidebarInside li.bulleted {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	color: #006ABC;
	text-decoration: none;
	text-align: left;
	list-style: url(../images/bullet_sidebar.gif) none outside;
	margin: 0px 15px 7px 0px; /* force bullet to top for ie */
}
#sidenav {
	width: 250px;
}
#sidenav ul {
	text-align: left;
	color: #FFFFFF;
	padding: 5px 0 5px 0px;
	letter-spacing: 0.1em;
	background: #4c4c4c top;
	margin: 0;
}
#sidenav ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #29ABE2;
	text-decoration: none;
	text-align: left;
	list-style: none outside;
	margin: 0px 0px 6px 0px;
	height: 16px;
	border-bottom: 6px solid #FFFFFF;
	padding: 0px 0px 5px 10px;
}

#sidebarHome a {
	color: #006ABC;
}
#sidenav a {
	color: #fff; 
	text-decoration: none;
	text-align: left;
}
#sidenav a:hover, a:focus {
	color: #29ABE2;
}


/* Footer Styles */

#footer {
	background: #fff url(../images/bgBottom.gif) repeat-x bottom;
	float: left;
	margin: 0;
	padding: 0;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#sub {
	background: #21b0e8 url(../images/bgCornerL.gif) no-repeat left bottom;
	float: left;
}
#subInner {
	background: url(../images/bgCornerR.gif) no-repeat right bottom;
}
#content {
	float: left;
	margin: 0 0 20px 0;
}

#footerL {
	background: url(../images/bgCornerL.gif) no-repeat left bottom;
	float: left;
	height: 100px;
	width: 40px;
	margin: 0px;
	padding: 0px;
}
#footerR {
	background: url(../images/bgCornerR.gif) no-repeat right bottom;
	float: right;
	height: 100px;
	width: 40px;
}
#center .columnOne {
	width: 190px;
	float: left;
	padding: 0;
	margin-right: 25px;
	color: #73797E;
	font-size: 70%;
	text-align: left;
	line-height: 120%;
	vertical-align: top;
}
#center .columnTwo {
	width: 180px;
	float: left;
	padding: 0;
	margin-right: 25px;
	color: #73797E;
	font-size: 70%;
	text-align: left;
	line-height: 120%;
}
#center .columnThree {
	width: 230px;
	float: left;
	padding: 0;
	margin-right: 25px;
	color: #73797E;
	font-size: 70%;
	text-align: left;
	line-height: 120%;
}
#center .columnFour {
	width: 225px;
	float: left;
	padding: 0;
	color: #73797E;
	text-align: right;
	line-height: 120%;
	font-size: 70%;
	margin: 0;
}
#footer #center {
	border-top: 2px dotted #CCCCCC;
	text-align: left;
	padding-top: 10px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}


/* Floater Styles */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#randompic {
	float: left;
	clear: left;
}
a:hover {
	text-decoration: underline;
}