@charset "utf-8";
/* CSS Document */

/* =========================================
Anchorage School District
Copyright 2011 Anchorage School District

written by Hugh Law for TERMINALFOUR
www.terminalfour.com
============================================ */


/* Eric Meyers 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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
  	font: inherit;
	font-weight: inherit;
	font-style: inherit;
  	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

html, body {
	height:100%;
}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol ul {
	list-style: none;
	margin-top:3px;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption th td{
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Used for displaying HTML5 elements properly in older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

/* End of Reset */

body {
	font-family:Arial, Helvetica, Verdana, Sans-serif;
  	font-weight: normal;
	font-size: 12px;
	color:#444444;
    -webkit-font-smoothing: antialiased;
}

/* Lists
-----------------------*/
ul, ol {
	margin-left:25px;
}

ul li ul, ul li ol, ol li ol, ol li ul {
	margin-left: 10px;
} 

/* Second level lists should not have as much spacing */

ul li {
	list-style: disc;
}

ul li ul li {
	list-style: disc;
	margin-left:20px;
	list-style-type:circle;
}

.clearing {
	clear: both;
}
.hidden {
	position: absolute;
	left: -99999px;
}

.rightAligned {
	text-align: right;
}

.shadowed {
	box-shadow:0 0 3px #AAAAAA;
}

p {
	line-height: 17px;
	font-size: 12px;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('/media/anchorage/styleassets/webfonts/opensans-bold-webfont.eot');
    src: url('/media/anchorage/styleassets/webfonts/opensans-bold-webfont.eot#iefix') format('embedded-opentype'),
         url('/media/anchorage/styleassets/webfonts/opensans-bold-webfont.woff') format('woff'),
         url('/media/anchorage/styleassets/webfonts/opensans-bold-webfont.ttf') format('truetype'),
         url('/media/anchorage/styleassets/webfonts/opensans-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('/media/anchorage/styleassets/webfonts/opensans-semibold-webfont.eot');
    src: url('/media/anchorage/styleassets/webfonts/opensans-semibold-webfont.eot#iefix') format('embedded-opentype'),
         url('/media/anchorage/styleassets/webfonts/opensans-semibold-webfont.woff') format('woff'),
         url('/media/anchorage/styleassets/webfonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('/media/anchorage/styleassets/webfonts/opensans-semibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('/media/anchorage/styleassets/webfonts/opensans-semibolditalic-webfont.eot');
    src: url('/media/anchorage/styleassets/webfonts/opensans-semibolditalic-webfont.eot#iefix') format('embedded-opentype'),
         url('/media/anchorage/styleassets/webfonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('/media/anchorage/styleassets/webfonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('/media/anchorage/styleassets/webfonts/opensans-semibolditalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('/media/anchorage/styleassets/webfonts/opensans-condbold-webfont.eot');
    src: url('/media/anchorage/styleassets/webfonts/opensans-condbold-webfont.eot#iefix') format('embedded-opentype'),
         url('/media/anchorage/styleassets/webfonts/opensans-condbold-webfont.woff') format('woff'),
         url('/media/anchorage/styleassets/webfonts/opensans-condbold-webfont.ttf') format('truetype'),
         url('/media/anchorage/styleassets/webfonts/opensans-condbold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
h1, h2, h3, h4, h5 {font-family: 'OpenSansBold', Arial, Helvetica, sans-serif; color: #000000; line-height: 17px;}
h1 {font-size:30px; color: #455E74; margin-bottom:8px;}
h2 {font-size: 24px; color: #455E74; margin-bottom: 7px; line-height: 27px;}
h3 {font-size: 19px; color: #707070; margin-bottom: 5px; line-height: 22px;}
h4 {font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif; font-size: 16px; color: #707070; margin-top: 0; line-height:22px;}
h5 {font-size: 12px; color: #707070; margin-bottom:2px; margin-top: 0;}
h6 {font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif; font-size: 16px; margin-bottom: 8px; line-height:20px; color: #707070; padding-bottom: 4px; background-image: url('/media/anchorage/styleassets/images/brownbackground.png'); background-repeat: repeat-x; background-position: left bottom;}

li {
  margin:3px 0;
  line-height:17px;
  padding-bottom: 3px;
}
/* for rail and sidebar labels */
.subhead {
	color: #455E74;
	font-size:12px;
	text-transform:uppercase;
}
.strong {
  font-weight: bold;
}
/* Legacy label styles moved to H6 */
.labelWithRule {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
    color: #707070;
	padding-bottom: 4px;
	background-image: url('/media/anchorage/styleassets/images/brownbackground.png');
	background-repeat: repeat-x;
	background-position: left bottom;
}
.labelwithrule {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
    color: #707070;
	padding-bottom: 4px;
	background-image: url('/media/anchorage/styleassets/images/brownbackground.png');
	background-repeat: repeat-x;
	background-position: left bottom;
}
/* Links
----------------------------*/

a {
	text-decoration: underline;
	color: #7D592E;
}

#mainContent a:visited {
	color:#555555;
	}

/* Load text icons for attibute selectors --------------*/

a[href*="/forms/uploads/"][href$=".pdf"]:before {
	content: "\f1c1";
	font-family:FontAwesome;
	padding-right:5px;
	text-decoration: none;
	 display: inline-block;
 	 font-style: normal;
	 font-weight: normal;
  	font-size:14px;
 	 line-height: 1;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}

/* General layout
---------------------------------*/

#pageContainer {
	position: relative;
	min-height: 100%;
	overflow: visible
} 

#contentContainer {
	width: 960px;
	padding-bottom: 230px;
	margin-left: auto;
	margin-right: auto;
}

#mainContent {
	margin: 10px 0  10px 0;
	padding: 1px 0 10px 0;
	background: #fff url('/media/anchorage/styleassets/images/sidebar-column-rule.png') repeat-y;
}
#mainContentFullWidth {
	margin-top: 1px;
	background-color: white;
	padding: 10px 10px 0 10px;
	margin-bottom:10px;
}

.threeColumn {
	background: url('/media/anchorage/styleassets/images/3columnDividers.gif') repeat-y;
}

.twoColContainer {
	width: 640px;
	float: left;
}

.oneColContainer {
	width: 300px;
	padding: 10px;
	float: right;
}

.twoColLeftColumn {
	width:700px;
  	min-height: 500px;
	float:left;
	margin-bottom: 10px;
	padding: 10px;
	border: 0;
}

.twoColLeftColumn strong {
	font-weight: bold;
}

.twoColRightColumn {
	width: 220px;
  	min-height: 500px;
	padding-right:10px;
	padding-left: 10px;
	float: right;
}

#TwoColContainerBasic {
	clear: both;
	width: 700px;
	margin-top:15px;
	margin-bottom:5px;
}
/* Header styles
-----------------------------------*/
header {
    position: relative;
    height: 135px;
}

#logoLink:hover {
	border: none;
}

#tools {
    float: right;
    margin-top: 10px;
}
#tools li {
	display: inline;
	margin-left: 10px;
}

#searchButton {
	border:0;
	padding:0;
	margin-left: 5px;
	height: 24px;
	width: 80px;
}

#searchField {
	height: 24px;
	width: 145px;
	padding:0 5px 0 5px;
	margin:0;

	border: none;
}

header a {
	color: white;

	text-decoration: none;
}

header form {
	position: absolute;
	right: 0;
	top:67px;
}

#primaryNavigation {
	height: 35px;
	position: absolute;
	top:100px;
	line-height: 35px;
	font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 13px;
    text-shadow: 1px 1px 2px #6d6e71;
}

#primaryNavigation ul {
	margin:0; 
	padding:0;
}

