/* universal rules */
* {font-family:"Lucida Grande","Lucida Sans Unicode","Helvetica",sans-serif
/*font-family: "Verdana", "Arial", "Helvetica", sans-serif*/ }
blockquote,body,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,li,ol,p,pre,ul,div {
	border:0;
	margin:0;
	padding:0;
	}
.clear {
	float: none;
	clear: both;
}
h1, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h4 a, h4 a:visited { color: #8B49BB; /*font-family:Georgia,"Times New Roman",Times,serif;*/ }
h1 {color: #522B6E; }
h3, h4{margin: 15px 0 0 0; }
h1 span, h2 span, h3 span, h4 span {color: black;}
.emphasis { font-weight: bold; }
.row {margin: 5px;clear:both; }
.row2 {margin-top: 10px; }
.half{width: 170px; }
.three{width: 255px; }
.center {text-align: center; }
a,a:visited {color:blue;}

/* start formatting */
body {
	background: url('/images/background_blue_black.jpg') #fff;
	margin:0;
	color:#1e1e1e;
	/*color: #522B6E; */
	font-size:62.5%;
	text-align:center;
	}
	
.main {
	width: 750px;
	margin: 0 auto;
	position: relative;
}
.main {
	/*background: url('/images/t_rborder.jpg') #fff repeat-y right;*/
	background: url('/images/t_main.jpg') #fff repeat-y center;
	position: relative;
}	
.main .header .date {
	position: absolute;
	top: 119px;
	text-align: right;
	right: 23px;
	font-weight: bold;
	font-size: 1.2em;
}

.navbar {
	background: url('/images/t_lborder.jpg') #fff repeat-y left;
	width: 180px;
	float: left;
}

ul.nav {
	background: #59118E left;
	width: 167px;
	text-align: left;
}
ul.nav li {
	list-style-type: none;
}
ul.nav a {
	padding: 5px 0 10px 10px;
	color: #fff;
	width: 157px;
	text-decoration: none;	
	display: block;
	background: #59118E;
}

#home ul.nav #home-nav a.top,
#faculty ul.nav #faculty-nav a.top,
#programs ul.nav #programs-nav a.top,
#calendar ul.nav #calendar-nav a.top,
#testimonials ul.nav #testimonials-nav a.top,
#faq ul.nav #faq-nav a.top,
#contact ul.nav #contact-nav a.top,
ul.nav a:hover {
	/*background: #9CE6B3;*/
	width: 157px;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
}
ul.nav a:hover, ul.nav > li:hover {
	font-weight: normal;
	color: #fff;
}

ul.nav li > a.top:hover {
	border: none;
}
ul.nav > li:hover {	
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}

#home ul.nav li#home-nav ul a,
#faculty ul.nav li#faculty-nav ul a,
#programs ul.nav li#programs-nav ul a,
#calendar ul.nav li#calendar-nav ul a,
#testimonials ul.nav li#testimonials-nav ul a,
#faq ul.nav li#faq-nav ul a,
#contact ul.nav li#contact-nav ul a,
ul.nav li ul a {
	padding-left: 15px; 
	background: #8B49BB;
	border: none;
}

ul.nav li ul a:hover {
	font-size: 1em;
	border: none;
}

ul.nav ul {
	display:none;
}
#home ul.nav li#home-nav ul,
#faculty ul.nav li#faculty-nav ul,
#programs ul.nav li#programs-nav ul,
#calendar ul.nav li#calendar-nav ul,
#testimonials ul.nav li#testimonials-nav ul,
#faq ul.nav li#faq-nav ul,
#contact ul.nav li#contact-nav ul,
ul.nav .selected ul, 
ul.nav li:hover ul,
ul.nav .onhover ul {
	display: block;
}

.main .navbottom {
	width: 180px;
	height: 102px;
	float: left;
}

.content {
	float: left;
	width: 525px;
	text-align: left;
	padding: 0px 15px 0px 10px;
	font-size: 1.3em;
	height: 350px;
	min-height: 350px;
	/*background: url('/images/t_bfooter.jpg') #fff repeat-x bottom right;*/
}

html>body .content {height:auto;min-height: 350px;} /*workaround for IE6's issues with min-height*/

.content .extra {margin: 60px 0 0 0;}
.content p {
	margin: 16px 0 0 0;
}
.content .first {
	margin-top: 0 !important;
}
.content .first-pad {
	margin-top: 5px !important;
}

.content ul, .content ol {
	margin: 5px 0 0 15px;
}
.content li {
	margin: 5px 0 0 10px;
}

.content p.header {
	margin: 15px 0 0 10px;
	font-size: 1.1em;
}
.content ul.header, .content ol.header {margin: 0;}
.content .header li {
	margin: 15px 0 0 10px;
	font-size: 1.1em;
}
.content .header li a {color: #8B49BB;}

.content .download {
	text-align: center;
	float: right;
	width: 200px;
}

.cornerAccent {
	float:right;
	width: 186px;
	height: 102px;
	margin: 0;
}
#home .cornerAccent {
	background: url('/images/c_baby_home.jpg') transparent no-repeat right bottom;
}
#home .content .download {/*border: 1px #DDD dashed;*/
	border-color:#A1AAAA rgb(145, 153, 153) rgb(145, 153, 153) -moz-use-text-color;
	border-style:solid none;
	border-width:2px 2px 2px medium;
	padding: 0 5px 10px; 
	margin: 20px 5px 5px; 
	}
#home .events { text-align: left; padding: 5px 0 10px; border-bottom: 1px #EDE8F2 solid;}
#home .events h3, #home .events h4 {margin: 5px 0 0;}
#home .events .emphasis {color: #8B49BB;}

#faculty .bio { margin: 25px 0 0 0; }
#faculty .bio p {  }
#faculty .bio img.left { float: left; }
#faculty .bio img.right { float: right; }

#faq h2 {font-size: 1.1em; margin-top: 20px; }
#faq .top li {font-size: 1.0em; margin-top: 5px; list-style-type:none; }
#faq .top li a { text-decoration: none; color:#8B49BB; }
#faq .top li a:visited {color:#BABABA; }
#faq .top li a:hover { text-decoration: underline; color:#522B6E; }

#testimonials .quote {
	background:#EDE8F2 url('/images/c_quote.gif') no-repeat scroll left top;
	border-color:#A1AAAA rgb(145, 153, 153) rgb(145, 153, 153) -moz-use-text-color;
	border-style:solid none;
	border-width:2px 2px 2px medium;
	font-style:italic;
	font-size: 1.3em;
	width:220px;
	padding: 5px;
	margin: 10px;
 }
