/*** GENERAL STYLES ***/

body {background: #8ca5ba url(../images/bkg.gif) repeat-x; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 16px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #039; text-decoration: none;}
a:hover {color: #c00; text-decoration: underline;}

.hide {display: none;}
.small {font-size: 10px;}
.large {font-size: 12px;}
.imgleft {float: left; margin: 0 30px 20px 0;}
.imgright {float: right; margin: 0 0 20px 30px;}
.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.dots {background: url(../images/dots.gif);}
.center {text-align: center;}
.required {color: #900; font-weight: bold;}


/*** STRUCTURAL STYLES ***/

#top {position: relative; width: 960px; margin: 0 auto; text-align: left; height: 75px;}
#outer {position: relative; width: 946px; margin: 0 auto; text-align: left; background: #fff; border: 7px solid #fff;}

#printlogo {display: none;}
h1#pagetitle {float: left; width: 200px; height: 120px; background: #4c6681 center center no-repeat; margin-bottom: 6px;}
h1#pagetitle span {display: none;}
	body.about #pagetitle {background-image: url(../images/title-about.gif);}
	body.gradstudies #pagetitle {background-image: url(../images/title-gradstudies.gif);}
	body.calendar #pagetitle {background-image: url(../images/title-calendar.gif);}
	body.faq #pagetitle {background-image: url(../images/title-faq.gif);}
	body.forms #pagetitle {background-image: url(../images/title-forms.gif);}
	body.research #pagetitle {background-image: url(../images/title-research.gif);}

#topphoto {float: right; width: 740px; height: 120px; margin-bottom: 6px;}
#columns {background: url(../images/column.gif) -75px top repeat-y;}
#content {float: right; width: 701px; padding: 20px 20px 20px 0;}
#sidebar {float: left; width: 180px; padding: 15px 10px;}

#footer {position: relative; width: 940px; margin: 0 auto; text-align: left; color: #fff; font-size: 11px; line-height: 30px;}
#footer a {color: #fff; font-weight: bold;}


/*** TOP STYLES ***/

#top h1 a {float: left;}
#top h1 span {display: none;}
#top ul {position: absolute; right: 0; top: 15px; font-size: 10px; text-transform: uppercase;}
#top li {float: left; padding: 0 10px;}
#top ul a {color: #fff;}
#top form {position: absolute; right: 10px; bottom: 10px;}
#top label {display: none;}
#top input {font-size: 11px; border: 1px solid #000;}
#top #q {width: 120px;}
#top #sa {background: #c00; color: #fff;}


/*** TOP NAV STYLES ***/

#nav {clear: both; height: 25px; background: #2e4256 url(../images/nav.gif) left top; margin-bottom: 6px;}
#nav li {float: left; position: relative;}
#nav a {display: block; color: #fff; height: 25px; overflow: hidden; line-height: 100px; background: url(../images/nav.gif) 0 0; width: 100px;}

	#navhome a {width: 68px; background-position: 0 0;}
	#navabout a {width: 97px; background-position: -68px 0;}
	#navgradstudies a {width: 160px; background-position: -165px 0;}
	#navcalendar a {width: 101px; background-position: -325px 0;}
	#navfaq a {width: 56px; background-position: -426px 0;}
	#navforms a {width: 189px; background-position: -482px 0;}
	#navresearch a {width: 275px; background-position: -671px 0;}

	body.home #navhome a {background-position: 0 -50px;}
	body.about #navabout a {background-position: -68px -50px;}
	body.gradstudies #navgradstudies a {background-position: -165px -50px;}
	body.calendar #navcalendar a {background-position: -325px -50px;}
	body.faq #navfaq a {background-position: -426px -50px;}
	body.forms #navforms a {background-position: -482px -50px;}
	body.research #navresearch a {background-position: -671px -50px;}

	#nav #navhome.roll a {background-position: 0 -25px;}
	#nav #navabout.roll a {background-position: -68px -25px;}
	#nav #navgradstudies.roll a {background-position: -165px -25px;}
	#nav #navcalendar.roll a {background-position: -325px -25px;}
	#nav #navfaq.roll a {background-position: -426px -25px;}
	#nav #navforms.roll a {background-position: -482px -25px;}
	#nav #navresearch.roll a {background-position: -671px -25px;}

#nav li.roll div {display: block;}
#nav div {display: none; position: absolute; left: 0; top: 25px; width: 175px; padding: 15px; background: #7b95a3; font-size: 11px; z-index: 10;}
#nav ul {border-top: 1px solid #6b8594;}
#nav ul li {float: none; border-bottom: 1px solid #6b8594;}
#nav ul li a {width: 165px; height: auto; overflow: visible; line-height: 16px; background: none; color: #fff; padding: 2px 5px;}
#nav ul li a:hover {background: #6b8594; text-decoration: none;}
#nav ul ul {display: none;}


/*** LEFT NAV STYLES ***/

#leftnav {border-top: 1px solid #d5c597; margin-bottom: 30px;}
#leftnav li {border-bottom: 1px solid #d5c597;}
#leftnav a {display: block; color: #2e4256; width: 170px; padding: 3px 5px;}
#leftnav a:hover {background: #dbcda4; text-decoration: none;}
#leftnav li.on a {background: #d5c597; color: #900;}

#leftnav ul {display: none;}
#leftnav li.on ul {display: block; font-size: 11px; line-height: 13px;}
#leftnav li.on ul li {border: 0;}
#leftnav li.on ul a {background: #e7ddbd url(../images/arrow-tan.gif) 8px 7px no-repeat; color: #2e4256; width: 155px; padding-left: 20px;}
#leftnav li.on ul a:hover {background: #e7ddbd url(../images/arrow-red.gif) 8px 7px no-repeat; color: #900;}
#leftnav ul li.on a {background-image: url(../images/arrow-blue.gif);}

#bigbuttons {margin-bottom: 23px;}
#bigbuttons a {display: block; margin-bottom: 7px;}

#quicklinks {margin: 40px 0 20px 0; border} /*border: #3366CC dotted 1px;*/
#quicklinks h4 {color: #900; text-transform: uppercase; padding: 0 5px; margin-bottom: 5px;}
#quicklinks ul {border-top: 1px solid #d5c597;}
#quicklinks li {border-bottom: 1px solid #d5c597; font-size: 11px;}
#quicklinks a {display: block; color: #2e4256; padding: 3px 5px;}
#quicklinks a:hover {background: #dbcda4; text-decoration: none;}

.toplink {float:right; position:relative; bottom:3px; margin:0 15px 0 0; padding: 0 10px 0 20px;}
.toplink a {color: #fff; font-size:10px;}
.toplink a:hover {text-decoration:underline;}

/*** CONTENT STYLES ***/

#content h1 {color: #900; font-size: 20px; font-weight: normal; line-height: 24px; margin-bottom: 30px; z-index: 1;}
#content h2 {color: #2e4256; font-size: 14px; margin: 2em 0 1em 0;}
#content h3 {font-size: 13px; margin: 2em 0 .5em 0;}
#content ul {margin: 1.5em 30px;}
#content ul li {margin: 0 0 5px 0; padding-left: 12px; background: url(../images/bullet-red.gif) 1px 6px no-repeat;}

#content #crumbs {color: #999; font-size: 11px; margin: 0 0 30px 0;}
#content #crumbs li {display: inline; margin: 0; padding: 0; background: none;}

.note {background: #eee url(../images/note-bottom.gif) bottom no-repeat; font-weight: bold; font-size: 13px; line-height: 18px; margin-bottom: 1.5em;}
.note div {display: block; background: url(../images/note-top.gif) no-repeat; padding: 15px 20px;}

a.redbutton, a.redbutton:hover {background: #ab0000 url(../images/redbutton.gif) left bottom repeat-x; color: #fff; text-decoration: none; padding: 4px 10px; text-transform: uppercase; text-align: center; font-weight: bold;}

.sidebar {float: right; width: 200px; margin: 0 0 30px 40px; background: #eee url(../images/sidebar-bottom.gif) bottom no-repeat;}
.sidebar div {display: block; background: url(../images/sidebar-top.gif) no-repeat; padding: 20px;}
.sidebar h2 {margin: 0 0 1em 0 !important;}
.sidebar p:last-child {margin-bottom: 0;}
.sidebar ul {margin: 1em 0 !important;}
.sidebar a.redbutton {display: block; margin: 20px 0 0 0;}

#content ul.blocklinks {margin: 0 !important;}
#content ul.blocklinks li {float: left; margin: 0 10px 10px 0; background: #4c6681; padding: 0; border: 2px solid #8ca5ba;}
#content .blocklinks a {display: block; width: 80px; height: 32px; line-height: 16px; padding: 10px; color: #fff; text-align: center; font-weight: bold; text-transform: uppercase;}
#content .blocklinks a:hover {text-decoration: none; background: #900;}
#content .blocklinks .spacer {float: none; border: 0; background: none;}

#contactform {width: 340px; float: left; margin-right: 40px; background: #eee url(../images/form-bottom.gif) bottom no-repeat;}
#contactform div {background: url(../images/form-top.gif) no-repeat; padding: 20px;}
#contactform label {display: block; margin-bottom: 2px;}
#contactform input, #contactform textarea {width: 285px; vertical-align: middle; margin-bottom: 7px; border: 1px solid #999;}
#contactform textarea {height: 60px;}
#contactform #masters, #contactform #phd, #contactform #submitbutton {width: auto;}
#contactform #masters, #contactform #phd {border: 0;}
#contactform #prevdegr {width: 220px;}
#contactform #prevyear {width: 60px;}
#contactform #interested {width: 150px;}
#contactform #submitbutton {background: #4c6681; font-weight: bold; color: #fff; text-transform: uppercase; margin: 0;}
#contactform p {width: 285px; text-align: right; margin: 0;}
#contactform h4 {margin: 5px 0; font-size: 11px; padding-top: 8px; border-top: 1px solid #bbb;}
#contactinfo {padding-top: 20px;}
#contactform #thanks {text-align: left; height: 200px;}

.listtable {border-collapse: collapse;}
.listtable th, .listtable td {border: 1px solid #ddd; padding: 5px 10px; font-size: 11px; line-height: 14px;}
.listtable thead th, .listtable thead td {border-color: #708aa3; border-bottom: 1px solid #ddd; font-weight: bold; text-transform: uppercase; background: #708aa3; color: #fff;}
.listtable .header {background: #d9d9d9; font-weight: bold; text-transform: uppercase;}
.listtable .col40040 {width: 400px; padding-right: 40px;}

.floatlist {float: left; margin-right: 10px !important;}


/*** HOME STYLES ***/

body.home #quicklinks {float: left; width: 180px; height: 205px; padding: 42px 10px 0 10px; background: #4c6681 url(../images/quicklinks.gif) 15px 18px no-repeat; margin: 0 0 6px 0;}
body.home #quicklinks h4 {display: none;}
body.home #quicklinks ul {border-top: 1px solid #3d5872;}
body.home #quicklinks li {border-bottom: 1px solid #3d5872;}
body.home #quicklinks a {display: block; color: #fff; padding: 2px 5px;}
body.home #quicklinks a:hover {background: #3d5872; text-decoration: none;}
#homeflash {float: right; width: 740px; height: 247px; margin-bottom: 6px;}

body.home #columns {background: url(../images/column.gif) right top repeat-y;}
body.home #content {float: left; width: 630px; padding: 30px 0 20px 20px;}
body.home #content h1 {height: 21px; overflow: hidden; line-height: 150px; margin-bottom: 25px; background: url(../images/home-h1.gif) no-repeat;}
body.home #content .dots {margin: 25px 0;}

#homemodules {background: url(../images/dots.gif) 340px 0 repeat-y;}
#homemodules #meetthedean {float: left; width: 317px; padding: 0;}
#homemodules #calendar {float: right; width: 260px; padding: 0;}
#homemodules h2 {color: #c00; text-transform: uppercase; font-size: 13px; margin: 0 0 10px 0;}
#calendar ul {margin: 0 0 1em 0;}
#calendar li {margin: 0 0 10px 0; padding-left: 12px; background: url(../images/bullet-red.gif) 1px 7px no-repeat;}

body.home #sidebar {float: right; width: 235px; padding: 20px;}
body.home #sidebar ul {margin: -1em 0 1.5em 0;}
body.home #sidebar li {margin: 0 0 2px 0; padding-left: 12px; background: url(../images/bullet-red.gif) 1px 6px no-repeat;}

/** TABLE STYLE FOR GRANTS **/
table.grants
{ width: 100%;
background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px; }


td.grantHead
{ background-color: #99CCCC;
border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #404040; }


td.grantinfo
{ border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;

color: #404040;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }