/*  File: /resources/mainStyles.css
    Written by Daniel Lowhorn (LTW Productions)
    http://www.ltwproductions.com/

    This is the main CSS file for the entire website. Every page links
    to this and uses these classes.
    
    If there is a definition that is used by a particular page it will
    be notated in the comment above the class.
    
*/

/*  Set vertical scrollbar to always on for Mozilla browsers (NOT STANDARD CSS)*/
html {
    overflow: -moz-scrollbars-vertical;
}

/*  Remove the padding around the body of the page and set default font
    to Verdana 11pt, black. */
body {

    margin:  5px 0px 0px 0px ;
    padding: 0px;
    
    font-family : Verdana;
    font-size   : 12pt;
    color       : #000000;
    
    background-color : #000;
    height : 99%;

}

/* container class is used to center the content on the page */
#container {
    width  : 100%;
    margin : 0%;
    padding : 0px;
    text-align : center;
}


/* mainSpace class is used to define the outer boundary of the
   content on the page */
#mainSpace {
    width            : 975px;
    padding          : 0px;
    margin-left      : auto;
    margin-right     : auto;
    text-align       : left;
}


#main {
    border:1px solid #000;
    background:#CCCCCC;
    width:975px;
}
	
	
    #main #logo {
    	border-right:2px solid #222222;
    	border-bottom:2px solid #222222;
    	float:left;
    	width:180px;
    	height:153px;
    	background: url('../media/smallLogo.png') no-repeat center;
        background-color:#fff;
    	margin:0px 0px 0px 0px;
    	padding-left:10px;
    	padding-right:10px;
    	padding-top:5px;
    }

p,h1,pre {
	margin:0px 10px 25px 10px;
}

p.closer { margin: 10px 10px 20px 10px; }

h3 {
  text-align:center;
}

p.emphasis:first-letter {font-size: 400%; font-weight:700; float:left;}
p.emphasis { margin:0px 10px 20px 10px; }

li.spacedList {

    margin-bottom:15px;

}


h1 {
	font-size:14px;
	padding-top:10px;
}

#menu p { font-size:10px}



#topSubBar {
    border-top:1px solid #000;
    background-color:#A9A9A9;
    background-image: url('../media/schoolName.png');
    background-repeat: repeat-x;
    height:12px;
    font-size:10px;
}

#topLinksBar {
    background-color:#222222;
    background-image:url('../media/proverbs.png');
    background-repeat:no-repeat;
    background-position:right;
    height:18px;
    border-bottom:1px solid #999999;
    padding-top:5px;
    padding-right:10px;
    text-align:center;
    color:#FFEE00;
    font-size:9pt;
    font-style:italic;
}

#mainContent {
    margin-top:50px;
    min-height:360px;
    /*background:;*/
}

    #mainContent #mainLinks {
		border:1px solid #999999;
		float:left;
		width:205px;
		min-height:470px;
		background:#222222;
		margin:0px 10px 0px 10px;
		padding:5px;
        color:#EEEEEE;
        position:relative;
        top:-10px;
        z-index:2;

		/*IE 6 min-height hack */
		height : auto !important;
		height : 355px;

    }

#topBar {
    height:100px;
    background-color:#000;
    background:url('../media/topBanner.png') right;
    text-align:right;
}

div.mainLink {
    padding-bottom:4px;
    margin-bottom:0px;
    padding-left:10px;
}

div.selectedLink {
    background-color : #ec4910;
}

div.mainLinkTop {
    background-color:#0000FF;
    height:2px;
    display:none;
}

div.mainLink_sub {
    margin-bottom:3px;
    padding-left:30px;
}

div.mainLink_sub_hidden {
    margin-bottom:5px;
    padding-left:30px;
    display:none;
}

dt.emphasis {
    font-weight:700;
}

dd.spacedDef {
    margin-bottom:15px;
}

div.centerQuote {
    width:90%;
    text-align:center;
    font-style:italic;
    font-weight:700;
    margin-left:50px;
    margin-right:50px;
    margin-bottom:10px;
    margin-top:10px;
}

