@charset "utf-8";
/* CSS Document */

/***************************

   Old Color Descriptions:
   blue = a0b0e0
   tan = a0b0e0
   pink = DAC7DB       
   
   blue = 304387    

***************************/


body { 
   background-color:#ffffff;
   padding: 0;
   margin: 0;
   border: 0;
   }

@media print {
body {background-color:#ffffff;}
}

p, div, li, ul, ol, td, .standard {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
}

ul li {
	list-style-type:square;
	margin-left: -18px;
	}
	
ol li {
	margin-left: -6px;
	}

ol p {
	margin: 8px 0 4px -34px;
	}

p.olfirstheader {
	margin: 8px 0 -8px 0;
	}

a:link, a:visited, a:active {text-decoration:none; color:#004a99;}
a:hover {color:#c97}

a img {border-style:none}

h1+p, .head1+p, .splitp1 {
	color:#005dab;
	font-weight:bold;
	font-size:10pt;
    font-family:Arial, Helvetica, sans-serif;
}

textarea { width: 400px; }

.clear {clear:both}

/******************   general text styles  ******************/

.standard {
   list-style-type:square;
   color:#000;
   font-weight:100;
}
.dblue { color:#005dab; }
.textsm, a:link.textsm, a:visited.textsm, a:active.textsm, .textsm a:link, .textsm a:visited, .textsm a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#555;
	line-height:1.5em;
	font-weight:100;
}	
a:hover.textsm, .textsm a:hover { color:#c97; }
.alttext {
   font-size:10pt;
   font-family:Arial, Helvetica, sans-serif;
}
.highlight { border: 2px solid #5e5; }
.error { color:#f22; }

.plist p { margin: 3px 0; }
.plist2 p { margin: 8px 0; }
.feature {
	border: 2px dotted #8888aa;
	background-color:#f4f4f4;
	padding: 3px;
}	

.iconlist_x40 { margin: 24px 0 16px 0; }
.iconlist_x40 a {
	display:block;
	position:relative;
	width:100%;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
	color:#005dab;
	border-bottom: 1px solid #ccc;
}
.iconlist_x40 a:hover { color:#c97; }
.iconlist_x40 span {
	display:inline-block;
	/*width: 240px; /* used for left column links */
	width: 364px;   /* used for right col. links */
	right:62px;
	padding: 0 16px 0 0;
	position:relative;
	left:4px;
	top:-6px;
}
.iconlist_x40 img {
	padding:0;
	right:0;
	margin:4px 0 0 0;
}
.hl_x40 {background-color:#e8edfb;}


.hrules { table-layout:fixed; }
.hrules td { border-bottom:1px solid #bbb; }
.hrules th { border-bottom: 1px solid #333; }
.hrules .endopts, td.endopts {
	border-bottom: 0px solid #fff;
	padding-left: 8px;
}


/******************   heading levels  ******************/

.head1, h1 {
   font-size: 22px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#005dab;
   line-height: 1.3em;
   padding-top:12px;
}

.head2, .head1+.head2, h2 {
   font-size: 18px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#005dab;
   margin-top:1.7em;
   margin-bottom:-.1em;
}

.head3, .head1+.head3, h3 {
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#005dab;
   line-height: 18px;  /*forces second line, often a span.textsm to hug the head3 line*/
   margin-bottom:-.4em;
   margin-top:1.4em;
}

.head4, .head1+.head4, h4 {
   font-size: 11px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#005dab;
   line-height: 14px;  /*forces second line, often a span.textsm to hug the head3 line*/
   margin-bottom:-.4em;
   margin-top:1.4em;
}

a.head1:hover, a.head2:hover, a.head3:hover, a.head4:hover {color:#c97}

/******************   images  ******************/

.large-img {
	padding: 10px 0;
	display:block;
	}

.standard-img {
	width:280px;
	padding: 0 0 10px 0;
	display:block;
	}
	
.standard-img img {
	display:block;
	margin-left:auto;
	margin-right:auto;	
	}
	
img.right {
	float:right;
	margin: 8px
	}

img {max-width:100%}



/******************   tables  ******************/


table.lined, table.lined tr, table.lined td {border-spacing: 0px; border-collapse:separate;}
table.lined {margin-bottom:16px; table-layout:fixed;}
table.lined td {border-top: 1px solid #bbb; background-color:#fff; padding:0 2px;}
table.lined th {font-weight:bold; text-align:left;}

.courses table, .courses tr, .courses td {border-spacing: 0px; border-collapse:separate;}
.courses table {margin-bottom:16px; table-layout:fixed;}
.courses h3 {margin-bottom:8px;}  /*head3 divs used as table captions to provide more flexibility*/
.courses td {border-top: 1px solid #bbb; background-color:#fff; padding:0 2px;}
tr.dblue td, tr.head3 td {border-top: 0}
td.dept {width:55px}
td.course {width:70px}
td.coursetitle {width:315px}
td.instructors {width:155px}
td.credits {width:60px}
td.daytime {width:120px}

/******************   footnote rule  ******************/
	
hr.footnote {
	width:100px;
	height:1px;
	background-color:#888888;
	color:#888888;
	text-align:left;
	margin:18px 0 -9px 24px;
	border:0
	}

/******************   OLD search and menu styles  ******************/
/******************   re-implement when possible  ******************/

input#search {
	color: #005dab;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background: #CDF;
	border: 1px solid #fff;
	margin: 16px 2px 2px 2px;
	width:95%;
	}

input:focus#search { background:#fff;}
	
input#button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	background: #238;
	font-weight:100;
	border: 0;
	margin: 2px;
	cursor:pointer;
	}

a:link.menutext, a:visited.menutext, a:active.menutext, .menutext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#005dab;
	font-weight:100;
	border: 0;
	margin: 2px;
	}
	
a:hover.menutext, input:hover#button {
	color:#c97;
	text-decoration:none;
	}

a {cursor:pointer} /*for javascript/other <a> tags without href's*/

input:hover#button {
	background: #127;
	}


/*******************************/
/*****    page elements    *****/
/*******************************/

div#header {
	width:800px;
	top: 0px;
	border-bottom:2px solid #8888dd;
	height:54px;
	padding: 16px 10px 0 10px;
	position:relative;
	font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    color:#005dab;
	line-height:.95em;
}

@media print {
div#header {
	padding: 0;
}
}

div#menu {
	left:18px;
	top:36px;
	position:absolute;
	width:132px;
	padding: 8px 2px;
	background-color:#fff;
	border-bottom: solid 2px #005dab;
	border-top: solid 2px #005dab;
}

@media print {
div#menu {display:none}
}

body > div#menu {
	position:fixed;
	margin-left:50%;
	left:-476px;
	opacity:1;
}

div#main {
	background-color:#fff;
	padding: 0;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	left:70px;
	width:820px;
	min-height: 99.8%!important;
}

* html body {height: 99.8%}         /* these two lines have the effect of replicating */
* html div#main {height: 100%;}     /* min-height in IE - other broswers ignore them  */

@media print {
	div#main {
		background-color:#fff;
		background-image:none;
		padding: 0;
		left: 0;
		margin: 0;
		position:static;
		width:680px;	
	}
}

div#bodytext {
	line-height:1.6em;
	width:792px;
	margin: 12px auto auto auto;
}

@media print {
	div#bodytext {
		line-height:1.4em;
		width:680px;
		margin: 6px;
	}
}

