/**
 * South McKeel Website ( $Id: main.css 72 2011-02-22 14:50:34Z brandon $ )
 *
 * Main CSS styles
 *
 * @author			Brandon Davie <brandondavie@mckeelacademy.com>
 * @copyright		Copyright (c) 2010 The Schools of McKeel Academy
 * @link				http://mckeelschools.com/
 * @version			$Rev: 72 $
 * @package			sma
 * @subpackage	css
 */

html,
body {
	background: #D4B380; /* EEC782 */
	font-family: calibri, arial;
	font-size: 14pt;
	height: 100%;
	color: #094b73;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

h2 {
	font-weight: bold;
	font-size: 1.0em;
}

a {
	color: #fed69a;
}

#container {
	position: relative;
	overflow: auto;
	width: 100%;
}

#headerwrap {
	width: 100%;
	border-top: solid 15px #fed69a;
}	

#header {
	width: 1000px;
	margin: 0px auto;
}

#logo {
	margin-left: 20px;
}

#signinLinks {
	float: right;
	margin: 17px 5px 0px 0px;
}

#signinLinks li {
	float: left;
	padding-right: 20px;
}

#userLinks {
	background: #fed69a;
	padding: 0px 23px 15px 8px;
	float: right;
	margin: 0px 20px 0px 0px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
}

#userLinks li {
	float: left;
	margin-left: 8px;
	font-size: 0.8em;
}

#userLinks li a {
	text-decoration: underline;
	color: #054166;
	font-weight: bold;
}

#userLinks li a:hover {
	color: #d40d0d;
}

.nav {
	width: 985px; /* 1000 - 15px padding */
	margin: 35px auto 0px auto;
	padding-left: 15px;
	border-bottom: solid 5px #fd0101;
	overflow: auto;
}

.nav.fluid {
	width: auto !important;
}

.nav li {
	float: left;
	font-size: 0.85em;
	font-weight: bold;
	margin-right: 20px;
}

.nav li img {
	position: absolute;
}

.nav li a {
	padding-left: 38px;
	color: #3f3526;
	display: block;
	margin-top: 7px;
}

.nav li a:hover {
	color: #003f65;
}

.nav li.active {
	background: url( ../images/buttons/tab_right.png ) no-repeat right top;
	font-weight: normal;
	font-size: 0.8em;
	margin-right: 10px;
}

.nav li.active a {
	background: url( ../images/buttons/tab_left.png ) no-repeat left top;
	padding: 8px 30px;
	color: #ffffff;
	margin-top: 0px !important;
}

.nav li.active img {
	position: absolute;
	margin-top: 3px;
	margin-left: -12px;
}

#content {
	margin: 0px auto;
	padding: 10px;
	overflow: auto;
}


h1 {
	background: url( ../images/backgrounds/tanbg.png ) repeat-x;
	border: solid 10px #39678c;
	padding: 3px;
	padding-top: 20px;
	font-weight: bold;
	overflow: auto;
	font-size: 1.1em;
	margin-bottom: 0px;
	color: #3f3526;
}

h1 img {
	position: relative;
	top: -7px;
	float: left;
	margin: 0px 10px;
}

#content h2 {
	overflow: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}

#content p {
	margin-top: 10px;
	margin-bottom: 10px;
}

#footer {
	background: url( ../images/backgrounds/footer.png ) repeat-x;
	margin-top: 50px;
	height: 150px;
	color: #ffffff;
}

#footer a {
	color: #fed69a;
}

#footer a:hover {
	color: #fed69a;	
	text-decoration: underline;
}

#footer h2 {
	font-weight: bold;
}

#ftMckNetwork,
#ftMckSchools,
#ftMckResources,
#ftMckSearch {
	float: left;
	padding: 6px;
	border-right: solid 3px #094a73;
	margin: 10px;
	height: 120px;
}

#ftMckNetwork {
	padding-right: 20px;
}

#ftMckResources {
	border-right: none !important;
}

#ftMckNetwork a {
	font-size: 1.0em !important;
}

#ftMckSchools ul,
#ftMckResources ul {
	font-size: 0.8em;
	list-style: disc;
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 20px;
	color: #083C5C;
}

#ftMckResources ul {
	margin-right: 35px;
}

#ftMckSearch {
	border-right: none !important;
}

#ftMckSearch input {
	margin-top: 10px;
	font-size: 1em;
	color: #bdbdbd;
	font-weight: lighter;
	float: left;
	margin-right: 6px;
	padding: 3px;
}

