/* CSS Global Styles */
* {margin: 0; padding: 0;}

/** Body Styles **/
body {font-size: 80%; font-family: Arial, sans-serif; color: #666666; background: #b8beca url(/images/background-greyfade.jpg) repeat-x;height:100%;}
div.indent {margin: 15px 15px 15px 25px;}
img.left {float:left;}
img.right {float:right;}
img.leftBorder {float:left; border:#CCCCCC 1px solid;}
img.rightBorder {float:right; border:#CCCCCC 1px solid;}
img.leftTile {float:left; margin:0 5px 5px 0;}
img.rightTile {float:right; margin:0 0 5px 0}
img.homebanner {margin-bottom:10px;}
.center {text-align:center;}
.studio216 { border:0px;}
.contact-icon {float:left; margin:0px 3px 0px 20px;}

/** Main Page Container **/
#container {margin:0px auto 0px auto; width:960px; background: url(/images/white-shadow-bkg.png) repeat-y; padding:1px 0px 0px 0px; position:relative; min-height:900px; }

/** Header Styles **/
#header {width:935px; height: 174px; text-align:left; position:relative; margin:5px 5px 5px 5px; background:url(/images/header-background.jpg) no-repeat 192px 0px; clear:both; z-index:3000; } 

#logo {display: inline; float:left; position:absolute; margin:0px 0px 0px 15px; width:172px; height:174px; background: transparent url(../images/logo.gif) bottom no-repeat; padding:0; clear:none;}
#logo a {display: block; width:172px; height:174px; overflow: hidden;}
#logo a:hover { text-decoration: none; border:0;} 
#logo h1 { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

#contact { display:inline; position:absolute; top: 5px; left: 810px; color: white; font-family: arial, helvetica, sans-serif; text-transform:uppercase; font-size:11px; width:75px;}
#contact a, #nav a:link, #nav a:visited {display: block;  color:#FFFFFF; text-decoration:none; padding: 5px 8px 5px 8px; } 
#contact a:hover {background:#999999;; display:block;}

#tag {display: inline; position:absolute; margin:55px 85px 0px 415px; width:479px; height:51px; background: transparent url(../images/tag.gif) bottom no-repeat; padding:0; clear:none;}
#tag a {display: block; width:479px; height:51px; overflow: hidden;}
#tag a:hover { text-decoration: none; border:0;} 
#tag h1 { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

/** Nav Styles **/
#navcontainer {top:150px; left:200px; color: White;  width: 710px; font-family: arial, helvetica, sans-serif; text-transform:uppercase; font-size:11px; position:absolute; z-index:1000; }

#nav, #nav ul {padding: 0; list-style: none; } 
#nav a, #nav a:link, #nav a:visited {display: block; color:#FFFFFF; text-decoration:none; padding: 5px 5px 5px 5px; overflow:visible;} 
#nav a:hover {background:#999999; display:block;}
#nav li {float: left; }
#nav li ul {position: absolute; width: 10.5em; left: -999em; overflow:visible;} 
#nav li ul li { border:0px; margin-top:3px; text-transform: none; display:block;}
#nav li:hover ul {left: auto;  color: #fff; text-decoration: none; }
#nav li:hover ul, #nav li.sfhover ul {left: auto; background-color: #b5c58a; display:block;}

#nav .home {width: 62px;}
#nav .about {width: 60px;}
#nav .academic {width: 130px;}
#nav .pricepoint {width: 140px;}
#nav .other {width: 120px;}
#nav .sustainability {width: 110px;}
#nav .affordable {width: 142px;}

/** Subtitle Styles **/
#subtitle {margin:0px 0px 5px 40px; font-size:1.6em; color:#4e553c;}

/** Content Styles - 2 Column Grid**/
#leftcolumn {display: inline; width:545px; float:left; margin-left:20px; margin-top:0px; position:relative; clear:none;}
#leftcolumn ol{padding-left:1em; margin-left:1em; list-style-position:outside; }

#rightcolumn {display: inline; float:right; margin-right:20px; width:362px; margin-bottom:0px; position:relative; font-size:.85em; line-height:1.7em;}
#rightcolumn h1 {color:#9dab78; font-size:1.6em; line-height:1.3em; font-weight:normal; padding-bottom:.5em;}
#rightcolumn h2 {color:#9dab78; font-weight:normal; padding-bottom:.1em;}
#rightcolumn h3 {font-size:1.2em;  padding-bottom:.3em; }
#rightcolumn p {padding-bottom:1.2em;}
#rightcolumn ul {padding-left:1.5em; list-style-type:square; }
#rightcolumn li {padding-bottom:.3em;}
#rightcolumn a {text-decoration: none; color:#9dab78; font-weight:bold;}
#rightcolumn a:visited {text-decoration: none;}
#rightcolumn a:hover {text-decoration:underline;}

#aside {background: #f8f9f4 url(/images/lightgreen-fade.jpg) repeat-x; width:98%; min-height:75px; float:left; border:#b9ca8e 1px solid; display:inline;}
#aside h2 {margin:15px; color:#9dab78; font-size:1.3em; line-height:1.3em; font-weight:normal;}
#aside a {text-decoration: none; color:#9dab78;}
#aside a:visited {text-decoration: none;}
#aside a:hover {text-decoration:underline;}
#aside h3 {margin:5px 0px 0px 15px;}
#aside ul {padding-left:3.5em; list-style: square; margin-left:1em;  }
#aside li {padding-bottom:.3em; list-style: square ;}

#leftcolumnAlt {width:335px; float:left; margin-left:40px; margin-top:3px; line-height:normal; line-height:1.7em; font-size:.85em; z-index:1; }
#leftcolumnAlt ol{padding-left:1em; margin-left:1em; list-style-position:outside; list-style:upper-alpha;}

#rightcolumnAlt {display: inline; float:right; margin-right:20px; width:555px; margin-bottom:20px; position:relative;}

#calculator {width:178px; height:177px; position:relative; background:url(/images/calculator-background.jpg); float:right;}
#calculator-links {width:160px; margin:10px; color:#FFFFFF; top:80px; position:absolute; font-size:10px;
}
#calculator-links a {text-decoration: none; color:#FFFFFF; font-weight:bold; font-size:12px;}
#calculator-links a:visited {text-decoration: none;}
#calculator-links a:hover {text-decoration:underline;}

#content {width:530px; margin:10px 0px 5px 20px; line-height:1.7em; font-size:.85em; display:inline; float:left; }
#content h1 {color:#9dab78; font-size:1.6em; line-height:1.3em; font-weight:normal; padding-bottom:.5em;}
#content h2 {color:#9dab78; font-weight:normal; padding-bottom:.1em;}
#content h3 {font-size:1.2em;  padding-bottom:.3em; }
#content p {padding-bottom:1.2em;}
#content ul {padding-left:1.5em; list-style-type:square; }
#content li {padding-bottom:.3em;}
#content a {text-decoration: none; color:#9dab78; font-weight:bold;}
#content a:visited {text-decoration: none;}
#content a:hover {text-decoration:underline;}

#video {width:720px; margin:auto; text-align:center; z-index:100 }
#video h1 {color:#9dab78; font-size:1.6em; line-height:1.3em; font-weight:normal; padding-bottom:.5em;}
#video h2 {color:#9dab78; font-weight:normal; padding-bottom:.1em;}
#video h3 {font-size:1.2em;  padding-bottom:.3em; }
#video p {padding-bottom:1.2em;}
#video a {text-decoration: none; color:#9dab78; font-weight:bold;}
#video a:visited {text-decoration: none;}
#video a:hover {text-decoration:underline;}

#lowerContainer {width:920px; clear:both; margin-left:40px; line-height:1.5em; font-size:.95em;}
#lowerContainer h2 {font-size:1.4em; color:#9dab78; font-weight:normal; padding-bottom:.1em;}
#lowerContainer h3 {font-size:1.2em;  padding-bottom:.3em; }
#lowerContainer ul {padding-left:1em;}
#lowerContainer p {padding-bottom:1.5em;}
#lowerContainer .consultants {width:248px; float:left; position:relative; padding-right:20px; font-size:.9em;}
#lowerContainer .profiles {float:left; position:relative; padding-right:40px; font-size:.9em;}
#lowerContainer a {text-decoration: none; color:#9dab78; font-weight:bold;}
#lowerContainer a:visited {text-decoration: none;}
#lowerContainer a:hover {text-decoration:underline;}

/** Footer **/
#footer {clear:both;  margin:50px auto 0px auto; width:920px; font-size:.85em; padding-top:20px; }
#footer p {padding:.55em; margin-left:15px;}
#footer a {text-decoration: none; color:#9dab78; font-weight:bold;}
#footer a:visited {text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/** Titles **/
#aboutTitle {display: block; position:relative; margin:25px 0px 0px 39px; width:339px; height:16px; background: transparent url(/images/title_about.gif) bottom no-repeat; padding:0;}
#aboutTitle h1 { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

#academicTitle {display: block; position:relative; margin:25px 0px 0px 39px; width:339px; height:16px; background: transparent url(/images/title_academic.gif) bottom no-repeat; padding:0;}
#academicTitle h1 { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

#pricepointTitle {display: block; position:relative; margin:25px 0px 0px 39px; width:339px; height:16px; background: transparent url(/images/title_pricepoint.gif) bottom no-repeat; padding:0;}
#pricepointTitle h1 { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

#affordableTitle {display: block; position:relative; margin:25px 0px 0px 39px; width:339px; height:16px; background: transparent url(/images/title_affordable.gif) bottom no-repeat; padding:0;}
#affordableTitle h1 { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

#sustainabilityTitle {display: block; position:relative; margin:25px 0px 0px 39px; width:339px; height:16px; background: transparent url(/images/title_sustainability.gif) bottom no-repeat; padding:0;}
#sustainabilityTitle h1 { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

#contactTitle {display: block; position:relative; margin:25px 0px 0px 39px; width:339px; height:16px; background: transparent url(/images/title_contact.gif) bottom no-repeat; padding:0;}
#contactTitle h1 { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

#otherTitle {display: block; position:relative; margin:25px 0px 0px 39px; width:339px; height:16px; background: transparent url(/images/title_resort_other.gif) bottom no-repeat; padding:0;}
#otherTitle h1 { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

#pricepoint-housing-calcTitle {display: block; position:relative; margin:10px 0px 10px -3px; width:339px; height:16px; background: transparent url(/images/title_price_point_calc.gif) bottom no-repeat; padding:0;}
#pricepoint-housing-calcTitle h1 { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

#affordable-housing-calcTitle {display: block; position:relative; margin:10px 0px 10px -3px; width:339px; height:16px; background: transparent url(/images/title_affordable_housing_calc.gif) bottom no-repeat; padding:0;}
#affordable-housing-calcTitle h1 { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

#student-housing-calcTitle {display: block; position:relative; margin:10px 0px 10px -3px; width:339px; height:16px; background: transparent url(/images/title_student_housing_calc.gif) bottom no-repeat; padding:0;}
#student-housing-calcTitle h1 { text-indent: -3000em; font-size: 8px; line-height: 8px; margin: 0; padding: 0;}

.next {border:thin solid #666666; padding:12px; font-size:110%; margin-bottom:20px;}