div#highlights, .highlights {
	width: 250px;
	margin: 30px 18px 12px 36px;
	float: right;
	padding: 0 0 8px 8px;
	border-bottom: 2px solid #005dab;
}

div#highlights.hlsmall { width:150px; }
div#highlights.hlmed { width:200px; }

* html div#highlights {	margin-top: 42px; }        /*another IE hack*/

/*#highlights ul {margin-top: -.5em;}*/
#highlights li {margin-top: .5em; margin-left: -24px;}

div#footer {
	width:500px;
	height:42px;
	bottom:0px;
	position:absolute;
	padding: 4px 0 0 12px;
	margin: 0;
}

#menu #footer {
	width:100%;
	position:relative;
	height:30px;
	bottom: 6px;
	padding: 8px 0;
	margin: -48px 0 0 0;
}

@media print {
div#footer {
	width:700px;
	border-bottom:none;
	height:auto;
	position:static;
}
}

.shadowA {   /* outer box with shadow & general shape */
  float:left;
  background: url(/shared/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/shared/shadow.gif) no-repeat bottom right;
  margin: 4px 0 6px 4px !important;
  margin: 10px 0 0 5px;
  position:static;
  border-style:none;
  background-color:#fff;
  padding: 3px 0 0 3px;
  }

.shadowB {   /* inner box with content */
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #dddddd;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  zoom: 1;
  }

