﻿/*
Theme Name: summeronthehill
Theme URI: http://summeronthehill.org/
Description: Theme based on design by Ting (Zhang Wenting).
Version: 1.0
Author: Taproot - vincentbaker
Author URI: http://www.vincentbaker.com/

*/
@import url(topnav.css);

html{font:normal 100% helvetia,sans-serif}
body{text-align:center;background:#e0e9ed;font:normal 16px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;}
/* Begin Images */		
a{text-decoration:none;font-weight:bold}
a:hover {text-decoration:underline;}
p img {padding: 0;max-width: 100%;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left}
/* End Images */

/* Begin Lists */
#content li {font-size:1em;}
#content li a { text-decoration: none;color:rgb(175, 127, 44) }
#aboutus #content li a { text-decoration: none;color:rgb(175, 127, 44) }
/* Begin Various Tags & Classes */
hr {display: none;}
a img {border: none;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0;display: block;}
.center {text-align: center;}
.hidden {display: none;}
.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}
/* End Various Tags & Classes*/

/* begin template ids */
/*	#wrapper {width:100%;}	*/

#header, #main, #side_nav, #content, #home_content, .top_nav, #footer, #logo, #tagline {float:left;display:inline}
/*centers the main page content in browser*/
#wrapper { margin:0 auto;}
#header { width:46.25em; background-color: white; height:8.6875em;}
#logo{width:248px;height:114px;margin:12px 0 0 32px;background:transparent url(../../../../images/logo.png) 0 0 no-repeat}
#logo:hover { cursor:pointer ; }
#contactus {}
#tagline {text-align:left;color:#927962;margin:0 0 0 10px;}
#main{ background: white;padding:5px 0px 0px 0px}

#home_content {width: 34.75em;background-color: white;height:410px;margin:14px 0 0px 0px;padding:0px 0px;}
#home_content #thephoto {margin:0 0 0 14px}

#content {width: 41.75em;height:100%;text-align:left;padding:30px 0 15px 30px;margin:0;font-size:12px}
/*#content p:first-child { padding-bottom:100px;display:block}*/
#content h1 {}
#side_nav {width:184px; height:475px;background: white;}
#side_nav a:hover ,#side_nav div div a:hover, #side_nav div div ul li a:hover, #side_nav div div a.current {color:rgb(98,99,102);outline:none}
#side_nav ul {padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;color:white}
#side_nav li { list-style: disc; }
#side_nav div div a {text-decoration:none;font:bold .8em arial,sans-serif;color:white;display:block;padding:25px 0px  15px  0px;text-align:left;line-height: 1em;}
#side_nav div div ul li a {padding:1em 0px  0px  0px;text-align:left }
/* end template ids */

/*side_navs*/

/*homepage_sidenav*/
div#side_nav.news {width:161px;height:350px;text-decoration: none;text-align:left;margin:0px;padding:0px}
#side_nav.news p  {color:#000;text-align:left;font:normal 12px  arial,sans-serif;padding:0 0 0 13px;}
#side_nav.news p a {color:#000;text-decoration: none;}

.news p {width:140px:}

/*aboutus_sidenav*/
div#aboutus_sidenav div {background-color:#008cca;width:160px;min-height:56px;border:1px solid #00adef;text-decoration: none;padding:0 0 0 30px}
#aboutus_sidenav ul		{padding:0px 0px 10px 0px}
#aboutus_sidenav ul li	{text-align:left;padding:0 0 5px 10px;font:normal .90em arial,sans-serif}
div#aboutus_sidenav ul ul li a{background:#008cca;min-height:16px;text-decoration: none;padding:0 0 0 30px;font:normal .75em arial,sans-serif}

/* admisssions_sidenav */
div#admissions_sidenav div  {background:#ce7a42;width:160px;min-height:56px;border:1px solid #e18446;text-decoration: none;padding:0 0 0 30px;}
#admissions_sidenav ul li{margin:0 3px 0 0;text-align:left}
div#admissions_sidenav ul li ul li{background:#95bc40;min-height:16px;border:0px solid #a1cd43;text-decoration: none;padding:0 0 0 30px;}