#primaryNavigation li {
	display: block;
	width: 120px;
	float: left;
	text-align: center;
	line-height: 35px;
	margin:0;
	padding:0;
}

#primaryNavigation li:hover {
	background: url('/media/anchorage/styleassets/images/primaryNavHover.png') no-repeat bottom;
}

#primaryNavigation a {
  	display: block;
}
#primaryNavigation a:hover {
	border: none;
}

#parentsLink {
	background: url('/media/anchorage/styleassets/images/parentsButton.gif') no-repeat;
}

li#parentsLink:hover {
	background: url('/media/anchorage/styleassets/images/parentsButton_f2.gif') no-repeat;
}

#studentsLink {
	background: url('/media/anchorage/styleassets/images/studentButton.gif') no-repeat;
}

li#studentsLink:hover {
	background: url('/media/anchorage/styleassets/images/studentsButton_f2.gif') no-repeat;
}

#communityLink {
	background: url('/media/anchorage/styleassets/images/communityButton.gif') no-repeat;
}

li#communityLink:hover {
	background: url('/media/anchorage/styleassets/images/communityButton_f2.gif') no-repeat;
}


#employeesLink {
	background: url('/media/anchorage/styleassets/images/employeesButton.gif') no-repeat;
}

li#employeesLink:hover {
	background: url('/media/anchorage/styleassets/images/EmployeesButton_f2.gif') no-repeat;
}

/* Footer
------------------------*/

#footerContainer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 240px;
	clear: both;
	background: url('/media/anchorage/styleassets/images/footerBackground.jpg') repeat-x;
}

footer {
	width: 960px;
	margin:auto;
}

#footerShadow {
	width: 933px;
	height: 6px;
	margin-right: auto;
	margin-left: auto;
	background-image: url('/media/anchorage/styleassets/images/footerShadow.jpg');
}

footer section {
	width: 172px;
	padding:10px;
	float: left;
	color: white;
}

footer a {
	color: white; 
	font-weight: normal;
}

footer h4 {
	margin-bottom: 10px; 
	color: #fff;
}

footer ul {
	margin: 0; 
	padding: 0;
}

footer li {
	list-style: none;
	display:list-item;
}

.breadcrumbs {
	padding-bottom: 20px;
}

/* Sidebar right styles */

