/* @group Instructions */
/* SOLES style sheet */
/* when making changes, please add to the appropriate section */
/* this will help reduce redundant and competing styles */
/* this style sheet is dynamic. */
/* use percentages if you need the percentage of the container block's width */
/* or ems if you need it to be proportional to the size of the text */
/* DO NOT USE PIXELS, PICAS, or POINTS or the pages will break */
/* on browsers other than the one on your desktop */

/* currently using pixels for dotted lines due to Firefox issues; should be using .1 em */

/* when placing information on the web page, place the most important information first in the HTML */
/* currently: title of page, content of page, links (right) menu, areas (left) menu, footer */

/* this style sheet is for structural and external elements only */
/* changes to the display of user content belong in content.css */
/* changes that apply only to the main home page belong in home.css */

/* @end */

/* @group HTML changes */
body {
	background-color: #FFFFFF;
	font-family: Verdana, Georgia;
	font-size: 74%;
	line-height: 1.5;
	color: #333333;
	margin: 0 auto;
	min-width: 90.4em;
	max-width:1000px; 
	/* max-width: 912px; */
	/* position: relative; */
}

img {
	border: none;
}


/* @group Links */
a {
	text-decoration: none;
}
div#footer a, div#sitelinks a {
	color: #717073;
}
div#areas a {
	color: #FFFFFF;
}
/* @end */

/* @end */

/* @group Header */
div#header {
	position: relative;
	z-index: 1;
}
div#header p {
	margin-bottom: .7em;
	margin-top: .7em;
}

img.main {
	width: 100%;
}



/* @group Global Navigation */

p.globalnav {
	float: right;
	text-align: right;
	text-transform:uppercase;
	margin-top: .8em;
	margin-bottom: -.5em;
	font-size: 9.5px;
	color: #002469;
}

p.globalnav a {
	color: #002469;
}

/* @end */

/* @group Social Navigation */

p.socialnav {
	float: left;
	text-align: left;
	margin-top: .8em;
	margin-bottom: -.5em;
	font-size: 86%;
}

p.socialnav a {
	color: #002469;
}

/* @end */

/* @group statistics */
div#statistics {
	color: black;		
}

div#statistics ul {
	margin: 0;
	margin-top: -.8em;
	padding: 0;
}

div#statistics ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	width: 16em;
	text-align: center;
	margin-bottom: 2.5em;
	font-size: .85em;
	padding-left: 2em;
	padding-right: 2em;
}

div#statistics ul li + li {
	background: url(/soles/images/statisticsBullets.png) no-repeat left;
}


div#statistics ul li p {
	padding-top: 0;
	margin-top: -.9em;
}

div#statistics ul li span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 6em;
}

/* @end */


/* @group weather */
div.weatherbug {
	position: absolute;
	top: 25%;
	right: 1em;
	color: #FFFFFF;
	font-size: 10px;
	text-transform: uppercase;
	text-align: right;
	/* width: 44em; */
}
div.weatherbug div {
	display: inline;
}
div.weatherbug p {
	display: inline;
	padding-right: .5em;
	padding-left: .5em;
}
div.weatherbug p + p, div.weatherbug div+div {
	border-left: 1px solid white;
}
div.weatherbug a {
	color: white;
}
div.weather p.forecast {
	display: none;
}


/* @end */
/* @group Search */

div.quicksearch {
	position: absolute;
	top: 40%;
	right: 1em;
	width: 50%;
	text-align: right;
}

div.quicksearch input.searchbox {
	width: 12em;
	margin-top: .5em;
}

div.quicksearch img {
	border-width: .2em;
	border-color: #cbdae6;
	border-style: outset;
	vertical-align: middle;
}

form#quicksearch {
	margin: 0;
}

/* @end */

/* @group Menu */
div.menu {
	/*background-color: #002469;*/
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
}
div.menu a {
	color: white;
}

ul.menu {
	margin: .4em;
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: .6em;
	padding-top: .5em;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
li.menu {
	display: inline;
	padding-right: 1em;
	padding-left: 1em;
	text-transform: uppercase;
	position: relative;
}
li.menu + li.menu {
	border-left: thin solid white;
}
ul.menu li + li + li ul {
	width: 28em;
	}
ul.menu li + li + li + li ul {
	width: 18em;
}

/* submenus */
ul.submenu {
	display: none;
	position: absolute;
	left: .2em;
	top: 100%;
	color: white;
	padding-left: .5em;
	margin: 0;
	width: 18em;
	padding-top: .5em;
	text-transform: none;
	text-align: left;
	background-color: #0E2B5E;
	list-style-type: none;
}

ul.submenu li {
	background-color: #0E2B5E;
/*	padding: .5em; */
}
ul.submenu li a {
	display: block;
	padding: .5em;
}
li.menu:hover ul.submenu {
	display: block;
}
ul.submenu li:hover {
	background-color: #002469;
}
ul.submenu li {
	border-top: solid .1em white;
	position: relative;
	list-style-type: none;
}
ul.submenu li + li {
	border-top: none;
}

/* sub sub menus */
ul.submenu ul {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	padding-left: .1em;
	width: 15em;
	margin: 0;
}
ul.submenu li:hover ul {
	display: block;
}
div#header div.menu ul.menu li.menu ul.submenu li.open {
	background-image: none;
	padding: .5em;
}
div#header div.menu ul.menu li.menu ul.submenu li.open.x {
	padding: 0;
	margin: 0;
}