/* programs_sidenav */
div#programs_sidenav div  		{background:#94bb3f;width:160px;min-height:56px;border:1px solid #a1cd43;text-decoration: none;padding:0 0 0 30px;}
#programs_sidenav ul li			{margin:0 3px 0 0;text-align:left}
div#programs_sidenav ul ul li a{background:#95bc40;min-height:16px;border:0px solid #a1cd43;text-decoration: none;padding:5px 0 5px 25px;font:bold .79em arial,sans-serif}

/* placementIsidenav */
div#placement_sidenav div  {background:#cf3e30;width:160px;min-height:56px;border:1px solid #e34232;text-decoration: none;padding:0 0 0 30px;}
#placement_sidenav ul li{margin:0 3px 0 0;text-align:left}
div#placement_sidenav ul li ul li{background:#95bc40;min-height:16px;border:0px solid #a1cd43;text-decoration: none;padding:0 0 0 30px;}

/* giving_sidenav */
div#giving_sidenav div  {background:#9b619d;width:160px;min-height:56px;border:1px solid #a968ab;text-decoration: none;padding:0 0 0 30px;}
#giving_sidenav ul li{margin:0 3px 0 0;text-align:left}
div#giving_sidenav ul li ul li{background:#95bc40;min-height:16px;border:0px solid #a1cd43;text-decoration: none;padding:0 0 0 30px;}

#header,#main, #footer, #wrapper, .top_nav, .top_nav ul{display:block;width:46.25em}

/* homepage */
div#splashImage_banner{position:absolute;top:430px;height:110px;width:34.75em;background:black;opacity:0.5;filter:alpha(opacity=50);padding:0px;margin:0px 0 0 14px;}
div#splashImage_banner p {color:#fff;margin:10px 10px 0 10px;font:bold 16px arial;opacity:1;filter:alpha(opacity=100)}
div#splashImage_banner span {color:#fff;font:normal 11px arial;}


/* Footer */
#footer, #footer ul, #footer ul li{float:left;display:inlnel;text-align:right;list-style:none}
#footer{background: white;border-top:1px solid #e6e6e6;color:#999}
#footer ul li a:hover{color:#39c}
#footer p {text-align:right;font-size: 11px;margin:0 21px 20px 0;}
#footer ul {float:right; margin:0px 21px 0px 0px; padding:16px 0 0 0;width:40.25em}
#footer ul li{width:90px;height:20px;font:10px normal;padding:0px;margin:0px}
#footer ul li a{color:#999}
#footer ul li.current, #footer ul li.current a {color:#39c}
/* ------------------------------BEGIN ROUNDED CORNERS ------------------------------ */

.round	{display:block}
.round *{display:block; height:1px; overflow:hidden; font-size:.01em; background:#FFFFFF}
.round1	{margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #edf2f4; border-right:1px solid #edf2f4; background:#f7f9fa}
.round2	{margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #e3ebee; border-right:1px solid #e3ebee; background:#f9fafb}
.round3	{margin-left:1px; margin-right:1px; border-left:1px solid #f9fafb; border-right:1px solid #f9fafb;}
.round4	{border-left:1px solid #edf2f4; border-right:1px solid #edf2f4}
.round5	{border-left:1px solid #f7f9fa; border-right:1px solid #f7f9fa}
.roundfg{background:#FFFFFF}

/*tagline*/
#taglineContainer {width:430px;float:left;margin:10px 0 0 10px}
#header .round	{display:block}
#header .round *{display:block; height:1px; overflow:hidden; font-size:.01em; background:#fffaee}
#header .round1	{margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #f5f1ea; border-right:1px solid #f5f1ea; background:#fbf6ec}
#header .round2	{margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #f0ece8; border-right:1px solid #f0ece8; background:#fbf7ec}
#header .round3	{margin-left:1px; margin-right:1px; border-left:1px solid #fbf7ec; border-right:1px solid #fbf7ec;}
#header .round4	{border-left:1px solid #f5f1ea; border-right:1px solid #f5f1ea}
#header .round5	{border-left:1px solid #fbf6ec; border-right:1px solid #fbf6ec}
#header .roundfg{background:#fffaee;height: 78px;margin:0px 0px 0px 0px;padding:10px 0px 0px 15px;}
/* ------------------------------END ROUNDED CORNERS ------------------------------ */
