/* 
-----------------------------------------------
\\\ Reset 
----------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus {   /* remember to define focus styles! */
    outline: 0;
}
body {
    line-height: 1;
    color: black;
	height: 100%;
}

ol, ul {
    list-style: none;
}
table {    /* tables still need 'cellspacing="0"' in the markup  */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

input { 
	line-height: 1; 
}


/* 
-----------------------------------------------
\\\ General
----------------------------------------------- */

#supersize {
    position: fixed;
    }

#supersize img {
    height:100%;
    position:absolute;
    width:100%;
    z-index:0
    }

body { 
	background: #fff;
	color: #202020; 
	font: 14px/20px "Helvetica Neue",helvetica,arial,sans-serif;
}

#wrap {
	position: relative;
	z-index: 1;
	width: 100%;
}

#container {
	width: 740px;
	float: left;
	display: inline;
	text-align: left;
	position: relative;
	top: 144px;
	left: 230px;
	padding-bottom: 48px;
}

a:link, a:visited {
    color: #3186af;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin-bottom: 12px;
}

ul {
	list-style-position: outside;
}

/* 
-----------------------------------------------
\\\ Masthead
----------------------------------------------- */
#masthead {
	width: 100%;
	position: absolute;
	top: 218px;
	left: 0;
	height: 82px;
	background: url(../images/mast_bg.png) repeat-x scroll 0 0;
	z-index: 2;
}

.sub #masthead {
	top: 30px;
}

#blocks {
	width: 719px;
	position: absolute;
	top: 218px;
	left: -719px;
	height: 82px;
	background: url(../images/blocks.png) repeat-x scroll 0 0;
	z-index: 1;
}

.sub #blocks {
	top: 30px;
	left: 230px;
}

#mark {
	position: absolute;
	top: 0;
	left: -1px;
	width: 230px;
	height: 82px;
	line-height: 82px;
	text-indent: -5000px;
	background: url(../images/mark.png) no-repeat scroll 0 0;
}

#mark a {
	display:block;
	height:82px;
}

#home_page #mark a {
	cursor: default;
}

#nav {
	position: absolute;
	top: 0;
	left: 230px;
	width: 720px;
	height: 82px;
}

ul#nav li {
padding: 0;
margin: 0;
height: 82px;
display: inline;
list-style-type: none;
float: left;
text-indent: -9999px;
position: relative;
vertical-align: top;
}

ul#nav li a {
height: 82px;
border: 0;
display: block;
background: transparent url(../images/nav.png) no-repeat;
width: 120px;
height: 82px;
}

ul#nav li ul {
position: absolute;
left: 0;
bottom: 10px;	
}

#home_page ul#nav li ul {
	bottom: 10px;
}

.sub ul#nav li ul {
	top: 10px;
}

ul#nav li ul li {
text-align: left;
padding: 0;
margin: 0;
width: 239px;
height: auto;
display: block;
list-style-type: none;
list-style-position: outside;
position: relative;
color: #fff;
text-indent: 0;
float: none;
}

ul#nav li ul li a {
display: block;
text-decoration: none;
padding: 4px 18px 7px;
width: auto;
height: auto;
color: #fff !important;
background-image: none;
font-size: 12px;
font-weight: bold;
line-height: 14px;
text-shadow: 1px 1px 1px #777;
}

.sub ul#nav li ul li a {
	text-shadow: 1px 1px 1px #777;
}

ul#nav li ul li a:hover {
	background-color: #e9a23c;
}

.subnav_wrap {
	display: none;
	height: 218px;
	width: 239px;
	background: transparent url(../images/subnav.png) repeat-x;
	position: absolute;
	left: 0;
}

#home_page .subnav_wrap {
	top: -218px;
}

.sub .subnav_wrap {
	top: 82px;
	left: 0;
	background: transparent url(../images/subnav_sub.png) repeat-x;
}

/* NOTE: Hover positions below need to be reflected in global.js as well */

li#about_nav a:link, li#about_nav a:visited {
background-position: 0 0;
}

li#about_nav a:hover, li#about_nav a:focus {
background-position: 0px -82px;
}

