/* Reset */
@import url(reset.css);
body {
  background: #73b3da url(/images/bg.jpg) repeat-x top center;
  
} 
/* Layout */
.rounded {-moz-border-radius: 10px 10px 10px 10px;}
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
#container{ 
 width:960px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:240px;  
 width:100%;
} 
 
#wrapper{
  margin: 10px 0;
}
#side{
 width:220px; 
 float:left; 
 position:relative; 
 background-color:#e6e8b7;
 color:#6f5e37;
 margin-right: 10px;
 padding: 10px; 
}
 
#main {
 float: right; 
 display:inline; 
 position: relative; 
 width:650px; 
 background-color:#fff;
 padding: 30px;
 /*min-height: 500px;*/
 min-height: 685px;
 }
 
#homephoto{
	width: 100%;
}
#caption {
	font-size: small;
	float: right;
	clear: both;
	margin: 0 20px 16px 0;
}

 
#footer{
 height:20px; 
 clear:both;
 margin-top:70px;
} 
.fleft {float: left;}
.fright {float:right;}
 
 /* Float fixes */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}

 
/*Printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}



/* Nav */
#navcontainer ul{
padding: 10px 0;
margin: 0;
list-style-type: none;
width: 100%;
font: normal 15px arial, helvetica, sans-serif;
font-weight: bold;
text-align: center;
background: url(/images/navbg.png) repeat-x top;
}

#navcontainer li { display: inline;  margin-left:-4px}

#navcontainer li a{
text-decoration: none;
color: #edbf11;
padding: 10px 25px;
background: url(/images/navbg.png) repeat-x;

}

#navcontainer li.current a{
background: url(/images/navbg.png) repeat-x -38px;
color: #fff;
}
#navcontainer li a:hover{
background: url(/images/navbg.png) repeat-x -38px;
}
#navcontainer li a:active{color:#fff}
/* Sidebar */
#side {
  font-size: 12px;
  height: 725px;
}


/* Footer */
#footer {
  font-size:12px;
  color:#b2d6eb;
  border-top: 1px dotted;
  padding-top:20px;
  margin-bottom:10px;
}
#footernav ul{display:inline;}
#footernav li{display:inline;margin-left:15px;}
#footernav a{ color: #cde; text-decoration: none; }
#footernav a:hover{ color:#fff; border-bottom:2px solid;}



/* Fonts */
body {
  font-family: Arial, sans-serif;
  color: #000000;
}
#main h1 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 1em;
  color: #6f5e37;
}
#main p{
  line-height: 1.8;
  font-size: 9pt;
  margin-bottom: 1.8em;
}
#main a{
  text-decoration:none;
  border-bottom:2px solid;
  color:#6d488d;
}
#main a:hover{border-bottom:2px solid;color:#edac31}
#hometext p {
	font-size: 1.2em;
}
/* timeline.php */
#my-timeline {
	height: 250px;
	width: 100%;
	border: 1px solid #aaa;
}

/* School thumbs: */
img.schoolthumb {
	border: 5px solid white;
	z-index: 1;
	
  /* Zoom effects */
  
  /* Webkit for Chrome and Safari */
  -webkit-transform: scale(1, 1); // This is the scale for the normal size of the image.
  -webkit-transition-duration: 200ms;
  -webkit-transition-timing-function: ease-out;
 
  /* Webkit for Mozila Firefox */
  -moz-transform: scale(1, 1);
  -moz-transition-duration: 200ms;
  -moz-transition-timing-function: ease-out;
 
  /* Webkit for IE( Version: 11, 10 ) */
  -ms-transform: scale(1, 1);
  -ms-transition-duration: 200ms;
  -ms-transition-timing-function: ease-out;
}
a:hover img.schoolthumb {
    z-index: 5;
    border:5px solid #edbf11;
    text-decoration:none;
    
    /* Zoom effects */
   
    /* Webkit for Chrome and Safari */
    -webkit-transform: scale(1.2, 1.2); // This is the enlarged size scale of the image.
    -webkit-transition-duration: 200ms;
    -webkit-transition-timing-function: ease-out;
 
    /* Webkit for Mozila Firefox */
    -moz-transform: scale(1.2, 1.2);
    -moz-transition-duration: 200ms;
    -moz-transition-timing-function: ease-out;
 
    /* Webkit for IE( Version: 11, 10 ) */
    -ms-transform: scale(1.20, 1.20);
    -ms-transition-duration: 200ms;
    -ms-transition-timing-function: ease-out;
}
#profile a, #profile a:hover{
	border: none;
    width: 125%;
}

/* School profiles: */
.nodata {
	font-style: italic;
	color: #6f5e37;
}
.statname {
	font-size: smaller;
}
.statname img {
    
}
.statvalue {
}
#stats li {
    padding: 5px;
}
#stats {
	margin-top: 5px;
	line-height: 1.15em;
	clear: both;
	float: left;
	/* 2 Column */
	-webkit-column-count:2; /* Chrome, Safari, Opera */
    -moz-column-count:2; /* Firefox */
    column-count:2;
	/* gap */
	-webkit-column-gap:40px; /* Chrome, Safari, Opera */
    -moz-column-gap:40px; /* Firefox */
    column-gap:40px;
    /* end gap */
}
#profile {
	height: 100%;
	width: 100%;
}
img#schoolimage{max-width:310px;float:left;margin:20px 20px 20px 0}
#profile h2, #links h2, #faq h2{
font-size:1.5em;
margin-bottom:.8em;
padding-bottom:.3em;
border-bottom:2px solid;
color: #d92;
}
#schooldiv {
	width: 50%;
}
/* Headings and subheadings */
#links h2, #faq h2{
font-size:1.3em;
margin-bottom:.8em;
padding-bottom:.3em;
border-bottom:2px solid;
color: #d92;
}
#links a, #faq h3{
font-size:1.1em;
margin-bottom:.8em;
color: #426;
}
/* Home */
#news {
	clear: both;
	margin-right:37px;
}
#newstable {
	width: 100%;
	margin: 16px;
	line-height: 1.2em;
}
#newstable b{
	margin-top: 4px;
}
.smalltext {
	font-size: small;
}
.datetime {
	color: #b2d6eb;
}
#news {
border:1px solid #ccc;
background:#eee;
font-size:8pt;
line-height:1.3;
padding:20px;
margin:0;
}
#news a{border-bottom:1px solid;}
#news h6{
font-size:14pt;
margin-bottom:1em;
}
#news #twitter_div ul li{margin-bottom:1em;}
#twitterlogo {
	position: relative;
	top:11px;
}
/* Side */
#side h3{font-size:1.2em; color:#324}
#side{line-height:1.7;}
#side a{text-decoration:none; color: #669}
#side a:hover{border-bottom:1px solid; color: #224}

/* Links page */

#links ul{margin-bottom:1.5em; list-style-type: disc;}
#links ul li{margin-bottom:.7em;margin-left:3em;}
#links a {text-decoration:none;border:none;}
#links a:hover{border-bottom:2px solid;}


#map_canvas {
	margin-left:350px;
	top:162px;
	position: absolute;
}