/* @override http://www.serviamgirlsacademy.org/dev/css/main.css */

/* @group 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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {line-height: 1;}
strong {font-weight: bold}
ol, ul {list-style: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* @end

*/

/* @group global */

.clear {clear: both;}

body {
	position: relative;
	background: #05327d;
}

.floatleft {float: left;}

.floatright {float: right;}

/* @end */

/* @group header */

#header {
	height: 168px;
	background: url(images/bg-header.gif) no-repeat 0 0;
	width: 960px;
	margin: 0 auto;
}

#header-logo h3 {
	width: 270px;
	height: 140px;
	background: url(images/serviam-girls-academy-logo.png) no-repeat 0 0;
	position: relative;
}

#header-logo h3 a {
	cursor:pointer;
	display:block;
	width: 270px;
	height: 140px;
	border-bottom: none;
	text-decoration: none;
}

#header-logo {float: left;margin-top: 15px;}

#header-logo h3 span {visibility: hidden;}

#header-right {
	float: left;
	width: 690px;
}

#header-right a.button-donate {
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	background: url(images/button-donate.png) no-repeat 0 0;
	display: block;
	float: left;
	width: 152px;
	text-align: center;
	height: 18px;
	text-transform: uppercase;
	font: 700 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 6px 0;	
	margin: 15px 0 0 0;
}

#header-right a.button-donate:hover {
	background: url(images/button-donate.png) no-repeat 0 -31px;
}


/* @group search */

#cse div.gsc-control-cse.gsc-control-cse-en form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button input.gsc-search-button, input.gsc-search-button {
	background: url(images/button-donate.png) no-repeat 0 0;
	display: block;
	padding: 3px 0;
	text-shadow: none;
	cursor: pointer;
	border-radius: 0;
	-moz-border-radius: 0;
  	-webkit-border-radius: 0;  
	color: #fff;
	width: 200px;
	text-decoration: none;
	border-bottom: none;
	border: none;
	width: 152px;
	text-align: center;
	height: 28px;
	text-transform: uppercase;
	font: 700 13px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#cse div.gsc-control-cse.gsc-control-cse-en form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button input.gsc-search-button:hover {
	background: url(images/button-donate.png) no-repeat 0 -31px;
}

#search {float: right;margin: 15px 45px 2px 0;}

a.button.search {
	padding-right: 14px;
}

input#keywords.searchinput, input.gsc-input {
	float: right;
	margin: 16px 26px 0 0;
	height: 29px;
	color: #1d3e78;
	padding: 0 0 0 8px;
	width: 117px;
	font: 700 14px/24px Helvetica, Arial, Verdana, Geneva, sans-serif;
	border: none;
	background: url(images/bg-search-input.gif) no-repeat 0 0;	
}

a.button.search span {
	text-transform: uppercase;
	font: 700 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-bottom: 6px;
	padding-top: 6px;
}



/* @end */

/* @group utilitynav */

#utilitynav, #utilityNav ul {
	float: left;
	margin: 22px 32px 0 45px;
}

#utilityNav ul li {
	float: left;
	list-style-type: none;
	margin: 0 4px;
}

#utilityNav ul li a {
	font: 700 13px/18px Helvetica, Arial, Verdana, Geneva, sans-serif;
	color: #d9dee8;
	border-bottom: 1px solid #6d80b2;	
}

#utilityNav ul li a:hover {
	color: #ffdc7d;
	border-bottom: 1px solid #ffdc7d;
}

/* @end */

/* @group social */

#social {
	float: right;
	width: 123px;
	margin: 14px 30px 0 0;
}

#social .facebook, #social .twitter, #social .goodsearch, #social .youtube {
	width: 30px;
	height: 30px;
	float: left;
	background: url(images/social-icons.png) no-repeat 0 0;
}

#social .twitter {background-position: -31px 0;}

#social .goodsearch {background-position: -62px 0;}
#social .youtube {background-position: -93px 0;}