.shadowA + p { clear:left; }

.shadow {
	-o-box-shadow: 5px 8px 4px #aaa;
	-icab-box-shadow: 5px 8px 4px #aaa;
	-khtml-box-shadow: 5px 8px 4px #aaa;
	-moz-box-shadow: 5px 8px 4px #aaa;
	-webkit-box-shadow: 5px 8px 4px #aaa;
	box-shadow: 5px 8px 4px #aaa;
}


/****************************************/
/*****    pull quotes and images    *****/
/****************************************/

.pullleft, .pullright, .pullcenter {
	border-top: 1px solid #005dab;
	border-bottom: 1px solid #005dab;
	padding: 0 8px;
	margin: 24px 16px 6px 16px;
	width:300px;
	clear:both;
}

.pullpict { border:0; }
.wide { width:500px; }
.narrow {width:200px; }
.pullleft { float:left; margin-left:0;}
.pullright { float:right; clear:right}
.pullcenter {width:650px; margin: 16px 55px; }

.pullleft p, .pullright p, .pullcenter p {
	font-style:italic;
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.6em;
	text-align:left;
}

.pullpict img {
	display:block;
	margin-top:-16px;
	padding: 6px;
}

.pullcenter img { margin-top: -4px; }

.pullpict p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#555;
	line-height:1.5em;
	font-weight:100;
	font-style:normal;
	margin-top:-4px;
	margin-left:4px;
}

p.pullattrib {
	margin-top:-8px;
	font-style:normal;
	text-align:right;
	padding-left:24px;
	padding-right:8px;
	font-size:11px;
	font-weight:bold;
	color:#005dab;
}



/*************************/
/*****    corners    *****/
/*************************/

/*  css modified from nifty-corners: http://www.html.it/articoli/nifty/index.html   */

@media screen {
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}r

.r0{border-top: 8px solid #d8d8d8;}
.r1{border-left: 5px solid #d8d8d8; border-right: 5px solid #d8d8d8; border-top: 8px solid #d8d8d8;}
.r2{border-left: 3px solid #d8d8d8; border-right: 3px solid #d8d8d8}
.r3{border-left: 2px solid #d8d8d8; border-right: 2px solid #d8d8d8}
.r4{border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; height: 2px}
}

/***********************/
/*****    menus    *****/
/***********************/

/*  css modified from Mark "Tarquin" Wilton-Jones' at http://www.howtocreate.co.uk/tutorials/testMenu.html
    based on Eric Meyer's Pure CSS Menus (http://www.meyerweb.com/eric/css/edge/menus/demo.html)
	comments below (mostly) do not reflect changes to the css as it is found on Tarquin's site      */

.makeMenu {padding:0; margin:0; border:0; opacity:.96}

ul.makeMenu, ul.makeMenu ul {
  width: 130px;                /* sets the size of the menu blocks */
  border: 0;      			   /* puts a black border around the menu blocks */
  background-color: #fff;   /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
  padding: 0;           /* stops the usual indent from ul */
  margin: 0;            /* Opera 7 final's margin and margin-box model cause problems */
}

ul.makeMenu ul {
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: #fff;
  margin: 6px 0 0 6px !important;
  margin: 0;
  }

ul.makeMenu ul li {
  background-color: #fff !important;
  margin: -6px 4px 4px -6px !important;
  margin: 4px 0;
  padding: 3px !important;
  padding: 0;
  border: 1px solid #fff;
  zoom: 1;
  opacity: .95;
  }

ul.makeMenu li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px 0;               /* Opera 7 puts large spacings between li elements */
  padding: 3px 2px;
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #005dab;                 /* sets the default font colour to white */
  font-size:13px;
  font-family: Calibri, Arial, sans-serif;
  font-weight:bold;
}

ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: -16px;                    /* position slightly lower than the parent menu item */
  left: 130px;                 /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
}

ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  background-color: #cdf !important;      /* gives the active menu items a white background */
  color: #005dab;              /* makes the active menu item text blue */ 
  opacity: 1;
}

ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}

ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}

