﻿
/* 
-------------------------------------------------------------------
Share This Social Media
-------------------------------------------------------------------
*/
#divSocialMedia_FacebookTwitterIcons {float:right; margin-right: 42px; margin-top: -3px;}
#divSocialMedia_ShareThis {float:left;margin-top: -4px;}


/*
-----------------------------------------------------------
Layout Classes  ||| Important Stuff (Master Pages Shadows) 
-----------------------------------------------------------
*/
.wrapperTable {width: 1012px;}
.leftShadowColumn {width:14px; background: transparent url('/images/layout-shadow-left.png') repeat-y;}
* html .leftShadowColumn {width:14px; background: transparent url('/images/layout-shadow-left.gif') repeat-y;}
.centerContentColumn {
    width: 984px;
    padding: 0px;margin: 0px;
}
.rightShadowColumn {width:14px; background: transparent url('/images/layout-shadow-right.png') repeat-y;}
* html .rightShadowColumn {width:14px; background: transparent url('/images/layout-shadow-right.gif') repeat-y;}

.bottomColumn {width: 1012px; height:22px;background: transparent url('/images/layout-shadow-bottom.png') no-repeat;}
* html .bottomColumn {width: 1012px; height:22px;background: transparent url('/images/layout-shadow-bottom.gif') no-repeat;}

/* 984px = 176px + 808px */
.InternalTableWrapper {width:984px;}
.InternalSidebarColumn {width:176px; vertical-align:top;background-color: #FFFFFF;}
.InternalContentColumn {width:808px; vertical-align:top;background: #FFF url('/images/layout-shadow-sidebar.png') repeat-y;}

/*
-----------------------------------------------------------
Layout Divs  ||| Important Stuff (Master Pages) 
-----------------------------------------------------------
*/

#divPageWrapper {width: 1012px; margin-top:10px; margin-left: auto; margin-right: auto;}
#divTopHeaderAreaWrapper {}
* html #divTopHeaderAreaWrapper {width: 1012px; height:22px;background: transparent url('/images/layout-shadow-top.gif') no-repeat; /*background-color: Red;*/}



#divHomelogo {}
#divSideNav {width: 176px; padding-left: 0px; /*background-color: red;*/}
#divMain_Menu {padding-top: 24px;}



    #divContentArea_TopNav {margin-left:0px; height: 92px;}
    /*#divContentArea_TopNav_BottomColor {margin-left:0px; height: 30px; background: transparent url('/images/background-alpha.png') repeat;}*/
    * html #divContentArea_TopNav_BottomColor {visibility:hidden;}
    .CSSActiveBarColor {margin: 0px; padding: 0px; height: 1px; background: transparent;}
    .CSSActiveBarColor_Blue {margin-left:0px; height: 30px; background: transparent url('/images/sub_menu/bg_childhood.jpg') repeat;}
    .CSSActiveBarColor_Green {margin-left:0px; height: 30px; background: transparent url('/images/sub_menu/bg_elementary.jpg') repeat;}
    .CSSActiveBarColor_Red {margin-left:0px; height: 30px; background: transparent url('/images/sub_menu/bg_middle.jpg') repeat;}
    .CSSActiveBarColor_Purple {margin-left:0px; height: 30px; background: transparent url('/images/sub_menu/bg_high.jpg') repeat;}
    .CSSActiveBarColor_Brown {margin-left:0px; height: 30px; background: transparent url('/images/sub_menu/bg_college.jpg') repeat;}
    
    
    
    
    
    
    
    #divContentArea {
        width:748px;  /*808px - padding left/right */
        min-height: 600px;
        height: 100%;
        margin-top: 0px;
        margin-left: 0px;
        padding: 20px 30px 10px 30px;
        /*background-color:Aqua;*/
    }
    
    #divContent_TextArea {
        width:490px;  /*808px - padding left/right */
        min-height: 600px;
        height: 100%;
        margin-top: 0px;
        margin-left: 0px;
        padding: 20px 30px 10px 30px;
        
        float:left;
        /*background-color: Red;*/
    }

    
    #divContent_CallOutArea {
        width:130px;  /*808px - padding left/right */
        min-height: 480px;
        height: 480px;
        margin-top: 0px;
        margin-left: 0px;
        padding: 20px 35px 20px 20px;
        
        float:right;
        /*background-color: green;*/
    }
    .CSSActiveColor_CallOut {background: transparent url('/images/callout-background.jpg') no-repeat;}