#ftMckSearchKeywords {
	margin-top: 13px !important;
}

/* Fixed/fluid styles */
.fixed {
	width: 980px;
}

.fluid {
	width: 95%;
}

/* two col layout */
.twocol {
	float: left;
	width: 47%;
	margin: 1%;
}

/* Side nav layout */
#content.fluid #sidenavContent {
	float: left;
	width: 66%;
	margin: 1%;
}

#content.fluid #sidenavLinks {
	float: left;
	width: 28%;
	margin: 1%;
}

#content.fixed #sidenavContent {
	float: left;
	width: 675px;
	margin-right: 10px;
}

#content.fixed #sidenavLinks {
	float: left;
	width: 290px;
}

#content.fixed.home #sidenavContent {
	width: 500px;
	margin: 0px 20px 0px 20px;
}

#content.fixed.home #sidenavLinks {
	width: 420px;

}
	

/* Category boxes */
.catbox,
.catbox {
	width: 100%;

	border-top: 0px !important;
}

.catbox.dark {
	background: #054267 url( ../images/backgrounds/blue.png ) no-repeat;
	border: solid 2px #04324D;
}

.catbox.dark h3 {
	background: #04324D;
}

.catbox.light {
	background: #3a688e url( ../images/backgrounds/lightbluepaw.png ) no-repeat;
	border: solid 2px #305574;
}

.catbox.light h3 {
	background: #305574;
}

.catbox h3 {
	overflow: auto;
	padding: 6px;
	color: #ffffff;
	font-weight: bold;
}

.catbox h3 img {
	float: left;
	margin-right: 5px;
}

ul.listing li {
	padding: 5px;
	color: #ffffff;
}

ul.listing li img {
	float: left;
	margin-right: 5px;
}

ul.listing li a {
	display: block;
	text-decoration: underline;
}


/* Homepage styles */
#newsArticleContainer {
	margin-top: 20px;
}

.tanBoxWrap {
	background: #3c6d94 url( ../images/backgrounds/lightbluegradient.png ) repeat-x;
	padding: 10px;
	margin-bottom: 20px;
}

.tanBoxContent {
	background: #f2cc92 url( ../images/backgrounds/tanbg.png ) repeat-x;
	padding: 10px;
	color: #3f3526;
}

.tanBoxContent a {
	color: #3f3526;
	text-decoration: underline;
}

.tanBoxContentAlt {
	background: #D4B380;
	/*background: #b59b74 url( ../images/backgrounds/tanbg_reverse.png ) repeat-x;*/
	padding: 10px;
	color: #2b241a;
}

.tanBoxContentAlt a {
	color: #2b241a;
	text-decoration: underline;
}

.newsArticleContent h2 {
	margin: 0px !important;
	padding: 0px !important;
}

.newsArticleContent p {
	font-size: 0.85em;
	margin-bottom: 0px !important;
}

#upcomingEvents {
	margin-top: 400px;
}

.upcomingEventsWrap {
	overflow: auto;
	background: #fed69a;
	border-bottom: solid 10px #e7c38c;
}

.upcomingEventsWrap ul {
	list-style: disc;
	margin-left: 30px;
	margin-bottom: 20px;
}

.upcomingEventsWrap .desc {
	font-size: 0.75em;
	padding-bottom: 7px;
	display: block;
	color: #cbcbcb;
}

.teacherSpotlight img.profilePhoto {
	border: solid 2px #315c7f;
	margin-right: 10px;
}


#slideshow {
	margin-top: 50px;
}

#slideshow .ssControls {
	margin-left: 285px;
}

/* Login page styles */
#loginWrapper {
	margin: 45px auto;
	width: 800px;
}
	
#loginForm,
#loginHelp,
#signupForm {
	background: #054267;
	color: #ffffff;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	z-index: 100;
	float: left;
}

#loginForm,
#loginHelp {
	width: 382px;
	height: 390px;
}

#loginForm {
	margin-right: 35px;
}

#loginForm p {
	text-align: right;
	float: right;
	font-size: 1.1em;
	margin-top: 30px;
	margin-right: 20px;
}

#loginForm img,
#signupForm img {
	margin-top: -30px;
	margin-left: -30px;
}

#loginForm img {
	float: left;
}

#loginForm form {
	background: url( ../images/backgrounds/loginform.png ) no-repeat;
	padding: 5px 20px 0px 20px;
	overflow: auto;
	width: 382px;
	clear: both;
}

