/* CSS Document */

/* =========================================
Anchorage School District
Copyright 2011 Anchorage School District

written by Hugh Law for TERMINALFOUR
www.terminalfour.com
============================================ */

body {
	background: url('/media/anchorage/styleassets/images/innerPageBackground100.png') repeat-x #D2D2D2;
}

#mainBodyBackground {
	width: 100%;
	height: 100%;
	z-index: -1;
	position: absolute;
	top:135px;
}
#headerMountains {
	position: absolute;
	width:100%;
	height:99px;
	top:0;
	background: url('<img src="/media/anchorage/styleassets/images/banners/Mountain_Header_965W.jpg" alt="mountains header with ASD blue background" style="width : 946px; height : 99px;    " />') no-repeat #001D5B;
	z-index: -1;
}
#sectionHeadings {
	position: relative;
	width: 700px;
	height:125px;
	margin-bottom:15px;
	border-bottom: 1px solid #999;
     margin-top:-10px;
}
#sectionHeadingsFullWidth {
	position: relative;
	width: 940px;
	height:125px;
	margin-bottom:15px;
	border-bottom: 1px solid #999;
}
#sectionHeadings img {
	position:absolute;
        background-position: right;
}
#sectionHeadingsFullWidth img {
	position:absolute;
	margin-left:240px;
}
.sectionTitles {
	position: absolute;
	top:10px;
}
.sectionTitles h1 {
	color:#455E74;
	font-size:30px;
	margin-top:5px;
	margin-bottom: 10px;
}
.sectionTitles h2 {
	font-family: 'OpenSansSemiBold', Arial, Helvetica, sans-serif;
	color:#DA8B08;
	font-size:24px;
}
/*Two-column divs ------------------------------*/
.TwoColContainerBasic {
	width: 700px;
    margin: 0 auto;
	padding-bottom:10px;
    overflow: hidden;
	border: 0;
}
.FirstColumnBasic {
	float: left;
	width: 340px;
        margin-right:20px;
}
.SecondColumnBasic {
	float: left;
	width: 340px;
}

/*Three-column divs ------------------------------*/
.ThreeColContainer {
	width: 700px;
        margin: 0 auto;
        overflow: hidden;
		padding-bottom:10px;
		margin-bottom:-20px;
}
.ThreeColOne {
	float: left;
	width: 220px;
        margin-right:20px;
}

.ThreeColTwo {
	float: left;
	width: 220px;
	margin-right:20px;
}
.ThreeColThree {
	float: left;
	width: 220px;
}
/*Landing page three-across boxes --------------------------------------*/
.landingPageBox {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:214px;
	height:190px;
	background-color: #FFF;
	background: url('/media/anchorage/styleassets/images/labelBackground.png'); 
	background-repeat: repeat-x;
	border:1px solid #DA8B08;
	float:left;
	padding:5px 5px 8px;
	margin:5px 0;
	z-index:-1;
}	
.landingPageBox300 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:300px;
	height:300px;
	background-color: #FFF;
	background: url('/media/anchorage/styleassets/images/labelBackground.png'); 
	background-repeat: repeat-x;
	border:1px solid #DA8B08;
	float:left;
	padding:5px 5px 8px;
	margin:5px 0;
	z-index:-1;
}	
.landingPageBox ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.landingPageBox li {
	list-style-type: none;
	background-image:url('/media/anchorage/styleassets/images/list_circle.gif');
	background-repeat: no-repeat;
	background-position:0 5px; 
	padding-left:14px;
	line-height:135%;
}

.landingBoxIcon {
	float:right;
	margin-left:3px;
}

.landingPageBox h3 {
	margin-bottom:12px;
	font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
        text-shadow: 1px 1px 2px #6d6e71;
}
/*Landing page box w/aqua labels and border  --------------------------------------*/
#aqua .landingPageBox {
	background: url('/media/anchorage/styleassets/images/imagepaths/labelBackgroundAqua.png') repeat-x top left; 
	border:1px solid #74A5B6;
}
#brown .landingPageBox {
	background: url('/media/anchorage/styleassets/images/brown-box-background.png') repeat-x top left; 
	border:1px solid #AD7836;
}
#blueTwo .landingPageBox {
	background: url('/media/anchorage/styleassets/images/student-label-background.png') repeat-x top left; 
	border:1px solid #5D7E8D;
}
#oneFiftyH .landingPageBox {
		height:150px;
}
#twoHundredH .landingPageBox {
		height:200px;
		
}
#300HundredH .landingPageBox300 {
		height:300px;
		min-width: 300px;
		
}
#twoFiftyH .landingPageBox {
		height:250px;
}
.emptyDiv10w {
	float: left;
	width: 10px;
       	margin: 0;
}
.emptyDiv112w {
	float: left;
	width: 112px;
    	margin: 0;
}