#social a {
	display: block;
	width: 30px;
	height: 30px;
	text-decoration: none;
	border-bottom: none;
}

#social div.facebook a span, #social div.twitter a span, #social div.goodsearch a span, #social div.youtube a span {
 	visibility: hidden;	
}


/* @end */



/* @group globalnav */

#globalnav {
	background: url(images/bg-globalnav.png) no-repeat 0 0;
	width: 643px;
	height: 57px;
	margin-left: 25px;
}

#globalnav ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 7px;
}

#globalnav ul li {
	float: left;
	margin: 7px;
	padding: 0 0;
}

#globalnav ul li a {
	color: #fff;
	font: 700 14px/18px Helvetica, Arial, Verdana, Geneva, sans-serif;
	padding: 11px 11px;
	display: block;
	text-decoration: none;
	border-bottom: none;
	background: url(images/bg-li-globalnav.gif) repeat-x 0 0;
}

#globalnav ul li a:hover, #globalnav ul li.current a {
	color: #ffd460;
}

/* @end */

/* @end */

/* @group content */

#content-top {
	background: url(images/page-corners.gif) no-repeat 0 0;
	height: 11px;
	margin: 0 auto;
	width: 960px;
}

#content-wrap {
	width: 960px;
	margin: 0 auto;
	background: #fff;
}

#content {
	margin: 0 7px;
	background: url(images/bg-content-bottom.gif) repeat-x 0 bottom;
}

#content-bottom {
	background: url(images/page-corners.gif) no-repeat 0 bottom;
	height: 11px;
	margin: 0 auto;
	width: 960px;
}

#maincol {
	width: 640px;
	float: left;
	padding: 10px;
	margin: 5px 0 15px 9px;
}
#maincol.wide {
	width:  80%;
	margin-left: 10%;
}

#maincol div.floatright img {
	margin-left: 10px;
	margin-bottom: 4px;	
}

.two-thirdcol {
	float: left;
	width: 389px;
	margin: 0 10px 0 0;
}

.one-thirdcol {
	width: 241px;
	float: left;
}

ul {
	list-style-type: disc;
	color: #666;
	font: 400 12px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-bottom: 8px;
	margin: 5px 0 10px 0;
}

li {
	margin: 6px 0 3px 25px;
}

/* @group slideshow */

.slideshow .slide h2 span {
	color: #1d3e78;
	background: transparent;
}

.slideshow .slide h2 {
	margin-bottom: 12px;
	color: #8d9ebb;
	font: 700 16px/20px Helvetica, Arial, Verdana, Geneva, sans-serif;
	background: transparent;
}

h1.home {
	color: #1d3e78;
	font: italic 18px/24px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 10px;
	margin-left: 20px;
}

/* @end */

/* @group leftcol */

.yellow-box img.floatleft {
	margin: 0 10px 0 0;	
}

#leftcol {
	width: 228px;
	float: left;
	margin: 20px;
}

.yellow-box-top {
	background: url(images/yellow-box-corners.gif) no-repeat 0 0;
	width: 228px;
	height: 11px;
}

.yellow-box {
	width: 204px;
	background: #ffdc7d;
	padding: 12px;
	border-top: 1px solid #fff2d0;
}

.yellow-nav ul {
	background: #ffdc7d;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.yellow-nav ul li {
	margin: 0;
	border-top: 1px solid #fff2d0;
}

.yellow-nav ul li:hover {
	background: #fdedc0;
}

.yellow-nav ul li.current {
	background: #f3ca52;
}

.yellow-nav ul li a {
	font: 400 14px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
	display: block;
	padding: 8px 8px 8px 10px;
	border-bottom: none;
	color: #5574c4;
}

.yellow-box-header h3 {
	color: #b42031;
	background: #ffdc7d;
	padding: 0 0 10px 0;
	font: italic 18px Georgia, "Times New Roman", Times, serif;
	text-align: center;
}