#loginForm .input_text,
#signupForm .input_text {
	width: 332px;
	font-size: 1.0em;
	border: solid 1px #11273d;
	padding: 5px;
	margin-bottom: 10px;
}

#loginForm .input_checkbox {
	margin-right: 10px;
	margin-top: 5px;
}

#loginForm .input_image {
	margin-top: 95px;
	margin-left: 105px;
}

#loginForm form p {
	width: 300px;
	clear: both;
	color: #b1c1ca;
	text-align: left !important;
	float: left;
	font-size: 0.6em;
	margin-top: -5px;
	margin-left: 24px;
}

#loginHelp h2 {
	margin-top: 20px;
	margin-bottom: 26px;
	padding: 10px;
	font-weight: bold;
}

#loginHelp h2 img {
	margin: -10px 10px 0px 0px;
	float: left;
}

#loginHelp p {
	background: #144d70;
	margin: 20px 0px 25px 0px;
	padding: 10px 10px 15px 20px;
	height: 45px;
}

#loginHelp p img {
	float: left;
	margin: 0px 15px 0px 10px;
}

#loginHelp p a {
	color: #fdfc9b;
	text-decoration: underline;
	font-size: 0.8em;
}

#signupForm h2 {
	font-size: 1.1em;
	position: relative;
	font-weight: normal;
	top: -75px;
	left: 100px;
}

#signupForm p {
	margin-top: -55px;
	padding: 15px;
}

#signupForm form {
	padding: 5px 20px 20px 20px;
	margin-top: -15px;
	float: left;
}

#signupHelp {
	float: right;
	background: #144d70;
	padding: 15px;
	width: 350px;
	margin-right: 20px;
	margin-top: 35px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

#signupHelp img {
	margin: 0px !important;
}

#signupHelp h2 {
	font-size: 1.0em;
	position: static;	
	padding-top: 10px;
}

#signupHelp h2 img {
	float: left;
	margin: -10px 15px 0px 5px !important;
}

#signupHelp p {
	margin: 0px !important;
}

/* Blue box styles */
.blueBox {
	background: #054267;
	border: solid 10px #39678c;
	color: #ffffff;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	z-index: 100;
	padding: 15px;
	width: 90%;
	margin: 20px auto;
}

.blueBox.full {
	width: auto;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.blueBox h2 {
	background: #144d70;
	border: solid 1px #114361;
	padding: 10px;
	padding-top: 20px !important;
}

.blueBox h2 .rightLinks {
	color: #FFFAB7;
	font-weight: normal;
	margin-top: 3px;
}

.blueBox h2 .rightLinks a {
	font-weight: normal;
}

.blueBox h2 .rightLinks a:hover {
	text-decoration: underline;
}

.blueBox.full h2 {
	padding-top: 10px !important;
}

.blueBox hr {
	color: #39678c;
	background: #39678c;
	border: solid 1px #39678c;
	height: 5px;
}

/* Red Background */
.redBg {
	background: url( ../images/backgrounds/content.png ) repeat-x;
}

/* Title bars */
#titleBar {
	background: url( ../images/backgrounds/content.png ) repeat-x;
	width: 980px;
	margin: 0px auto;
	padding: 10px;
}

#msgBar {
	width: 1000px;
	margin: 30px auto -10px auto;
}

#msgBar h1 a {
	text-decoration: underline;
	color: #094b73;
}

/* Slideshow styles */
.ssWrapper {
	z-index: 50;
}

.ssCurrent,
.ssPrevious,
.ssNext {
	position: absolute;
}

.ssControls {
	display: none;
	position: absolute;
	z-index: 300;
	margin: 10px 0px 0px 30px;
	padding: 0px 6px;
	background: #000000;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
}

.ssControls li {
	float: left;
	padding: 7px;
}

.ssCurrent {
	z-index: 200;
}

.ssPrevious,
.ssNext {
	display: inline;
	z-index: 100;
}

/* Button nav styles */
.subNav {
	margin-top: 10px;
	overflow: auto;
	background: #39678c;
	padding: 10px;
	border-bottom: 0px;
}

.buttonNav {
	float: left;
}