#divLayoutFooter {padding:4px; width: 100%;text-align:center;}
    .footer_links {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    color: white;
	    line-height: 16px;
	    font-weight: bold;
    }
    .footer_links a:link {color: white;}
    .footer_links a:visited {color: white;}
    .footer_links a:hover {color: black;}

#divTopNavCrumbs { clear:both;width: 984px; padding-left:40px; font-weight:bold;}
.crumbs_links {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #D20F1D;
    line-height: 9px;
}
.crumbs_links a:link {color: green;}
.crumbs_links a:visited {color: green;}
.crumbs_links a:hover {color: #D20F1D;}



/*
-----------------------------------------------------------
OTHER STUFF To be organized
-----------------------------------------------------------
*/


#divNewsLetter {width: 166px; margin:0px;padding: 0px 10px 5px 0px;text-align: right;}

.NewsLetterMenu {
	background: #FFFFFF;
	font: bold 15px 'Trebuchet MS', Helvetica, sans-serif;
	font-weight: bold !important;
	text-align: right;
	color: #01427A;
	line-height: 25px;
	display:block;
	/*padding: 5px 10px 5px 0px;*/
}
.NewsLetterMenu a:link {color: #737373;text-decoration: none;}
.NewsLetterMenu a:visited {color: #737373;text-decoration: none;}
.NewsLetterMenu a:hover {color: #01427A;text-decoration: none;}


#divForm_eClub {padding:5px 5px 5px 20px; width: 60%; margin: 0 auto; border: solid 1px #dfdfdf; background-color: #F6F5F5;}


/*

For the special pages using 2 columns format*/
.main_left {
    padding-right:15px;
    width:50%;
}

.main_right {
    border-left:1px solid #AAAAAA;
    font-size:12px;
    margin:10px 0 0 15px;
    padding-left:15px;
    width:50%;
}


#divGoogle_Search {width: 160px; padding-left:10px; padding-top:10px;height: 35px; line-height: 12px; }
#divSearchText {float:left;}
#divSearchButton {float:right; padding: 1px 0px 0px 0px;}
input.search_box {
	float: left;
	clear: both;
	width: 110px;
	height: 19px;
	border-width: 2px;
	border-color: #6CA550;
	border-style: solid;
	background-color: transparent;
	margin: 0px;
	padding: 3px 6px 0px 6px;
	background-image: url('/images/search_box_bg3.png');
	background-repeat: repeat-x;
	text-align: left;
	font-size: 14px;
	line-height: 15px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	color: black;
}




/*
----------------------------------------------
HomePage
----------------------------------------------
*/
#divHome_MainFlash {margin: -20px -30px -10px -30px;
	z-index:1;
	position:relative;
background-color:#F6F6DC;
}
#divHomeNews {
    width:350px; height:300px;
    padding-top: 25px;
    margin-top: 25px;
    float: left;
z-index:200;
position:relative;
background: transparent url('/images/news-title.gif') no-repeat;
}
#divHome_NoteBlob {
    width:364px; height:311px;
    float: right;
    margin-top: 10px;
    padding-top: 0px;
z-index:200;
position:relative;
/*background: transparent url('/images/_sticky_note.png') no-repeat;*/
}
#divHome_NoteBlob .nbTitle {padding:25px 0 0 0}

* html #divHome_NoteBlob {
    width:364px; height:311px;
    float: right;
    margin: 15px 0px; padding: 0px;
    /*background: transparent url('/images/_stickynoteIE6.jpg') no-repeat;*/
}

/*

Only for IE7
*+html .foo{}

*/