/* @end */

/* @group Bread Crumb */
p.breadcrumb {
	margin: .4em 0em 2em 0;
}

p.breadcrumb a {
	color: #717073;
	text-decoration: none;
	padding-left: .2em;
	padding-right: .2em;
}

/* @end */

/* @end */

/* @group Main Area */
/* main surrounds everything except for the header and the footer */
div#main {
	position: relative;
	min-height: 95em;
}


p.section {
	padding-top: 0;
	padding-left: 1.4%;
	padding-bottom: 0;
	margin-bottom: 0;
	font-family: Myriad, Verdana, Arial, Helvetica;
	text-transform: uppercase;
}
p.section, p.section a {
	color: #1A75CF;
}
h1.title {
	font-size: 180%;
	font-weight: normal;
	padding-top: 0;
	padding-left: 1.4%;
	margin-top: 0;
	font-family: "Myriad", Verdana, Arial;
}

/* content includes the title, the text, and additional information but not the navigation */

div#content {
	padding-left: 1.5em;
	padding-right: 2em;
	padding-bottom: 1em;
	background-color: #FFFFFF;
	margin-right: 17.8em;
	margin-left: 17.8em;
}

/* @group Area Links */
div#areas {
	width: 17.8em;
	position: absolute;
	top: 0;
	color: #CCCCCC;
}

/* @group Navigation */

ul.choices {
	margin-left: 0;
	margin-top: 0;
	margin-bottom: .5em;
	background-color: #1A75CF;
	color: #FFFFFF;
	font-size: 105%;
	font-family: Verdana, Arial, Helvetica;
	padding-left: 0;
	text-align: center;
}

ul.choices.programs li.open ul li {
	border-top: solid #FFFFFF.1em;
}

ul.choices.programs li.open, ul.programs {
	background-color: #919191;
}

ul.choices li {
	position: relative;
	list-style-type: none;
	padding-top: .8em;
	padding-bottom: .8em;
}

ul.choices li + li, li.open + ul li, li.open + ul + li, li.open ul {
	border-top: dotted white 1px;
}



ul.choices li.open ul li {
	border-top: solid #1A75CF.1em;
	height: .8em;
}

/* @group open choice */


ul.choices ul {
	padding: 0;
	margin: 0;
	background-color: #124E96;
}
ul.programs ul {
	background-color: #616161;
}
ul.choices ul ul {
	display: none;
	position: absolute;
	top: -.85em;
	left: 16.9em;
	width: 18em;
	border-left: solid white .1em;
}
ul.choices ul ul li {
	text-align: left;
	padding-left: 1em;
}
ul.choices ul li {
	position: relative;
}
ul.choices ul li:hover {
	background-color: #0F4280;
}
ul.programs ul li:hover {
	background-color: #919191;
}
ul.choices ul li:hover ul {
	display: block;
}

#areas ul li.open {
	background: url(/images/icons/bookmark.png) no-repeat;
	padding-top: .8em;
	padding-bottom: .8em;
}
ul.programs li.open {
	background-color: #414141;
}
li.open ul {
	margin-top: .8em;
}
li.open ul ul {
	border-top: none;
}
#areas ul.choices li.open {
	padding-bottom: 0;
}
#areas ul.choices li.open {
	padding-bottom: .8em;
}
/* @end */

/* @group subsection */
ul.choices li.open li.open {
	height: auto;
	background-image: none;
	padding-bottom: 0;
}
/* @end */

/* @end */

/* @group Contact Info */
div.address {
	color: #565454;
	font-size: 85%;
	margin-left: .5em;
}
div.address h2 {
	text-transform: uppercase;
	font-size: 85%;
	margin-bottom: 0;
	padding-top: .8em;
	font-weight: normal;
}
div.address p {
	margin-bottom: 1em;
}
div.address p+p {
	margin-top: .4em;
}

div#areas div.address a {
	color: #1A75CF;
}


/* @end */

/* @end */

/* @group Site Links */
div#sitelinks {
	width: 17.8em;
	right: 0;
	top: 0;
	position: absolute;
}

p.apply {
	background-color: #919191;
	color: #FFFFFF;
	font-size: 114%;
	padding-left: .625em;
	margin: 0;
	border-top: dotted white 1px;
	padding-bottom: .5em;
	padding-top: .5em;
}

div#sitelinks p.apply a {
	color: #FFFFFF;
}