div.smallCenterQuote {
    width:80%;
    text-align:center;
    font-style:italic;
    font-weight:500;
    font-size:9pt;
    margin-left:50px;
    margin-right:50px;
    margin-bottom:10px;
    margin-top:10px;
}


div.topLink {
    color:#d2ea05;
    display:inline;
    margin-left:10px;
}

#disclaimer {
    clear:both;
    float:left;
    font-size:10pt;
    margin-left:15px;
    position:relative;
    z-index:2;
}

#bottomBanner {
    font-size:10pt;
    font-style:italic;
    text-align:center;
    padding-bottom:0px;
    position:relative;
    top:114px;
    background:url('../media/motto.png') no-repeat right;
    height:27px;
    z-index:1;
}

#bottomSlice {
    clear:both;
    background-color:#A9A9A9;
    font-size:8pt;
    height:15px;
}

#copyright {
    float:left;
    margin-left:10px;
}

#contactInfo {
    float:right;
    margin-right:10px;
}


a.tlink:link    {color: #FFEE00; background-color:transparent; text-decoration:underline;      font-family:Verdana;}
a.tlink:visited {color: #FFEE00; background-color:transparent; text-decoration:underline;      font-family:Verdana;}
a.tlink:hover   {color: #F35D00; background-color:transparent; text-decoration:underline; font-family:Verdana;}

a.mlink:link    {color: #EEEEEE; background-color:transparent; text-decoration:none;      font-family:Verdana; font-size:10pt;}
a.mlink:visited {color: #EEEEEE; background-color:transparent; text-decoration:none;      font-family:Verdana; font-size:10pt;}
a.mlink:hover   {color: #FFEE00; background-color:transparent; text-decoration:underline; font-family:Verdana; font-size:10pt;}

a.hmlink:link    {color: #FFEE00; background-color:transparent; text-decoration:none;      font-family:Verdana; font-size:10pt;}
a.hmlink:visited {color: #FFEE00; background-color:transparent; text-decoration:none;      font-family:Verdana; font-size:10pt;}
a.hmlink:hover   {color: #FFEE00; background-color:transparent; text-decoration:underline; font-family:Verdana; font-size:10pt;}

a.mslink:link    {color: #777777; background-color:transparent; text-decoration:none;      font-family:Verdana; font-size:8pt;}
a.mslink:visited {color: #777777; background-color:transparent; text-decoration:none;      font-family:Verdana; font-size:8pt;}
a.mslink:hover   {color: #F35D00; background-color:transparent; text-decoration:underline; font-family:Verdana; font-size:8pt;}


a.clink:link    {color: #23238E; background-color:transparent; text-decoration:none;      font-family:Verdana;}
a.clink:visited {color: #23238E; background-color:transparent; text-decoration:none;      font-family:Verdana;}
a.clink:hover   {color: #A1143A; background-color:transparent; text-decoration:underline; font-family:Verdana;}

a.plink:link    {color: #23238E; background-color:transparent; text-decoration:none; border-bottom:1px #23238E dotted; font-family:Verdana; font-weight:700;}
a.plink:visited {color: #23238E; background-color:transparent; text-decoration:none; border-bottom:1px #23238E dotted; font-family:Verdana; font-weight:700;}
a.plink:hover   {color: #F35D00; background-color:transparent; text-decoration:none; border-bottom:1px #F35D00 dotted; font-family:Verdana; font-weight:700;}

a.dlink:link    {color: #999999; background-color:transparent; text-decoration:underline; font-family:Verdana; font-weight:700;}
a.dlink:visited {color: #999999; background-color:transparent; text-decoration:underline; font-family:Verdana; font-weight:700;}
a.dlink:hover   {color: #F35D00; background-color:transparent; text-decoration:underline; font-family:Verdana; font-weight:700;}


iframe.mainFrame{
    border:1px solid #202083;
    width:710px;
    height:500px;
    background-color:#FFF;
    /*margin-top:-30px;*/
    margin-right:10px;
    float:right;
    position:relative;
    top:-30px;
    padding : 0px;
}

body.pageBody {

    background-color:#FFF;
    padding : 5px;
    border : none;

}


body.pageBody_watermark {

    background-color:#FFF;
    background:url('../media/logoWatermark.png') no-repeat fixed center;
    border : none;
    font-size : .9em;

}


#pageBackground_watermark {
    background:url('../media/logoWatermark.png') no-repeat fixed center;
    min-height:320px;
}

#pageBackground {

}

#rightLargeLogo {
    float  : right;
    margin : 5px 5px 5px 5px;
    width  : 320px;
    height : 310px;
    background: url('../media/largeLogo.png') no-repeat center;
}

#pageContent {
    margin-top    : 15px;
    margin-left   : 10px;
    font-size     : 1.0em;
}

span.emphasis {
    font-size:11pt;
    font-weight:700;
}

span.quoted {
    font-style:italic;
}

div.centeredTitle {
    text-align:center;
    font-size:16pt;
    font-weight:700;
    margin-bottom:20px;
}

table.fullTable {
    width:95%;
    text-align:center;
    border:2px solid #000;
    margin-bottom:20px;
    margin-left:10px;
    background-color:#A9A9A9;
    /*background:url('../media/tableBG.png') repeat-y left;*/
}

tr.titleRow {
    font-weight:700;
    background:url('../media/tableBG.png') repeat-y left;
}

tr.eventRow {
    font-size:10pt;
    background:url('../media/tableBG.png') repeat-y left;
}

tr.primaryEventRow {
    font-size:10pt;
    background:url('../media/primary_tableBG.png') repeat-y left;
}

td.primaryEventData {
    border-top : 1px solid #e0d100;
    border-bottom : 1px solid #e0d100;
    font-weight:700;
}

div.titleContent {
    border-bottom:2px solid #000;
    width : 100%;
}

td.label {
    font-weight:700;
    text-align:right;
}

td.requiredLabel {
    font-weight:700;
    text-align:right;
    color:red;
}

input.subscribeButton {
    width:200px;
    height:50px;
    border:1px solid #F35E00;
    font-size:12pt;
    font-weight:700;
}

#subscribeTD {
    text-align:center;
}

#formTable {
    width:95%;
    font-size : .9em;
}

#messageBox {
    margin-top:25px;
    margin-left:25px;
    background-color:#A9A9A9;
    color:#000;
    font-weight:700;
    padding:20px;
    border:2px solid #F35E00;
    text-align:center;
    width:400px;
}

#formProcessing {
    font-size:8pt;
    color:#F35E00;
    margin-top:10px;
    width:200px;
}

div.announcement {

    border : 2px solid #F35E00;
    background-color : #EEE;
    font-size : .9em;
/*    font-weight : 700; */
    margin : 5px 10px 10px 5px;
    padding : 10px;
    min-height : 50px;

}

div.announcementBangLeft {
    float : left;
    width : 20px;
    height : 50px;
    background: url(../media/announcementBang.png) no-repeat left center;
}

div.announcementBangRight {
    float : right;
    width : 20px;
    height : 50px;
    background: url(../media/announcementBang.png) no-repeat right center;
}

#calendarContainer {
    float : left;
	margin: -10px 10px 0px 10px;
	width : 217px;
}

#eventsListingContainer {
    border:1px solid #202083;
    width:705px;
    background-color:#FFF;
    margin : -10px 10px 20px 0px;
    margin-right:10px;
    float:right;
    height : 135px;
    /*overflow : auto;*/
}

.scrollingList {
    background-color : #FFF;
    overflow : auto;
    height : 112px;
}

.eventSpace {
    border:1px solid #202083;
    width:705px;
    min-height:383px;
    background:url('../media/logoWatermark.png') no-repeat center;
    background-color:#FFF;
    /*margin-top:-30px;*/
    margin-right:10px;
    float:right;
    position:relative;
    top:-30px;
    font-size:.9em;


	/*IE 6 min-height hack */
	height : auto !important;
	height : 383px;
}

#calendarIMG {
    border:1px solid #ec4910;
	float:right;
	width:150px;
	height:107px;
	background: url('../media/calendar.jpg') no-repeat center;
    background-color:#fff;
	margin:10px;
}

.lined {
    background:url(../media/line_bg.png) repeat-y;
}

.smallMessage {
    font-style:italic;
    font-size:.8em;
}

/* standards */
.bold        { font-weight : 700; }
.underline   { text-decoration : underline; }
.clearBoth   { clear : both; }
.m_0         { margin : 0px; }
.m_10        { margin : 10px; }
.m_t_100     { margin-top : 100px; }
.m_t_5       { margin-top : 5px; }
.m_b_5       { margin-bottom : 5px; }
.m_l_10      { margin-left : 10px; }
.fs_9        { font-size : .9em; }
.hidden      { visibility : hidden; }
.alignCenter { text-align : center; }
.alignLeft   { text-align : left; }
.alignRight  { text-align : right; }
.alignTop    { vertical-align : top; }
.alignBottom { vertical-align : bottom; }
.inline      { display : inline; }

div.highlight_pBox {
    border:1px solid #000;
    width:90%;
    margin:0px 0px 10px 10px;
    background-color:#EEE;
    padding:5px;
}

div.plink_right {
    float:right;
    margin-right:5px;
}

div.plink_center {
    width:100%;
    text-align:center;
    margin-bottom:20px;
}

/* calendar styles */
.dottedBottom {
    border-bottom:1px dotted #BBB;
}

div.eventsList {
    background-color : #EEE;
    border-bottom:2px solid #ec6210;
    font-size:.8em;
    font-weight:700;
    padding:3px;
    height : 15px;
}

ul.eventsList { font-size:.8em; }

li.eventsList { margin:0px 0px 10px 0px; }

p.eventsList { color : #008b00; }

.featBox {
    padding:5px 0px 5px 0px;
    margin:7px;
    background-color:#000;
    color:#FFF;
    border:2px solid #ec6210;
    font-size:1.0em;
    font-weight:700;
    text-align:center;
}

.featBox p {
    margin:0px;
    padding:0px;
}

.infoBox {
    max-width:250px;
    float:left;
    padding:10px;
    margin:7px;
    border:1px solid #888;
    background-color:#FFF;
    font-size:.8em;
}

.wide {
    max-width : 700px;
}

.wide p {
    margin-top : 10px;
}

.infoBox ul {
    margin:0px;
    padding:0px;
    list-style-type: none;
}

.infoBox_list_date {
    margin-bottom:5px;
    text-decoration:underline;
    font-weight:700;
}

.eTitleBox {
    margin:15px 7px 7px 0px;
    font-size:1.2em;
    font-weight:700;
    text-align:center;
}

.colorBar {
    margin:3px 10px 10px 0px;
    float:right;
    background-color:#ec4910;
    height:3px;
    width:400px;
}

.eDescription {
    padding:10px;
    font-size:1em;
}

.linkBox {
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    overflow:auto;
    border-top:1px solid #888;
    border-bottom:1px solid #888;
    background-color:#EEE;
    margin:10px 0px 10px 0px;
    padding:5px 0px 5px 0px;
    font-size:.8em;
    font-weight:500;
}



/* CSS Styles for down-page messaging */
/* container class is used to center the content on the page */
#down_container {
    width  : 100%;
    margin : 0%;
    padding : 0px;
    text-align : center;
}

/* mainSpace class is used to define the outer boundary of the
   content on the page */
#down_mainSpace {
    width            : 975px;
    padding          : 0px;
    margin-left      : auto;
    margin-right     : auto;
    text-align       : left;
}


#down_main {
    border:1px solid #000;
    background:#CCCCCC;
    width:975px;
}


    #down_main #down_logo {
    	border-right:2px solid #222222;
    	border-bottom:2px solid #222222;
    	float:left;
    	width:180px;
    	height:153px;
    	background: url('../media/smallLogo.png') no-repeat center;
        background-color:#fff;
    	margin:0px 0px 0px 0px;
    	padding-left:10px;
    	padding-right:10px;
    	padding-top:5px;
    }

#down_topBar {
    height:100px;
    background-color:#000;
    background:url('../media/topBanner.png') right;
    text-align:right;
}

#down_topSubBar {
    border-top:1px solid #000;
    background-color:#A9A9A9;
    background-image: url('../media/schoolName.png');
    background-repeat: repeat-x;
    height:12px;
    font-size:10px;
}

#down_topLinksBar {
    background-color:#222222;
    background-image:url('../media/proverbs.png');
    background-repeat:no-repeat;
    background-position:right;
    height:18px;
    border-bottom:1px solid #999999;
    padding-top:5px;
    padding-right:10px;
    text-align:center;
    color:#FFEE00;
    font-size:9pt;
    font-style:italic;
}

#down_mainContent {
    margin-top:50px;
    min-height:360px;
    /*background:;*/
}

#down_message {
    text-align : center;
    border-top : 1px solid #000;
    border-bottom : 1px solid #000;
    padding : 10px 0px 10px 0px;
    margin  : 20px;
}


#urgentMessages {
    color            : #FFF;
    width            : 100%;
    font-size        : .8em;
    font-weight      : 700;
    border-bottom    : 2px solid #F00;
    background-color : #000;
    margin           : 0px 0px 20px 0px;
}

#editorLoad {
    padding : 0px 0px 0px 10px;
    font-size : .9em;
    margin : 0px;
}