.sidebarlabel {
	font-size: 14px;
	color:#FFF;
	line-height: 15px;
	font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 5px 5px 10px;
	letter-spacing:1px;
	text-align: center;
    text-shadow: 1px 1px 2px #6d6e71;
	 border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px 5px;
	background: #78a7b9; /* Old browsers */
background: -moz-linear-gradient(top,  #78a7b9 32%, #5e8690 67%, #5e8690 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#78a7b9), color-stop(67%,#5e8690), color-stop(100%,#5e8690)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #78a7b9 32%,#5e8690 67%,#5e8690 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #78a7b9 32%,#5e8690 67%,#5e8690 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #78a7b9 32%,#5e8690 67%,#5e8690 100%); /* IE10+ */
background: linear-gradient(to bottom,  #78a7b9 32%,#5e8690 67%,#5e8690 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78a7b9', endColorstr='#5e8690',GradientType=0 ); /* IE6-9 */
}

/* MSIE bug */

#main_image{
	width:100%; 
	margin: 0 auto;
}

#main_image p.caption {
	padding:0; 
	width:100%;
}

#main_image img {
	padding:5px; 
	border:1px solid #ccc;
}
.controls {
	width:100%; 
	margin: 0 auto;
}

#leftsidebar {
	float: left;
	padding-right: 10px;
	padding-bottom: 0;
	width: 240px;
	clear: left;
}

#leftsidebarcontent {
	border-right: 1px #E0E0E0;
	border-style: solid;
	padding-left:5px;
	padding-right:10px;
	padding-bottom:10px;
}

ul.quyana {
	margin-left:0;
}
#quyana strong {
	font-weight: bold;
}
#expirealert {
	text-indent:-9999px;
}

/* Content table with alternate color rows --------------------------*/

.tablealtrow th {
	color: #FFF;
	background-color: #AD7836;
	border: 1px solid #A0A0A0;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}

.tablealtrow tbody td {
	border: 1px solid #A0A0A0;
	padding:5px;
	line-height: 16px;
}

.tablealtrow tr:nth-child(odd) { 
	background-color:#EEE; 
}

.tablealtrow  tr:nth-child(even){ 
	background-color:#FFF; 
}

/* Content table plain just rule lines --------------------------*/

.tableplain th {
	color: #FFF;
	background-color: #AD7836;
	border: 1px solid #A0A0A0;
	padding:5px;
  	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

.tableplain tbody td {
	border: 1px solid #A0A0A0;
	padding:5px;
	line-height: 16px;
}
/*Content table no rule lines --------------------------------------------*/

table.tableplainnolines {
	border-collapse: collapse;
	margin: 0;
	background-color:#FFF;
}
.tableplainnolines th {
	color: #FFF;
	background-color: #AD7836;
	padding:5px;
	font-weight: bold;
	text-align: left;
}

.tableplainnolines tbody td {
	padding:5px;
	line-height: 16px;
}
/*Tables without borders (see menu prices) -----------------------------*/

.tableNoBorders {
	border-width: 0 0 1px 0; 
	border-spacing: 0; 
	border-collapse: collapse;
}

.tableNoBorders td { 
	margin: 0; 
	padding: 4px; 
	border-width: 0; 
	font-size: 11px;
}

/* Nutrition menus tables --------------------------*/

table.tablemenus {
	border-collapse: collapse;
	border: 1px solid #A0A0A0;
	margin: 0;
}

.tablemenus thead th {
	color: #DA8B08;
	border: 1px solid #A0A0A0;
	padding:5px;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
}

.tablemenus tbody td {
	border: 1px solid #A0A0A0;
	padding:5px;
    line-height: 16px;
}

.tablemenus tbody h3 {
	margin-bottom:0;
}

.tablemenus tbody p {
	margin-bottom:7px;
}
/*--- Buttons ---*/
#button a {
    padding: 6px 12px;
    margin: 0;
    color: #fff;
    font-family: 'OpenSansSemibold', Arial, sans-serif;
    font-size: 12px;
    text-shadow: 1px 1px 2px #000;
    text-decoration: none;
    font-weight: bold;
}
#button a:visited {
	color: #fff;
}
.denimback { background-color: #455E74; }
.orangeback { background-color: #DA8B08; }
.brownback { background-color: #AD7836; }
.bluetwoback { background-color: #5D7E8D; }
.aquaback { background-color: #74A5B6; }

#button .gradient {
    background-image: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.3));
    background-image: -webkit-linear-gradient-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3));
    background-image: -ms-linear-gradient(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3));
    background-image: no-repeat;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
#button .gradient:hover {
    background-image: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2));
    background-image: -webkit-linear-gradient-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2));
    background-image: -ms-linear-gradient(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2));
    background-image: no-repeat;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
#button .gradient:active {
    background-image: -moz-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0));
    background-image: -webkit-linear-gradient-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0,2)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0));
    background-image: no-repeat;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.medium-corners {
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px 12px;
}
.small-corners {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px 6px;
}
.button-small {
    font-size: 10px;
    padding: 5px 10px;
}
.button-medium {
    font-size: 12px;
    padding: 8px 12px;
}
.SearchNav {
    width:300px;
    float: right;
}
/* ------- Footer styles ------ */
#footerContainer h4 {
	margin-bottom:5px;
}