.yellow-box p.date {
	font: 700 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #5574c4;	
	font-style: italic;
	margin: 0;
	padding: 0;
}

.yellow-box h4 {
	font: 400 16px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #5574c4;
	padding-bottom: 5px;
}

.yellow-box h4 a, .yellow-box p a {
	color: #5574c4;
	text-decoration: none;
	border-bottom: 1px solid #5574c4;
}

.yellow-box h4 a:hover, .yellow-box p a:hover {
	color: #1d3e78;
	border-bottom: 1px solid #1d3e78;
}

.yellow-box p {
	font-size: 12px;
	line-height: 14px;
	color: #5574c4;
	padding-bottom: 5px;
	margin-bottom: 0;
}

div.unifyRepeat {
	padding-bottom: 15px;
}

.yellow-box-bottom {
	background: url(images/yellow-box-corners.gif) no-repeat 0 bottom;
	height: 11px;
	width: 228px;
	margin-bottom: 20px;
}

#leftcol a.button-leftcol {
	background: url(images/button-leftcolumn.png) no-repeat 0 0;
	display: block;
	height: 20px;
	font: 700 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 5px 0 5px 15px;
	text-decoration: none;
	border-bottom: none;
	color: #fff;
	width: 216px;
	margin-bottom: 1px;	
}

#leftcol a.button-leftcol:hover {
	background: url(images/button-leftcolumn.png) no-repeat 0 -31px;
}

/* @end */

/* @group typestyles */

h1 {
	color: #1d3e78;
	font: 700 28px/33px Helvetica, Arial, Verdana, Geneva, sans-serif;
	padding-bottom: 10px;
}

h2 {
	color: #1d3e78;
	font: italic 20px/24px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 15px;
}

h3 {
	color: #5574c4;
	font: 400 19px/20px Helvetica, Arial, Verdana, Geneva, sans-serif;
	padding-bottom: 4px;
}

h4 {
	color: #333;
	font: 700 16px/20px Helvetica, Arial, Verdana, Geneva, sans-serif;
}

h5 {
	color: #333;
	font: 700 12px/18px Helvetica, Arial, Verdana, Geneva, sans-serif;
}

h6 {
	color: #666;
	font: 700 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
}

h6.breadcrumbs {
	font-weight: 400;
	margin-bottom: 10px;
}

h6.breadcrumbs a {
	color: #b42031;
	text-decoration: underline;
	border-bottom: none;
}

h6.breadcrumbs a:hover {
	color: #666;
	text-decoration: underline;
}

p {
	color: #333;
	font: 400 13px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 10px;
}

p.caption, .caption {font-size: 10px; color: #5574c4;font-style: italic;}

.spaceleft {margin-left: 10px;}

.spaceright {margin-right: 10px;}

.spacerightlg {margin-right: 24px;}

.spacebeforesm {margin-top: 6px;}

.spacebefore {margin-top: 12px;}

.spacebeforelg {margin-top: 24px;}

.spaceaftersm {margin-bottom: 6px;}

.spaceafter {margin-bottom: 12px;}

.spaceafterlg {margin-bottom: 24px;}

.nospacebefore {margin-top: 0px;}

.nospaceafter {margin-bottom: 0px;}

.ruleabove {
	border-top: solid 1px #ccc;
	padding-top: 10px;
}

.rulebelow {
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px;
}

em, em p {font-style: italic;}

.indent {margin-left: 15px;}

blockquote {
	margin: 0 24px 10px 24px;
	color: #474747;
	font: italic 11px/14px Arial, Verdana, Helvetica, Geneva, sans-serif;
}

.pdf {
	padding: 0 0 0 20px;
	background: url(images/icon_pdf-sm.gif) no-repeat 0 0;
}

/* @end */

/* @group links */

a, a:link, a:visited, a:active {
	color: #cda601;
	text-decoration: none;
	border-bottom: 1px solid #cda601;
}

a:hover, a.selected {
	color: #6d80b2;
	text-decoration: none;
	border-bottom: 1px solid #6d80b2;
}

/* @end */

/* @end */

/* @group footer */

#footer p {
	color: #fff;
	font: 400 14px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#footer p a {
	color: #ffd460;
	border-bottom: 1px solid #ffd460;
}