.buttonNav li {
	background: #D4B380;
	padding: 8px 12px 8px 12px;
	float: left;
	margin: 0px 10px 0px 0px;
	font-size: 0.9em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.buttonNav li.active {
	background-color: #fed69a;
}


.buttonNav li a {
	color: #424129;
}

.buttonNav li a:hover,
.sectionNav li a:hover {
	text-decoration: underline;
}

.buttonNav li img {
	float: left;
	margin-right: 5px;
	margin-top: 2px;
}

.buttonNav li.sectionNav {
	background: none;
	padding-left: 0px;
}

.sectionNav {
	font-size: 0.9em;
	float: right;
}

.sectionNav li {
	float: left;
	padding: 11px 2px 7px 7px;
	font-size: 0.8em;
}

.sectionNav a {
	color: #fed69a !important;
}


/* Box list */
.boxList {
	border: solid 3px #aad3eb;
	border-bottom: solid 9px #aad3eb;
	border-top: solid 9px #aad3eb;
}

.boxList li {
	color: #054267;
	padding: 6px;
	font-size: 0.9em;
	border-bottom: solid 1px #aad3eb;
}

.boxList li a {
	color: #072c42;
}

.boxList li a:hover {
	text-decoration: underline;
}

.boxList li.row1 {
	background: #daeffc;
}

.boxListNote {
	background: #aad3eb;
	
	font-size: 0.9em;
	font-style: italic;
}

.boxListNote.bottom {
	padding: 0px 0px 10px 6px;
}

.boxListNote.top {
	padding: 10px 0px 0px 6px;
}

.boxListNote a {
	color: #072c42;
}

.boxListNote a:hover {
	text-decoration: underline;
}

.boxListNote img {
	float: left;
	margin-top: 2px;
	margin-right: 5px;
}

.boxList li.row2 {
	background: #cce5f5;
}

/* Full width block... */
.fullWidth {
	width: 100%;
	border: solid 1px black;
}

/* Redirect.. */
.redirectMsg {
	text-align: center;
	margin-top: 20px;
}

.redirectMsg img {
	margin-top: 10px;
}

.redirectMsg a {
	color: #054267;
	text-decoration: underline;
}

/* Editors */
.mckSlimEditor,
.mckFullEditor {
	width: 90%;
	height: 200px;
}

/* Form Styles */
label {
	display: block;
	margin-bottom: 5px;
}

.input_text {
	background: #ffffff url( ../images/backgrounds/input.png ) repeat-x;
	color: #054267;
	font-size: 0.9em;
	border: solid 1px #11273d;
	padding: 3px;
	margin-bottom: 10px;
}

.input_image {
	display: block;
	margin-top: 10px;
}

.input_select {
	font-size: 1.0em;
	margin-bottom: 10px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.desc {
	font-size: 0.8em;
}

.rightLinks {
	float: right;
	color: #424129;
	font-size: 0.7em;
}

/* Span box */
.spanBox {
	width: 100%;
	background: #fed69a;
	border-bottom: solid 10px #e7c38c;
}

.spanBoxContent {
	margin: 25px auto;
	width: 980px;
	padding-top: 10px;
}

.spanBoxTitle {
	margin: 0px auto 0px auto;
	width: 980px;
	overflow: auto;	
}

.spanBoxTitle img {
	float: left;
	margin-right: 10px;	
}

.spanBoxTitle h2 {
	font-size: 1.1em;
	color: #3f3526;
	position: relative;
	top: 10px;
}

.dateblock {
	width: 100px;
	height: 81px;
	width: 81px;
	margin-bottom: 10px;
	float: left;
}

.dateblock .month {
	height: 27px;
}

.dateblock .month .title {
	float: left;
	background: #003f65;
	height: 27px;
	width: 59px;
	text-align: center;
}

.dateblock .month .title span {
	color: #ffffff;
	position: relative;
	top: 2px;
}

.dateblock .day {
	height: 54px;
}

.dateblock .day .title {
	float: left;
	background: #315c7f;
	width: 59px;
	height: 54px;
	text-align: center;
}

.dateblock .day .title span {
	color: #ffffff;
	font-size: 1.6em;
	position: relative;
	top: 5px;
}

.eventblock {
	margin: 10px;
}

.eventblock .entry {
	background: #3a688e url( ../images/backgrounds/lightbluepaw.png ) no-repeat;
}

.eventblock .entry .article {
	color: #ffffff;
	margin: 10px 15px;
}

.eventblock .entry .article h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #fed69a;
	padding-top: 0px !important;
}

.eventblock .entry .article p {
	margin-top: 6px;
}

.egg .top img,
.egg .bottom img {
	background: #fed69a;
}

.egg .top,
.egg .bottom {
	background: #315c7f;
	height: 12px;
}

#copyright {
	color: #3f3526;
	text-align: center;
	margin-top: 20px;
	margin-bottom: -30px;
	font-size: 0.7em;
}