div#sitelinks img {
	width: 100%;
}

div#admissions {
	padding-left: .625em;
	background-color: inherit;
}

h3.deadlines {
	color: #9E0B0F;
	font-size: 85%;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: .5em;
}
ol.deadlines {
	list-style-type: none;
	margin-top: 0;
	padding-left: 0;
}

ol.deadlines li {
	padding-bottom: .5em;
	padding-top: .5em;
	border-bottom: dotted black 1px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}


div#sitenav p {
	background-color: #F5F5F5;
	padding-left: .625em;
	padding-top: 1em;
	font-family: Verdana, Arial, Helvetica;
	padding-bottom: .6em;
	padding-top: .6em;
	margin-top: .3em;
	margin-bottom: .3em;
}
div#sitenav p a {
	color: black;
	font-size: 95%;
}

/* @end */

/* @group News and Events */
div.pagenews {
	padding: 1em;
	background-color: #FFFFFF;
	font-size: 85%;
	background-color: #f5f5f5;
}

div.pagenews ul li {
	list-style-type:none;
	margin-left: -4em;
	padding-bottom: .5em;
}

div.pagenews h2 {
	font-size: 95%;
	font-family: Verdana, Arial, Geneva;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: .5em;
	margin-bottom: .5em;
	color: black;
}

div.pagenews h2 a {
	text-transform: uppercase;
	color: #898989;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
}
table.news {
	border-collapse: collapse;
}
table.news tr.odd {
	background-color: #eeeeff;
}
table.news td {
	padding: .5em;
	padding-top: .6em;
	padding-bottom: .6em;
}

#content div.maincontent table.results.items.item.display {
	border-collapse: collapse;
}
#content div.maincontent table.results.items.item.display tbody tr th {
	vertical-align: top;
	text-align: right;
	font-weight: bold;
	padding-bottom: 1em;
	padding-right: 1em;
	width: 7em;
}

#content div.maincontent table.results.items.item.display tbody tr td {
	padding: 0;
	margin: 0;	
}
#content div.maincontent table.results.items.item.display tbody tr td {
	vertical-align: top;
}
#content div.maincontent table.results.items.item.display p {
	padding: 0;
	margin: 0;
	line-height: 1.7em;
}
#content div.maincontent table.results.items.item.display h2 {
	padding: 0;
	margin: 0;
	font-weight: normal;
}

#content div.maincontent table.results.items.item.display tbody tr td {
	vertical-align: top;
	padding-bottom: 1em;
}
div.maincontent div.controls {
	padding-bottom: 2em;
}

#content div.maincontent table.results.items.item.display tbody tr td b {
	font-weight: normal;
}
/* @end */

/* @end */

/* @group Footer */
div#footer {
	text-align: center;
	width: 100%;
	margin: auto;
	background-color: white;
}

div#footer p.copyright {
	color: #717073;
	clear: both;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	margin-bottom: 5em;
	background-color: #efefef;
}

/* @group Quick Links */
div#quicklinks {
	/* width: 100%; */
	text-align: left;
	margin-left: 1em;
	color: #898989;
	width: 90em;
	margin: auto;
}

div#quicklinks p.options {
	color: #1C5AAF;
}
p.options span.unchosen {
	color: #898989;
}

div#quicklinks p.url {
	border-top: .09em #E5E5E5 solid;
	margin-bottom: 0;
}

div#quicklinks div.choiceline {
	position: relative;
	border-top: .09em #E5E5E5 solid;
	border-bottom: .09em #E5E5E5 solid;
	padding-top: .5em;
	padding-bottom: .5em;
	font-size: 110%;
}

form.keywordsearch {
	margin-bottom: 1em;
}
div#quicklinks div.groups div.group {
	float: left;
	/* is this clear necessary? if so, explain why --jerry May 15 2008 */
	/* clear: right; */
	padding-right: 1.9em;
	height: 21em;
}

div#quicklinks div.groups div.group + div.group {
	background: url(/soles/images/pipe.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 2em;
}

div#quicklinks div.group h3 {
	margin-bottom: 0;
}

div#quicklinks h3 a {
	text-transform: uppercase;
	color: #1C5AAF;
	font-size:80%;
	font-weight: normal;
}

div#quicklinks ul.links {
	list-style-type: none;
	padding-left: 0;
	margin-top: 0;
}

div#quicklinks ul.links li {
	margin-left: 0em;
	margin-top: 0;
	font-size: 95%;
}

div#quicklinks ul.group li a {
	color: #898989;
}

div#quicklinks div.search {
	position: absolute;
	right: 1em;
	top: .5em;
}

div#quicklinks p.options {
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
}

/* @end */
/* @end */

a#lightwindow_next, a#lightwindow_previous, div#lightwindow_data_details {
	background: none;
}

span#lightwindow_galleries_tab_span.up, div#lightwindow_galleries_tab_container {
	display: none;
}