#testimonials .quote.right {
	float:right;
} 
#testimonials .quote.left {
	float:left;
} 
#testimonials .quote p {
 	text-align: center;
 	color: #666;
 	margin: 10px;
	font-family:Georgia,"Times New Roman",Times,serif; 	
}

#contact .info {
	text-align:center;
}
#contact label {
	font-size: 0.9em;
	font-weight: bold;
	text-align: right;
	width: 170px;
	float: left;
	margin: 5px 5px 0 0;
}
#contact textarea {
	height: 150px;
}

#programs .list {font-size: 0.95em;}
#programs .recs {font-size: 0.8em;}
#programs .recs ul, #programs .recs ol { float: left; width:45%;}
#programs .agenda ul {margin: 10px; text-align:center;}
#programs .agenda li {
	/*float: left;*/
	display: inline;
	padding: 30px 10px;
	margin: 0;
	width: 70px;
	line-height: 70px;
	border: #AAA solid;
	text-align: center;
	list-style: none;
}

#calendar h2 {margin: 15px 0 0 0px; border-top: 3px #ccc solid;}
#calendar .controls {float: right;}
#calendar .event {background: #FFF;border: 3px #FFF solid;padding: 5px 0;}
#calendar .eventwrapper {border-top:1px #ccc solid;}
/*#calendar .eventwrapper {background: #CCC; padding: 5px 0;margin-bottom:5px;}
#calendar .event:hover {border-top: 3px #522B6E solid;border-bottom: 3px #522B6E solid; }*/
#calendar .event p {margin-top:5px; margin-bottom: 2px;}
#calendar .event p.location {font-style: italic;}
#calendar .event h3, #calendar .event h4 {margin-top: 5px;}
#calendar .event h3 span, #calendar .event h4 span, #admin h2 span {font-size: normal; font-weight: normal; color: #000; }
#calendar .event .side {float:right; width:150px;border-left: 1px #BBB dotted;padding-left:5px;margin-left:5px;}
#calendar span.add {float:right; font-size: 0.6em;padding: 0 5px 0 0;}
.footer {
	background: #330065;
	height: 12px;
	font-size: x-small;
	color: #fff;
	margin-right: 5px;
}

.footer a {
	color: #ccc;
}

/* POPOVER LOGIN */
#pop {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 1000px;
	text-align:center;
	z-index:1000;
	}
#popover {
	position:relative;
	top:-900px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
#popoverbg {
	filter:alpha(opacity=40);
	moz-opacity:.4;
	opacity:.4;
	width:100%;
	height:1000px;
	background-color:#000;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
#popover #inner {
	height: 250px;
	width: 620px;
	margin:20px auto;
	text-align:center;
	background:#fff;
	}
#popover div.tlmain, #popover div.trmain, #popover .brmain,#popover div.blmain {height: 250px; }
#popover div.tlmain {background:url("/images/tldark.gif") top left no-repeat}
#popover div.trmain {background:url("/images/trdark.gif") top right no-repeat}
#popover div.brmain {background:url("/images/brdark.gif") right bottom no-repeat}
#popover div.blmain {background:url("/images/bldark.gif") left bottom no-repeat}

#popover .content {
	padding: 15px 70px;
}
#popover #inner p {
	color:#545454;
	text-align:center;
	padding: 12px 12px 0px 12px;
	font-size: 0.87em;
	}

#popover label {width:150px;text-align:left;padding-left:50px;}
.alert {color: #2E8025;}

/* GENERAL FORM ELEMENTS */
.row, .row2 {padding: 3px;clear:both;}
.row2 {padding-top: 15px;}
.row3 { text-align: right; }

label {float: left; width: 100px; font-size: 0.9em; font-weight:bold; margin: 5px 15px 5px 5px; }
label span {font-weight:normal;}
label.unbounded {width:auto;clear:both;}
.full {width: 300px;}
.half {width: 150px;}
.three-quarters {width: 225px;}
.three-eighths {width: 110px; } 
.quarter {width: 75px;}
.eighth {width: 38px;}

.clear {clear: both;}

textarea.full {height: 200px;}

#admin .controls {font-size:0.8em; float:right;}