/*-----------------------------------------------------------------------------
Ventana Style Sheet (commented stylesheet)

version:	 1.0
author:		robby fowler
email:		 rfjunk@mac.com
website:	 http://www.robbyf.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

body {
	font: small/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	background: #fff url(../images/woodBG.jpg);
	min-width: 1060px;
}




/* Put it back on certain elements */
/*h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
	margin: 1em 0;
}*/

/* Remove border around linked images */
img {
	border: 0;
}


/* =Typography
-----------------------------------------------------------------------------*/
h1 {
	font-size: 180%;
	font-weight: normal;
}

h2 {
	font-size: 160%;
}

h3 {
	font-size: 130%;
}

p, li {
	font-size: 110%;
}

h1, h2 {
	margin: 1em 0 0 0;
}

p {
	margin-bottom: 1em;
}
.ruleTop {
	border-top: 1px solid #d0ccbe;
}
.firstLine {
	font-size: 140%;
	font-family: Georgia, serif;
}

.red {
	color: #9e0b0f;
}

.letter {
	font-family: Georgia, serif;
}

span {
	margin: 0;
	padding: 0;
}

.note {
	font-size: 80%;
}

/* =Headings
-----------------------------------------------------------------------------*/



/* =Links
-----------------------------------------------------------------------------*/
a {
	color:#000; 
	text-decoration:none;
}

#content a {
	text-decoration: underline;
}

a:hover {
	color:#4f6273;
}

/* =Top Background 
-----------------------------------------------------------------------------*/
#topBackground { /*vertical wood pattern at the top*/
	background: url(../images/topWoodBG.jpg) repeat-x top left;
	height: 304px;
}


/* =Wrappers
-----------------------------------------------------------------------------*/
#outerWrapper { /* wraps around wrapper and makes room for wrapper shadow */
	position: relative;
	left: 50%;
	width: 986px; 
	margin-left: -493px;
	text-align: left;
}

div [id="outerWrapper"] { /* attribute selector excludes PNG from IE */
	background: url(../images/outerWrapperShdw.png) repeat-y top left;
}


#wrapper {/* inside wrapper that carries paper background */
	position: relative;
	left: 50%;
	width: 936px; 
	margin-left: -468px;
	text-align: left;
	background: #fbf8f1 url(../images/wrapperBG.jpg);
}


#content { 
	width: 605px;
	float: left;
}


/* =Branding
-----------------------------------------------------------------------------*/
#branding {
	background: #402102 url(../images/headerBrand.jpg) no-repeat;
	height: 261px;
}
#branding * { /* remove any padding or margin */
	padding: 0;
	margin: 0;
}
html>body #branding ul { /*movable "Baja" just to left of branding, filtered out for IE 5&6 for PC*/
	background: url(../images/headerBaja.png) no-repeat;
	position: relative;
	left: -172px;
	top: 115px;
	width: 173px;
	height: 110px
}


/* =Main Nav
-----------------------------------------------------------------------------*/
#nav {
	background: #eee url(../images/navigation.jpg) no-repeat;
	height: 44px;
}
	#nav li {
		display: inline;
	}
	#nav ul {
		margin: 0;
		padding: 0;
	}
	#nav li a:link, #nav li a:visited {
		text-decoration: none;
		display: block;
		text-indent: -9000px;
		position: absolute;
	}

/* ----- link positioning ----- */
	#nav #home a:link, #nav #home a:visited {
		width: 105px;
		height: 44px;
		top: 261px;
	}
	#nav #student a:link, #nav #student a:visited {
		width: 173px;
		height: 44px;
		left: 106px;
		top: 261px;
	}
	#nav #admissions a:link, #nav #admissions a:visited {
		width: 153px;
		height: 44px;
		left: 278px;
		top: 261px;
	}
	#nav #about a:link, #nav #about a:visited {
		width: 124px;
		height: 44px;
		left: 431px;
		top: 261px;
	}
	#nav #support a:link, #nav #support a:visited {
		width: 222px;
		height: 44px;
		left: 555px;
		top: 261px;
	}
	#nav #blog a:link, #nav #blog a:visited {
		width: 157px;
		height: 44px;
		left: 775px;
		top: 261px;
	}

	/* ----- link positioning ----- */
	#nav #home a:hover, #homePage #nav #home a {
		background: url(../images/navigation.jpg) 0px -44px;
	}
	#nav #student a:hover, #studentLife #nav #student a {
		background: url(../images/navigation.jpg) -106px -44px;
	}
	#nav #admissions a:hover, #admissions #nav #admissions a {
		background: url(../images/navigation.jpg) -278px -44px;
	}
	#nav #about a:hover, #about #nav #about a {
		background: url(../images/navigation.jpg) -431px -44px;
	}
	#nav #support a:hover, #support #nav #support a {
		background: url(../images/navigation.jpg) -555px -44px;
	}
		#nav #blog a:hover, #blog #nav #blog a {
		background: url(../images/navigation.jpg) -775px -44px;
	}


/* =Sub Nav
-----------------------------------------------------------------------------*/