li.CSStoShow {display:inline}  /* prevents li from inheriting block display (which
                                  sets creates a line break after anchor tags in an li) */

/* and some link styles */
ul.makeMenu li a, ul.makeMenu li a:visited, ul.makeMenu li a:active { color: #005dab; display: block; text-decoration: none;}
ul.makeMenu li a img { border-style:none; border:0;}
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink, ul.makeMenu li a:visited.CSStoHighLink, ul.makeMenu li a:active.CSStoHighLink { color: #005dab; text-decoration: none;}
ul.makeMenu li:hover > a { color: #005dab; } /* supports links in branch headings - should not be display: block; */

ul.makeMenu img {float:right; padding:3px 0;}


/*********** google custom search **********/

.gsc-resultsbox-visible, .gsc-resultsRoot {
	width : 100%;
	font-size:12px;
	}

/*td {vertical-align:top}*/

/* long form visible urls off */
.gsc-webResult div.gs-visibleUrl-long {
	display : none;
	}

.gsc-webResult div.gs-visibleUrl-short {
	display : none;
	}

#searchForm .gsc-branding {display:none}

#searchForm input {
	
	font-size:10px;
	margin:2px;
	}

.gsc-tabsArea {display:none}

.gsc-control {width:460px;}
	
/*#searchResults {
	position:fixed;
	width:470px;
	top:0px;
	left:300px;
	background-color:#fff;
	border: 2px solid #005dab;
	display:none;
	padding:15px;
	}*/
	
table#searchGcontent {
	clear:both;
	}


/************** grey background and popup divs ****************/

#greyout {
	position:fixed;
	top:0px;
	left:0px;
	width:100%!important;
	height:100%!important;
	width:0;
	height:0;
	background:url(greyout.png) repeat;
	display:none;
	overflow:hidden;
	opacity:.35;
	}

#grey-outS {
	position:fixed;
	top:0px;
	left:0px;
	width:100%!important;
	height:100%!important;
	width:0;
	height:0;
	background:url(greyout.png) repeat;
	display:none;
	overflow:hidden;
	}
	
.middlepop {
	position:absolute;
	padding:15px;
	width:470px;
	left:50%;
	margin-left:-200px;
	top:100px;
	display:none;
	border: 2px solid #005dab;
	background-color:#fff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	}

.middle-popS {			/* keep separate from middlepop - Google screws it up (somehow) */
	position:absolute;
	padding:15px;
	width:470px;
	left:50%;
	margin-left:-200px;
	top:100px;
	display:none;
	border: 2px solid #005dab;
	background-color:#fff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	}

* html .middlepop {padding-top:10px}
* html .middle-popS {padding-top:10px}     /* keep separate from middlepop - Google screws it up (somehow) */

.middlepop img {margin: 16px;}

div.fileinputs { position: relative; }
img.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	margin-top:-10px;
}
input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.formpair {width:98%; clear:both}
.formtitle {width:80px; text-align:right; font-weight:bold;}
.formline {float:right; width:350px;}
.forminner {width:130px;}
.formshort {float:right; width:130px; margin-right:220px;}
.formmedium {float:right; width:200px; margin-right:150px;}
input.formline, input.formshort, .formline input {border:solid 1px #aae;}

#minicaldiv {
	display:none;
	position:absolute;
	border:solid 1px #aae;
	background-color:#fff;
	width:150px;
	left:120px;
	}

#minicaldiv td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	width:21px;
	line-height:1.1em;
	}

/************** toggle div styles ****************/