li#academic_nav a:link, li#academic_nav a:visited {
background-position: -120px 0;
}

li#academic_nav a:hover, li#academic_nav a:focus {
background-position: -120px -82px;
}

li#student_nav a:link, li#student_nav a:visited {
background-position: -240px 0;
}

li#student_nav a:hover, li#student_nav a:focus {
background-position: -240px -82px;
}

li#admissions_nav a:link, li#admissions_nav a:visited {
background-position: -360px 0;
}

li#admissions_nav a:hover, li#admissions_nav a:focus {
background-position: -360px -82px;
}

li#pre_nav a:link, li#pre_nav a:visited {
background-position: -480px 0;
}

li#pre_nav a:hover, li#pre_nav a:focus {
background-position: -480px -82px;
}

li#quick_nav a:link, li#quick_nav a:visited {
background-position: -600px 0;
}

li#quick_nav a:hover, li#quick_nav a:focus {
background-position: -600px -82px;
}

/* 
-----------------------------------------------
\\\ Interior
----------------------------------------------- */
#container_inner {
	width: 740px;
	background-color: #fff;
	float: left;
	opacity: 0.9;
}

#content {
	opacity: 1;
	width: 442px;
	float: left;
	display: inline;
	margin: 0 20px 11px 23px;
	display: inline;
	background: url(../images/content_bg.png) #fff no-repeat top left;
}

h1.headline {
	font-weight: bold;
	font-size: 25px;
	font-family: "Arial Narrow",arial;
	margin: 11px 0 6px 23px;
	float: left;
	width: 694px;
	opacity: 1;
	display: inline;
}

.subsub h1.headline {
	margin: 8px 0 0;
	font-size: 20px;
}

#content h2 {
	font-weight: bold;
	font-size: 14px;
	margin-top: 18px;
	margin-bottom: 5px;
}

#content ul {
	margin-bottom: 12px;
}

#content ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 16px;
}

.top_img {
	float: left;
	width: 694px;
	display: inline;
	margin: 0 0 14px 23px;
	opacity: 1 !important;
}

.subsub .top_img {
	margin-bottom: 0;
}

#sidebar {
	float: left;
	width: 232px;
	display: inline;
	background: url(../images/sub/rule.gif) no-repeat 0 4px;
}

.subsub #sidebar {
	margin-top: 15px;
}

#sidebar h4, #sidebar ul {
	width: 208px;
	margin-left: 24px;
	float: left;
	display: inline;
}

#sidebar h4 {
	width: 73px;
	height: 9px;
	line-height: 9px;
	text-indent: -5000px;
	background: url(../images/sub/in_this.gif) no-repeat scroll 0 0;
	margin: 6px 0 7px 24px;
}

#sidebar ul {
	margin-bottom: 0;
}

#sidebar ul li {
	font-size: 12px;
	margin-left: -1px;
	line-height: 16px;
	margin-bottom: 4px;
}

.subsub  #sidebar {
	background: none;
}

#content .top_img, #content h1.headline {
	width: 455px;
	margin-left: 0;
}

.section_head_wrap {
	width: 455px;
	height: 12px;
	line-height: 12px;
/*	text-indent: -5000px; */
	margin: 18px 0 8px 0;
/*	background: url(../images/sub/section_head.gif) no-repeat scroll 0 0; */
}

/* #student_head {
	background: url(../images/sub/student_head.gif) no-repeat scroll 0 0;
} */

#bg_toggle {
	position:fixed;
	bottom: 45px;
	right: 0;
	width: 20px;
	height: 107px;
	line-height: 107px;
	text-indent: -5000px;
	background: url(../images/bg_toggle.png) no-repeat scroll 0 0;
}

#bg_toggle a {
	display: block;
	height: 107px;
	z-index: 4;
}

.sub #poweredbywrap {  /* Convio powered-by image */
	clear: both;
	position: relative;
	top: 120px;
}
#home_page #poweredbywrap {
	position: absolute;
	bottom: 5px;
	left: 5px;
}


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1.headline {
    font-family: Verdana;
    visibility: hidden;
  }
}