#footer p a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
}

#footer h6 {
	color: #fff;
	font: 700 16px/24px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#footer {
	width: 960px;
	height: 128px;
	background: url(images/bg-footer.gif) no-repeat 0 0;
	margin: 0 auto;
}

#footer #footer-address {
	float: left;
	margin: 35px 0 0 60px;
}

#footer #footer-contact {
	float: right;
	margin: 35px 60px 0 0;
}

#footer #footer-contact p {
	text-align: right;
}

#footer-bottom {
	width: 840px;
	margin: 0 auto;
	padding: 0 60px;
}

#footer-bottom p.copyright {
	color: #fff;
	float: left;
	font: 400 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 0;
}

#footer-bottom p.bot a {
	float: right;
	color: #a5b4db;
	text-decoration: none;
	border-bottom: 1px solid #a5b4db;
	font: 400 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#footer-bottom p.bot a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}

/* @end */

/* @group button */

a.button {
	background: url(images/button-right-a.png) no-repeat right top;
	display: block;
	padding: 0 12px 0 0;  
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	float: left;
}

a.button:hover {
	background: url(images/button-right-a.png) no-repeat right -31px;
}

a.button span {
    background: url(images/button-left-span.png) no-repeat left top;
    display: block;
    padding: 5px 10px 5px 23px;
} 

a.button:hover span { 
	background: url(images/button-left-span.png) no-repeat left -31px;
}

/* @end */

/* @group tables */

table p {
	font-size: 9px;
}

td {
	padding: 2px;
}

tr.alt {
	background-color: #eee;
}

/* @end */


/* @group forms */

form input {
	margin: 3px 3px 10px 3px;
}

form textarea {
	margin: 3px 3px 1px 3px;
}

form input.textinput, form textarea {
	width: 92%;
	height: 16px;
}

form label {
	display: block;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 10px;
	color: #666;
	clear: both;
	margin-left: 5px;
	padding-right: 10px;
}

form label.error {
	color: #a01c1c;
	font-style: italic;
	margin: 3px 0 3px 10px;
	float: right;
}

span.radiotext {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 11px;
	color: #666;
}

form input.choice, label.choice {
	float: left;
	margin: 0px 6px 0px 0px;
	clear: none;
}

form span.error {
	padding: 3px 4px 2px 4px;
	background-color: #E2D3D3;
	border: solid 1px #C5A7A7;
}

form input.error {
	background-color: #E2D3D3;
}

div.errorheader {
	font-size: 15px;
	line-height: 18px;
	color: #6E2222;
	margin: 30px 20px;
	border: solid 1px #C5A7A7;
	padding: 10px;
	background-color: #E2D3D3;
}

div.errorheadersm {
	font-size: 12px;
	line-height: 18px;
	color: #6E2222;
	border-top: solid 1px #C5A7A7;
	border-bottom: solid 1px #C5A7A7;
	padding: 5px;
	margin: 10px 0px;
}

div.error {
	font-size: 15px;
	line-height: 18px;
	color: #6E2222;
	padding: 3px 0px 2px 4px;
	background-color: #E2D3D3;
	border: solid 1px #C5A7A7;
}

form p {
	margin: 0;
	padding: 0;
}

#submit {
	position: absolute;
	left: 180px;
	width: 50px;
}

/* @end */

/* @group tour */

#tour div.unifyRepeat a img {
	border: 1px solid #ccc; padding: 3px;
}

#maincol div#tour.unifyRepeatArea div.unifyRepeat a {
	border-bottom: none;
}

#tour div.unifyRepeat {
	float: left; margin-right: 15px;	
}

/* @end */