div.controlbox {
	clear:both;
	float:right;
	width:138px;
	border: 2px solid #005dab;
	padding:4px;
	margin:8px;
}
div.controlbox p {
	margin: 0;
	padding: 4px 0;
}	
.hidden-top {
	display:none;
	margin:-12px 0;
}
.hidden-middle { margin-top:6px; }	
.hidden-altmiddle { margin-top:-9px; }
.hidden-bottom {
	display:none;
	margin-top:-8px;
}


/**********************************************/
/**************     CALENDAR     **************/
/**********************************************/

/********** table, day names/numbers *********/

table#cal {
	font-size:9pt;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	vertical-align:top;
	clear:both;
	border-top: 2px ridge #005dab;
	border-bottom: 2px groove #005dab;
   }

tr.daynames {
	height:28px;
	font-weight:100;
	text-align:center;
	}
	
tr.daynames td {
	text-align:center;
	font-weight:100;
	color:#005dab;
	font-size:11px;
	} 

.days {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
	}
	
td.days {
	border-top: 1px solid #666666;
	width:120px;
	height:96px;
	}

/********** event time/names in table *********/

.calitem {
	margin-bottom:5px;
	font-size:9pt;
	font-weight:100;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:1.3em;
   }
  
.calitem a {display:block;}

.time {color:#000;}

/********** pop-up divs with event info *********/

.shadow-outer {   /* outer box with shadow & general shape */
  float:left;
  background: url(/shared/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/shared/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  display:none;
  position:absolute;
  border-style:none;
  background-color:#fff;
  padding: 3px 0 0 3px;
  width:370px;
  text-align:left;
  font-weight:100;
  }

.shadow-inner {   /* inner box with content */
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #dddddd;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  zoom: 1;
  }
  
.eventhead {   /* event title bar in pop-up div */
	display:block;
	width:357px;  /* (9 + padding-left + padding-right) px less than width of shadow-outer */
	padding:2px;
	background-color:#9ac;  /*old color (green) was #b3cc7d*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}

.eventhead a {  /* for the "close" link in pop-up divs */
	float:right;
	margin:1px;
	font-size:10px;
	text-align:right;
	display:block;
	font-weight:bold;
	}

.eventhead a img {border:0;}

.desc, .desc p, .desc li {  /* description of events */
	margin: 4px 0;
	line-height: 1.4em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.desc li {
	margin-left:-16px;
	}

div.desc {padding-bottom: 3px; border-bottom: 1px dashed #888;}

.details {margin-top:9px}  /* time, location, sponsor, more info link, etc */
.details p {
	margin: 1px 0;
	line-height: 1.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555;
	}
	
	
input:focus {
	background-color:#e0e0ff;
	}
td.editline {
	padding:0;
	margin:2px 0;
	border:0;
}
td.editline input {
	padding:0;
	margin:0 1px;
}
#ajaxactiondiv {
	display:none;
}
#usersearch {	
	background-position:left;
	background-repeat:no-repeat;
	border: 1px solid #44a;
	width: 220px;
	margin: 1px 0;
	padding:0;
}
#forumsearch {
	background-position:left;
	background-repeat:no-repeat;
	border: 1px solid #44a;
	width: 220px;
	margin: 1px 0;
}
.hlform input[type=text], .hlform input[type=password] {
	width:120px;
	}
	

#logcorner {
	position:fixed;
	bottom:0;
	left:0;
	width:16px;
	height:16px;
}
#logcornerform {
	position:relative;
	top:-128px;
	left:0px;
	width:238px;
	height:150px;
	display:none;
}
#logcornerform>div {
	background-color:#fff;
	margin:6px;
	padding: 8px; 
	border: 1px solid #005dab;
	-moz-border-radius: 6px;
}
#logcorner:hover #logcornerform {
	display:block;
}


/*********************************/

#appreview {
	position:fixed;
	right:8px;
	bottom:8px;
	width:300px;
	height:600px;
	background-color:#fff;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	padding:4px;
}

@media print {
#appreview {
	position:static;
	float:right;
	width:300px;
	height:600px;
	background-color:#fff;
	border-left: 0px solid #aaa;
	border-top: 0px solid #aaa;
	padding:4px;
}
}