/* css file for eSchool site */

/* css 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;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* main css
********************/

body{ text-align:center; font:14px/20px Verdana, Arial, Helvetica, sans-serif; background:#fbfbfb url(images/background2.jpg) repeat-x 0 -25px;}
#conatiner{ text-align:left; width:960px; margin:-25px auto 0;}
h1 a{display:block; background:url(images/headerLogo2.jpg) no-repeat 0 0; height:119px; text-indent:-9999px; margin-left:-80px;}
h2{text-align:left; color:#2c2a7d; font:28pt/1.3em "Trebuchet MS", Helvetica, sans-serif; font-weight:bold; font-style:italic; margin:0 0 0.5em 0; position:relative; z-index:2; text-shadow:rgba(142,142,142,0.5) 0 1px 0;}
h3{text-align:left; font:14pt/1.4em "Trebuchet MS", Helvetica, sans-serif; margin:0.5em 0 1em 0; position:relative; z-index:2;}
h4{text-align:left; font:14pt/1.2em "Trebuchet MS", Helvetica, sans-serif; margin-bottom:0.5em; color:#2c2a7d; position:relative; z-index:2;}
h6{font-weight:normal;}
p{font-size:10pt; text-align:left; margin-bottom:1em; position:relative; z-index:2;}
a{color:#2c2a7d;}

blockquote{text-align:left; font-family:"Trebuchet MS", Helvetica, sans-serif; font-style:italic; margin:1em 0; padding:0.25em;}
blockquote h5{ font-size:16pt; line-height:1.3em; font-weight:normal; color:#2c2a7d; width:300px; display:inline;}
blockquote h6{ font-size:10pt; text-align:right;}
blockquote .quote1{background:url(images/quote1.png) no-repeat 0 0; width:23px; display:inline-block; text-indent:-9999px;}
blockquote .quote2{background:url(images/quote2.png) no-repeat 0 0; width:23px; display:inline-block; text-indent:-9999px;}

#contentSub h3{ text-align:center; font-size:18pt; font-style:italic; color:#2c2a7d; text-shadow:rgba(255,255,255,0.5) 0 1px 0; border-bottom:#bbb solid 1px; padding-bottom:0.25em; margin-bottom:0.25em; margin-top:0;}
#contentSub h4{text-align:center; margin-bottom:0.5em; padding:0;}
#contentSub h4 a{color:#2c2a7d; text-decoration:none;}
#contentSub p{font-size:10pt;}

#header{height:20px; width:960px; margin:0 auto 22px auto; padding-top:3px; /*border:red solid 1px;*/}
#nav{padding-left:2.5em;}
#nav li{display:inline; padding:0 3px 2px 3px; border-left:#fff solid 1px; border-right:#555 solid 1px; float:left;}
#nav .firstChild{border-left:none;}
#nav .lastChild{border-right:none;}
#nav li a{text-decoration:none; color:#555; font:14pt/1.2em "Trebuchet MS", Helvetica, sans-serif; margin:0; padding:1em 1.6em; text-shadow:rgba(255,255,255,0.5) 0 1px 0;}
#nav li a:hover{ color:#2c2a7d;}
#nav li .selected{ color:#2c2a7d;}

#content{ overflow:auto; width:960px; background:url(images/sideBar_tile.jpg) repeat-y 632px 0; margin:auto;}
#contentMain{ width:610px; float:left; text-align:center;}
#contentSub{ width:300px; padding:10px 17px 15px 10px; float:right; background:url(images/sideBar_top.jpg) no-repeat -2px 0; text-align:center;}
.subContentBox{ margin-bottom:0.5em; padding:0.5em; border-bottom:#bbb solid 1px;}

.mainListContainer{text-align:left; margin-bottom:1.5em; overflow:auto; background:#fff; border:#ebebeb solid 1px; padding:0.75em 0.25em 0 0.25em; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;}
.mainListContainer ul{padding-left:20px; margin-bottom:0.5em;}
.mainListContainer .topList{margin-bottom:2.5em;}
.mainListContainer li{list-style:disc; font-size:9pt; margin-bottom:5px;}
.mainListLeft{width:410px; float:left;}
.mainListRight{width:180px; float:right;}
.listLeft{width:180px; float:left;}
.listRight{width:180px; float:right;}
.mainListContainer .title{ list-style:none; margin-left:-10px;}
.title h4{text-align:left; font:14pt/1.2em "Trebuchet MS", Helvetica, sans-serif; margin-bottom:0.5em; padding:3px 0 15px 0; color:#2c2a7d;}
.title h4 a{text-decoration:none;}

#footer{ clear:both; text-align:center; background:#ededed url(images/footer.jpg) repeat-x 0 0; height:150px; width:100%;}
#footerContent{width:960px; margin:0 auto; overflow:auto; color:#555; font-size:8pt;}
#footerLeft{ width:630px; float:left;}
#footerRight{ width:330px; float:right; background:url(images/sideBar_bottom.jpg) no-repeat 0 0; overflow:auto;}
#footerCol1{ width:270px; float:left; margin-top:3em; text-align:center;}
#footerCol2{ width:300px; float:right; margin-top:3em; text-align:left; border-left:#bbb solid 1px; padding-left:30px;}
#footerCol3{width:300px; margin:auto; margin-top:4em;}
#footer a{color:#555; text-decoration:none;}
#footer a:hover{ font-size:10pt;}
.footLeft{float:left; text-align:left;}
.footRight{float:right; text-align:right;}

.mainImage{ margin:4px auto -40px auto; position:relative; z-index:0;}
.mainProdImage{ margin:0.25em auto 0.75em auto; position:relative; z-index:0;}
.subImage{ float:left; padding:0.5em 0.5em 0 0;}
#robbiePic{float:left; margin:0.5em 1em auto auto;}

#students{ background:url(images/studentIcon.jpg) no-repeat 0 0; text-indent:3em; position:relative;}
#agent{ background:url(images/agentIcon.jpg) no-repeat 0 0; text-indent:3.25em;}
#home{ background:url(images/houseIcon.jpg) no-repeat 0 0; text-indent:2.75em;}
#finance{ background:url(images/financeIcon2.jpg) no-repeat 0 0; text-indent:3.25em;}
#international{ background:url(images/intIcon2.jpg) no-repeat 0 0; text-indent:2.75em;}
#school{ background:url(images/principalIcon.jpg) no-repeat 0 5px; text-indent:3em;}
.callButton{ background:url(images/callButton.jpg) no-repeat 0 0; display:block; width:200px; height:83px; float:right; text-indent:-9999px; margin:0 -16px 2em auto;}
.fLeft{ width:400px; float:left; margin-bottom:2em; text-align:left;}

#detail .detailSection h3{ text-align:center; color:#2c2a7d; font-size:18pt; clear:both; margin-bottom:0;}
#detail .detailNav{margin:0.25em auto 0.5em auto; overflow:auto; background:#fff; border:#ddd solid 1px; position:relative; z-index:2; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;}
#detail .detailNav li{/*border:green solid 1px;*/ display:inline; border-left:#ddd solid 1px; padding-left:0.25em;}
#detail .detailNav li:first-child{border-left:none;}
#detail .detailNav h5{/*border:blue solid 1px;*/ display:inline; font-weight:normal;}
#detail .detailNav a{text-decoration:none; display:inline-block; margin:0.5em; padding:0.25em; color:#555;/*border:red solid 1px;*/}
#detail .detailNav a:hover{ color:#2c2a7d;}
#detail .detailNav .selected{ color:#2c2a7d;}
/*#detail .mainImage{ margin-bottom:-20px; float:right; position:relative; z-index:0;}
#detail .detailNav{ width:235px; float:left; margin:0.75em 0;}
#detail .detailNav h5{ font-weight:normal;}
#detail .detailNav a{ text-decoration:none; text-align:left; text-indent:0.5em; padding:0.25em 0; color:#555; display:block; border-bottom:#bbb solid 1px;}
#detail .detailNav a:hover{ color:#2c2a7d; font-size:12pt;}
#detail .detailNav .selected{ color:#2c2a7d; font-size:12pt;}
#detail .detailNav h4{ text-align:center; font-size:16pt; font-style:italic; color:#2c2a7d; text-shadow:rgba(255,255,255,0.5) 0 1px 0; border-bottom:#bbb solid 1px; padding-bottom:0.25em; margin-bottom:0.5em;}*/
dl{text-align:left; margin-bottom:2em; position:relative; z-index:2;}
dt{font:14pt/1.2em "Trebuchet MS", Helvetica, sans-serif; color:#2c2a7d;}
dd{padding-left:0.5em; margin-bottom:0.5em;}

#tech #contentMain ul{margin-bottom:2em;}
#tech #contentMain li{text-align:left; padding-left:0.5em;}