/* =Main Content
-----------------------------------------------------------------------------*/
#content h1 {
	margin: 0;
	text-indent: -5000px;
	width: 313px;
	height: 82px;
}

#content h3, #content h4, #content h5 {
	padding-top: 2em;
	padding-bottom: 0;
}

#homePage #content {/*Set the h1 graphic for each section of the site*/
	background: url(../images/hdrWelcome.jpg) no-repeat top left;
}

#studentLife #content {/*Set the h1 graphic for each section of the site*/
	background: url(../images/hdrStudent.jpg) no-repeat top left;
}

#admissions #content {/*Set the h1 graphic for each section of the site*/
	background: url(../images/hdrAdmissions.jpg) no-repeat top left;
}

#about #content {/*Set the h1 graphic for each section of the site*/
	background: url(../images/hdrAbout.jpg) no-repeat top left;
}

#support #content {/*Set the h1 graphic for each section of the site*/
	background: url(../images/hdrSupport.jpg) no-repeat top left;
}

#why #content {/*Set the h1 graphic for each section of the site*/
	background: url(../images/hdrWhy.jpg) no-repeat top left;
}

#sitemap #content {/*Set the h1 graphic for each section of the site*/
	background: url(../images/hdrSite.jpg) no-repeat top left;
}

#fall #content {/*Set the h1 graphic for each section of the site*/
	background: url(../images/hdrFall.jpg) no-repeat top left;
}

#content div {
	border-bottom: 1px solid #d0ccbe;
}
/* Content padding 
================================== */
#content * {
	padding-left: 50px;
	padding-right: 20px;
}

#content * * {
	padding-right: 0;
}

/* Remove Some Content padding 
================================== */
#content strong, #content a {
	padding: 0;
}

#content li {
	padding-left: 0px;
	margin-left: 20px;
}

/* Content Image Float 
================================== */
#content #pic {
float: left;
padding: 1em 2em 1em 0;
border-bottom: 0;
}
#admissions #content #pic, #support #content #pic, #content #picRight  {
float: right;
padding: 1em 42px 0 0;
border-bottom: 0;
}



/* =Sidebar
-----------------------------------------------------------------------------*/
#sidebar {
	width: 308px;
	float: right;
	color: #323836;
}
#sidebar h1 {
	padding: 0;
	text-indent: -5000px;
	background: url(../images/hdrQuicklinks.gif) no-repeat;
	width: 308px;
	height: 52px;
	border-bottom: 1px solid #d0ccbe;
}
#sidebar h2.deadlines {
	margin-top: 60px;
	padding-top: 20px;
	text-indent: -5000px;
	background: url(../images/hdrDeadlines.gif) no-repeat;
	border-bottom: 1px solid #d0ccbe;
}
#sidebar h2.job {
	margin-top: 60px;
	padding-top: 20px;
	text-indent: -5000px;
	background: url(../images/hdrJob.gif) no-repeat;
	border-bottom: 1px solid #d0ccbe;
}
#sidebar h2.flickr {
	margin-top: 60px;
	padding-top: 20px;
	text-indent: -5000px;
	background: url(../images/hdrFlickr.gif) no-repeat;
	border-bottom: 1px solid #d0ccbe;
}
#sidebar p {
	padding-left: 18px;
	padding-right: 18px;
	font-size: 1em;
}
#sidebar li {
	font-family: Georgia, Times, Times New Roman, Serif;
	font-size: small;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#sidebar li {
	background: url(../images/bullet.gif) no-repeat 0 50%;
	padding-left: 20px;
}
/* sidebar submenu 
================================== */
#sidebar #submenu {
	padding: 0;
	background: #9e0b0f url(../images/hdrSubmenu.jpg) no-repeat top left;
	color: black;
}
#sidebar #submenu h1 {
	margin: 0;
	padding: 0;
	text-indent: -5000px;
	width: 308px;
	height: 82px;
	border-bottom: 1px solid #891215;
	background: none;
}
#sidebar #submenu div {
	/*background: url(../images/sidebarSubBttmBG.jpg) no-repeat top left;*/
	height: 71px;
}
#sidebar #submenu ul {
padding: 10px 0 0 20px;
}
#submenu li {
	background: url(../images/bulletsRed.gif) no-repeat 0 50%;
	padding-left: 20px;
}
#sidebar.submenu1 li.submenu1,
#sidebar.submenu2 li.submenu2,
#sidebar.submenu3 li.submenu3,
#sidebar.submenu4 li.submenu4,
#sidebar.submenu5 li.submenu5,
#sidebar.submenu6 li.submenu6 {
	background: url(../images/bulletsWhite_red.gif) no-repeat 0 50%;
	padding-left: 20px;
}
#submenu a:hover,
#sidebar.submenu1 a.submenu1,
#sidebar.submenu2 a.submenu2,
#sidebar.submenu3 a.submenu3,
#sidebar.submenu4 a.submenu4,
#sidebar.submenu5 a.submenu5,
#sidebar.submenu6 a.submenu6 {
	color: white;
}
/* sidebar why ventana 
================================== */
#sidebar #whyVentana {
	padding: 0;
	background: #869691 url(../images/hdrWhyVentana.jpg) no-repeat top left;
}
#sidebar #whyVentana h1 {
	margin: 0;
	padding: 0;
	text-indent: -5000px;
	width: 308px;
	height: 82px;
	border-bottom: 1px solid #76817d;
	background: none;
}
#sidebar #whyVentana div {
	background: url(../images/sidebarWhyBttmBG.jpg) no-repeat top left;
	height: 71px;
}
/* sidebar padding 
================================== */