/*Div to set for two landing boxes ---------------------------------------*/
#twolandingboxes {
	margin-left:112px;
}

/*Box to go 700px across left side on inner pages -------------------------*/
.mainContentBox {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:690px;
	background-color: #FFF;
	background: url('/media/anchorage/styleassets/images/imagepaths/labelBackgroundAqua.png'); 
	background-repeat: repeat-x;
	border:1px solid #74A5B6;
	padding:5px 5px 8px;
}
.mainContentBox h3 {
	margin-bottom:12px;
	font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
        text-shadow: 1px 1px 2px #6d6e71;
}
/*Factoid floating boxes with screened background---------------------------------*/
.floatrightbox {
	float: right;
	background-color: #F1E9DA;
	padding: 8px;
	margin-bottom: 3px;
	margin-left: 8px;
	border-top: 1px solid #cbcbcb;
	border-right: 2px solid #cbcbcb;
	border-bottom: 2px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.floatleftbox {
	float: left;
	background-color: #F1E9DA;
	padding: 8px;
	margin-bottom: 3px;
	margin-left: 8px;
	border-top: 1px solid #cbcbcb;
	border-right: 2px solid #cbcbcb;
	border-bottom: 2px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/* Quote box
-----------------------------------*/
.quotebox {	
	float: right; 
	background: #F1E9DA url('/media/anchorage/styleassets/images/imagepaths/Quote-marks.png') no-repeat 10px 10px;
	padding: 18px 8px 8px;
	margin-bottom: 3px;
	margin-left: 8px;
	border-top: 1px solid #cbcbcb;
	border-right: 2px solid #cbcbcb;
	border-bottom: 2px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.quotebox p{
	font-family: 'OpenSansBold', Arial, Helvetica, sans-serif; 
	color: #666; 
	font-size:16px; 
	line-height: 24px;
	text-indent: 45px;
}
.quotebox h6 {
	margin-top:5px;
	margin-bottom:-5px;
	text-align: right;
	font-family: 'OpenSansSemiBoldItalic', Arial, Helvetica, sans-serif; 
	color: #666; 
	line-height: 22px;
	font-size:12px; 
	text-decoration: none;
	background: none;
}

/* Secondary Navigation
-----------------------------------*/

#secondaryNavigation {
	padding:0;
 	margin:0 0 15px;
 	width:220px;
 	float:left;
	font-family: 'OpenSansSemiBold', Arial, Helvetica, sans-serif;
	font-size:13px;
 }
#secondaryNavigation ul{
	padding:0;
	margin:0;
	}
#secondaryNavigation ul span {
	background-color:#AE7735;
	color:#fff;
	display:block;
	padding:5px 10px;
	border-bottom:1px solid #AE7735;
	 }
#secondaryNavigation ul li {
	padding:0; 
	margin:0;
	background-color:#FFF; 
	list-style:none;
	}
#secondaryNavigation ul li a{
	padding:5px 10px;
	text-decoration:none;
	display:block;
	border-bottom:1px solid #AE7735;
	   }
#secondaryNavigation ul li a:hover{
	background:#c6a072;
	color:#fff;
	}
#secondaryNavigation ul li span {
	background-color:#AE7735;
	color:#fff;
	display:block;
	padding:5px 10px;
	border-bottom:1px solid #AE7735;
	 }
#secondaryNavigation ul li ul li a{
	background-color:#efe4d0;
	color:#333;
	padding:5px 30px;
	}
#secondaryNavigation ul li ul li span{
	padding:5px 30px;
	}
#secondaryNavigation ul li ul li ul li a{
	background-color:#F6F6F6;
	color:#444;
	padding:5px 40px;
	}
#secondaryNavigation ul li ul li ul li span{
	padding:5px 30px;
	}