@charset "utf-8";
/* CSS Document */

/********* BASE TAGS **********/

body { 
	background: url(images/background-body.jpg) repeat-x #fff;
	font: .75em verdana, arial, helvetica, sans-serif;
	color: #4d4c4b;
	margin:0;
	padding:0;
	}
	
h1 {
	font: 1.75em/1.5em verdana, arial, helvetica, sans-serif;
	color: #72a492;
	margin:0;
	padding:0;
}

h2 {
	font: 1.5em/1.5em verdana, arial, helvetica, sans-serif;
	color: #72a492;
	margin:0;
	padding: 20px 0 0 0;
	border-bottom: solid 1px #bad1c9;
}
	
p, td, li {
	font: 1em/1.3em verdana, arial, helvetica, sans-serif;
	color: #4d4c4b;
	}
	
a:link, a:active {
	font: bold 1em/1.3em verdana, arial, helvetica, sans-serif;
	color: #003e79;
	}

a:visited {
	font: bold 1em/1.3em verdana, arial, helvetica, sans-serif;
	color:#333;
	}
	
a:hover {
	font: bold 1em/1.3em verdana, arial, helvetica, sans-serif;
	color:#ba5915;
	}
	
a img{
	border: 0;
}

.imgBlock{
	display: block;
	margin: .5em auto;
}

hr.hrbreak{
	width: 80%;
	clear: left;
	margin: 1em auto;
	
}
	
.box {
	padding: 30px 0;
	clear:left;
}
	
.container {
	width:960px;
	margin:0 auto;
	padding:0;
	overflow: auto;
	}


.brclr {
	clear:both;
	}
	

.fltlt {
	float:left;
	margin: 0 10px 10px 0;
	}
	
.fltrt {
	float:right;
	margin: 0 0 10px 10px;
	}
	
p.policy {
	text-align:left;
	margin:20px 0 20px 10px;
	}
	
p.policy a {
	font: normal .75em verdana, sans-serif;
	}
	
.center {
	text-align:center;
	}
	
.notes {
	font-weight: bold;
	color:#900;
	}
	
/********** HEADER **********/	
#header {
	height:90px;
	margin:20px 0 0 0;
	font: bold 1em verdana, arial, helvetica, sans-serif;
	color:#003e79;
	overflow: hidden;
}

#photobox {
	height:196px;
	overflow: hidden;
}

.photo {
	position:absolute;
	top:100px;
	z-index:2;
	}

.leftbox {
	width:460px;
	float:left;
	margin:0;
	padding:0;
	text-align:left;
}

.rightbox {
	width:500px
	float:right;
	margin:0;
	padding:10px 0 0 0;
	text-align:right;
}
#nameBox {
	width:500px;
	float:right;
	margin:0;
	padding:10px 0 0 0;
	text-align:right;
}
#nameBox h6{
	margin: 1em 0;
	font-size: 28px;
	font-weight: bold;
	color: #ba5915;
}

p.caption{
	text-align: center;
	font-size: 80%;
	margin: 2px 0;
}

img.welcome {
	margin-top: 40px;
}

.imgBlock{
	display:block;
	margin: .5em auto;
}

/********** CONTENT AREA **********/

#content {
	width:960px;
	background:url(images/background-content.gif) repeat-y #fff;
	margin:0;
	padding:0;
	overflow: auto;
	
	}
	
#col-left {
	float:left;
	display:inline;
	width:200px;
	padding:30px 0 0 0;
	margin:0;
	}
	
#col-center {
	float:left;
	display:inline;
	width:540px;
	margin:0;
	padding:20px 10px;
}

#col-right {
	float:right;
	display:inline;
	width:180px;
	margin:0;
	padding:0 10px 20px 0;
}

#col-center ul.check-list {
	/*list-style-image: url(images/diamond.gif);*/
	list-style: none;	
}

#col-center ul.check-list li {
	font: 1em/1.8em verdana, arial, helvetica, san-serif;
	background: url(images/diamond.gif) no-repeat center left;
	padding-left: 20px;	
}

/********** LEFT COLUMN MENU **********/