#editorLoad p {
    margin : 0px;
    padding : 0px;
}

span.notice {
    padding-left:20px;
    color : #ec4910;
    font-weight : 700;
    font-size : .9em;
}


.borderedMain {
    background : url(/media/contentFade.png) repeat-x bottom;
    background-color:#DDD;
    border-top:1px solid #999;
    max-height : 335px;
    /*border-bottom:1px solid #999;*/
    
	/*IE 6 min-height hack */
	height : auto !important;
	height : 335px;

}

#borderedMain {
    margin-top : 5px;
}

#emailTable {
    width : 650px;
    margin-left : 20px;
    margin-top : -10px;
}

.cover {
    position : absolute;
    z-index  : 20;
    background-color : #000;
    width    : 100%;
    height   : 100%;
    top      : 0px;
    left     : 0px;
    filter:alpha(opacity=60);
    -moz-opacity:.60;
    opacity:.60;
    display : none;
}

/* Hack to apply fixed except in IE6 -- IE6 will ignore this rule */
html>body .cover { position:fixed; }

#emailPopup {
    width  : 100%;
    margin : 0%;
    padding : 0px;
    text-align : center;
    position:absolute;
    display : none;
    z-index : 21;

    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
}

#emailSpace {
    width            : 500px;
    padding          : 5px;
    margin-left      : auto;
    margin-right     : auto;
    margin-top       : 50px;
    text-align       : left;
    border           : 2px solid #FFEE00;
    background-color : #DDD;
}

#eBody_container {
    border-right : 2px solid #ec6210;
}

#eToSpan {
    border-bottom : 1px dotted #ec6210;
}

#eToSpan:a {
    color : #ec6210;
    border : 0px;
}

#emailNote {
    display : inline;
    visibility : hidden;
    color : #ec6210;
    font-style : italic;
    font-weight : 700;
    margin-left : 40px;
}

.centerAnnouncement {

    width       : 90%;
    text-align  : center;
    margin      : 80px 0px 20px 0px;
    font-size   : 1.5em;
    font-weight : 700;
    color       : #ec4910;

}


/*
a.emailLink:link    {color: #ec6210; background-color:transparent; text-decoration:none; font-family:Verdana; font-size:1em; font-weight:700;}
a.emailLink:visited {color: #ec6210; background-color:transparent; text-decoration:none; font-family:Verdana; font-size:1em; font-weight:700;}
a.emailLink:hover   {color: #ec6210; background-color:transparent; text-decoration:none; font-family:Verdana; font-size:1em; font-weight:700;}
*/