#copyright a {	
	color: #3f3526;
	text-decoration: underline;
}

.barList li {
	min-height: 30px;
	background: #fed69b;
	border: solid 5px #ecc790;
	margin-bottom: 10px;
	overflow: auto;
	padding: 10px;
}

.barList li h3 {
	font-weight: bold;
}

.barList li a {
	text-decoration: underline;
	color: #3f3526;
}

.barList li a:hover {
	color: #094b73;
}

.adminTools {
	float: left;
	margin-left: 10px;
	opacity: 0.3;
	filter: alpha( opacity = 30 );
	margin-top: 2px;
}

.adminTools li {
	float: left;
	border: none;
	padding: 0px;
	margin: 0px;
	margin-right: 5px;
}

.adminTools li a {
	text-decoration: none !important;
}

.actionLinks {
	margin-bottom: 10px;
}


.actionLinks a {
	color: #3f3526;
	text-decoration: underline;
}

.actionLinks a:hover {
	color: #003f65;
}

.sectionButtons {
	float: right;
	margin-top: 7px;
}

.sectionButtons li a {
	display: block;
}

.calendarwrap {
	margin-bottom: 15px;
	margin-top: 5px;
}

.calendarmonth {
	width: 100%;
}

.calendarmonth th {
	text-align: center;
	background: #E7C38B;
	font-weight: bold;
	color: #3f3526;
	padding: 3px;
	font-size: 0.9em;
}

.calendarmonth td {
	height: 125px;
	overflow: hidden;
	border: solid 1px #d4b380;
	border-bottom: solid 2px #d4b380;
	font-size: 0.7em;
	vertical-align: top;
	color: #3f3526;
}

.calendarmonth td h3 {
	text-align: right;
	padding: 2px 7px 2px 2px;
	background: #3a688d;
	color: #ffffff;
	font-size: 1.1em;
	border-bottom: solid 2px #d4b380;
	margin-bottom: 3px;
}

.calendarmonth td h3 a {
	color: #ffffff;
}

.calendarmonth tr.row1 td {
	background: #ffd79a;
}

.calendarmonth tr.row2 td {
	background: #f6d095;
}

.calendarmonth td.inactive {
	background: #E7C38B !important; /* #E7C38B */ 
}

.calendarmonth tr.daynames {

}

.calendarmonth td ul {
	list-style: disc;
	margin-left: 20px;
}

.eventwrap {
	margin-top: 5px;
}

.eventwrap h2 {
	background: #E7C38B;
	font-weight: bold;
	color: #3f3526;
	padding: 3px !important;
	font-size: 0.9em;
	margin-bottom: 0px !important;
}

.eventwrap h3 {
	padding: 2px 7px 2px 2px;
	background: #3a688d;
	color: #ffffff;
	font-size: 1.1em;
	font-size: 0.8em;
	border-bottom: solid 2px #d4b380;
}

.event {
	overflow: auto;
	background: #ffd79a;
	margin-bottom: 10px;
	padding: 0px 6px 0px 6px;
}

.rightbuttons {
	float: right;
}

.rightbuttons li {
	float: left;
	margin-left: 10px;
}

.referralTable {
	width: 100%;
	font-size: 0.75em;
}

.referralTable td,
.referralTable th {
	padding: 6px;
}

.referralTable th {
	background: #3a688d;
	color: #ffffff;
	border-bottom: solid 2px #d4b380;
	margin-bottom: 3px;
}

.referralTable tr.row1 {
	background: #fed69b;
	border-bottom: solid 2px #d4b380;
}

.referralTable tr.row2 {
	background: #ecc790;
	border-bottom: solid 2px #d4b380;
}

.referralTable td a {
	color: #3a688d;
	text-decoration: underline;
}

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

#adoptedCal {
	background: #ffd79a;
	padding: 6px;
	font-size: 0.8em;
	margin-bottom: 10px;
	margin-top: 10px;
}

#adoptedCal img {
	float: left;
	margin-right: 5px;
}

#adoptedCal a {
	color: #094b73;
}

#adoptedCal a:hover {
	text-decoration: underline;
}