ul.menu {
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
ul.menu li a:link, ul.menu li a:active, ul.menu li a:visited {
	display:block;
	width:170px;
	font: bold 1em/1.75em verdana, arial, helvetica, sans-serif;
	color:#003e79;
	text-decoration:none;
	padding: 0 0 0 10px;
	}
	
ul.menu li a:hover, ul.menu li a.selected {
	display:block;
	background-color:#b8d1ca;
}

.button-header {
	background: url(images/button-left-menu.gif) no-repeat;
	font: bold 14px verdana, arial, helvetica, sans-serif;
	color:#003e79;
	height:32px;
	width:180px;
	padding:7px 0 0 0;
	text-align:center;
}

.flu-widget {
	margin:10px auto; 
	width:152px;
	background: #fff;
}

.resources-header {
	font: bold 1.2em/1.5em verdana, arial, helvetica, sans-serif;
	color:#003e79;
	margin:20px 5px 10px 5px;
	border-bottom: solid 1px #003e79;
}

ul.resources {
	list-style-type:none;
	margin:0 5px 20px 0;
	padding:0;
}

ul.resources li {
	margin:0 0 10px 0;
}
	
ul.resources li a:link, ul.resources li a:active {
	display:block;
	width:170px;
	font: bold 1em/1.50em verdana, arial, helvetica, sans-serif;
	color:#003e79;
	}

ul.resources li a:visited {
	display:block;
	font: bold 1em/1.50em verdana, arial, helvetica, sans-serif;
	color:#666;
	}
	
ul.resources li a:hover {
	display:block;
	font: bold 1em/1.50em verdana, arial, helvetica, sans-serif;
	color:#ba5915;
	}


/********** RIGHT COLUMN TEXT AND IMAGES **********/

h3 {
	font: bold 1.25em verdana, arial, helvetica, sans-serif;
	color:#ba5915;
	text-align:center;
	border-bottom: solid 1px #ba5915;
	margin-top:20px;
}



#buttons {
	text-align:center;
}
	
	
img.banner {
	margin:10px auto;
}
	
	
/********** FOOTER **********/

#footer {
	width:100%;
	height:160px;
	background-color: #bad1c9;
	border-top: solid 2px #003e79;
}


#fcol-left {
	float:left;
	display:inline;
	width:300px;
	padding:5px 0 0 0;
	margin:0;
	}
	
#fcol-center {
	float:left;
	display:inline;
	width:500px;
	margin:0;
	padding:0;
}

#fcol-right {
	float:right;
	display:inline;
	width:160px;
	margin:0;
	padding:0;
}

.foot-address {
	margin: 0 0 0 50px;
	font: bold .75em/1.5em verdana, arial, helvetica, san-serif;
	color:#003e79;
}

#ipBrand{
	overflow: auto;
}

#ipBrand p {
float: right;
text-align: right;
padding-top: 8px;
padding-right: .5em;
font-size: .9em;
}

#ipBrand .ipLogo {
float: right;
}


/********** CONTACT US FORM **********/

#contact{
	width: 500px;
	margin: .5em auto;
	background: #cde0dc;
	border: 1px solid #bababa;
}

#contact form{
	padding: 1em;
}

#contact input{
	margin: .35em 0;
}


#copyright {
	font: .8em verdana, arial, helvetica, sans-serif;
	color:#003e79;
	padding-top:15px;
	text-align:left;
	clear:both;
}

/*****************************************************************************
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;
  }
}  
/*.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}*/





/*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 h6 {
   visibility: hidden;
   line-height: 28px;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 28px;
    
  }
  
}


#ipBrand p {
float: right;
text-align: right;
padding-top: 8px;
padding-right: .5em;
}

#ipBrand .ipLogo {
float: right;
}


/********** SITE SPECIFIC TAGS **********/

.addressRight {
	width:210px;
	float: right;
	padding:0 0 0 40px;
}

.addressLeft {
	width:210px;
	float: left;
	padding:0 0 0 40px;
}

.campusName {
	color:#ba5915;
	font-weight:bold;
	border-bottom: solid 1px #ba5915;
	margin:0;
}

.pullQuote {
	padding: 10px 20px;
	background-color:#f2f2f2;
	clear:left;
}