#sidebar {
	/*padding-top: 20px;*/
	padding-bottom: 20px;
}

#sidebar * {
	padding-left: 18px;
	padding-right: 18px;
}

#sidebar * * {
	padding-left: 0;
	padding-right: 0;
}


/* =Footer
-----------------------------------------------------------------------------*/
/* The Footer
================================= */
#footerCopyright h2 {
	font-size: 150%;
	margin: 0;
}


#footerWrapper {
	background: #b0b0b0 url(../images/footerBG.jpg) no-repeat left top;
	width: 936px;
	/*border: solid purple; REMOVE*/
}


#footerBlog { 
	width: 272px;
	float: left;
	/*border: solid red; REMOVE*/
}

#footerContent { 
	width: 624px;
	float: right;
	/*border: solid green; REMOVE*/
}

#footerApply { 
	width: 302px; 
	margin: 0; 
	float: left;
	border-right: solid 1px white;
	border-left: solid 1px white;
}

#footerCopyright { 
	width: 262px;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	float: right;
	/*border: solid black; REMOVE*/
}


/* Add some padding for footer
================================== */
#footerApply {
	padding-left: 20px;
}
#footerBlog {
	padding-left: 30px;
	padding-top: 10px;
}
#footerCopyright {
	padding-right: 20px;
	padding-top: 20px;
}
#footerBlog, #footerContent {
	padding-top: 50px;
	padding-bottom: 10px;
}

#footerBlog *, #footerCopyright * {
	padding-left: 20px;
	padding-right: 10px;
}

#footerBlog * *, #footerCopyright * * {
	padding-left: 0;
	padding-right: 0;
}

/* Add some text styling for footer
================================== */
#footerWrapper a {
	color: white;
	text-decoration: underline;
}
#footerWrapper a:hover {
	color: black;
	text-decoration: none;
}
#footerContent h3, #footerBlog h3 {
	color: white;
	font-family: Georgia, serif;
}

#footerContent p, #footerBlog p, #credit p {
	color: white;
	font-size: 80%;
}

.icnBlog {
	padding: 10px 0 10px 0;
	background: url(../images/icnBlog.gif) no-repeat 65% 50%;
}
.icnApply {
	padding: 10px 0 10px 0;
	background: url(../images/icnApply.gif) no-repeat 35% 50%;
}

/* Footer Site Design Credit
================================== */
#credit {
	text-align: center;
	border-top: dotted 1px #fff;
	border-bottom: dotted 1px black;
}

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
	border: 1px solid transparent;
}

form {
  font-size: 100%;
}


/* set clear margin, padding cascade inherited from #content */
#content fieldset * * {
	margin-left: 0;
	padding-left: 0;
}

/* general fieldset styling */
#content fieldset {
  margin: 1em 0; /*  space out the fieldsets a little*/
  padding: 1em 0;
  border: none;
}

/* Present Status fieldset styling */
#content fieldset.presently {
	margin-left: 1em;
	border-top: 1px solid #9e0b0f;
	/*background-color:#F5F5F5*/
}

/* legend styling */
legend {
  font-weight: bold;
  font-size: 110%;
  margin-left: 0;
  padding-left: 0;
}


/* style for  labels */
#content label {
  display: block;
  margin: 0;
  padding: 0;
}

/* style for required labels */
#content label .required {
  font-size: 80%;
  color:#9e0b0f;
}

input {
  width: 250px;
}


input.radio, input.submit, #content input.submit {
  width: auto;
  margin-left: 0;
  padding-left: 0;
}

/* style form elements on focus */
input:focus, textarea:focus {
  background: #ffc;
}

input.radio {
  float: left;
  margin-right: 1em;
}

textarea {
  width: 300px;
  height: 100px;
}

/* Hack to make sure the floated radio buttons
   sit next to the labels correctly in IE/Mac*/

/* This is the style I want IE/Mac to see */
input.radio + label {
  text-indent: 2em;
}

/* Using the commented backslash filter, I'm resetting
   the above rule for everything other than IE5/Mac \*/
input.radio + label {
  text-indent: 0;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
	text-align: center;
	border-spacing: 0;
	border-collapse: collapse;
}

td {
	text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/
#clear { 
	clear: both; 
}
/* Class for clearing floats */
.clear {
	clear:both;
}

/* =IE Hacks
-----------------------------------------------------------------------------*/
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}



/* =Flickr
-----------------------------------------------------------------------------*/
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 0 !important;}
#flickr_badge_uber_wrapper {width:280px; padding-top: 1em;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#663300;}