﻿/*---------------------------------------------------------------------*/
/*-------------------------------- HTML Elements ----------------------*/   
body {
    margin: 0px;
    padding: 0px;
    
    background: white;
          
    /*text-align: center;*/
}
ol
{
	line-height: 1.3em;
	margin-top: 0px;
	margin-bottom: 1.5em;
}
p
{
	margin-top: 0px;
	margin-bottom: 1em;
}
ul
{
	line-height: 1.3em;
	margin-top: 0;
	margin-bottom: 1.5em;
}

/*-------------------------------------------------------------------*/
/*-------------------------------- ID Tags ----------------------*/   
#admin_content
{
	padding: 20px 10px 20px 10px;
}
#admin_menu
{
	float: right;
	text-align: right;
}
#admin_page
{
	margin: 10px;
}
#admin_pagetitle
{
	padding: 10px 0 0 0px;
	margin-bottom: -10px;
}
#admin_topbar
{
	padding: 0px 10px 10px 10px;
}
#content
{
	background-color: #8499D2;
	float: left;
	height: auto;
	padding: 0px 0px 24px 0px;
	/*width: 770px;*/
}
#footer
{
	text-align: right;
}
#fullbody
{
	width: 722px;
}
#header
{
	background-color: #B4B8BB;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#leftbar
{
	background-color: #FFFFFF;
	float: left;
	/*text-align: center;*/
	width: 192px;
}
#leftbarmenu
{
	margin-bottom: 10px;
}
#leftbody
{
	/*background-color: #8499D2;
	float: left;*/
	width: 480px; /*536px;  = content width (740) - rightbody width (250) - padding between left and right body (10) = 480 */
}
#mainbody
{
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#pagecontent
{
	padding: 20px 10px 10px 20px;
	width: 740px; /* this must equal width - padding = 770 - right (10) - left (20) = 740*/
}
#pagewrapper
{
	background: white;
    margin: 10px auto;
    padding: 0;
    width: 962px;
}
#rightbody
{
	/*background-color: #72C156;*/
	float: right;
	/*margin-left: 7px;  resolves to 10px in ie */
	margin-right: 0px;
	padding-right: 0px; 
	margin-top: -10px;
	/*width: 250px;*/
}
#topbar
{
	background-color: #4F62AF;
	height: 40px;
	width: 770px;
	vertical-align: middle;
}
#topbarmenu
{
	float: left;
}


/*---------------------------------------------------------------------------*/
/*------------------------------ General Styles -----------------------------*/
.adminlink
{
	float: right;
	/*border: 1px solid black;*/
	margin-top: -10px;
	padding-right: 20px;
}
.alert
{
	color: Red;
	font-weight: bold;
}
.bold
{
	font-weight: bold;
}
.checkboxlist
{
	padding-bottom: 1.5em;
}
.fc_internetsafety
{
	position: absolute;
	z-index: 0;
	text-align: left;
}

.fc_iwcad
{
	float: right; 
	margin-left: 15px;
}
.lblConfirmation
{
	color: Orange;
	padding: 15px 0 0 0;
}
.lblConfirmation2
{
	color: Black;
	padding: 15px 0 0 0;
}
.leftbarbottomimages
{
	margin-bottom: 15px;
	text-align: left;
}
div.leftcontentwindow
{
	background-color: #FFFFFF;
	/*border: solid 1px black;*/
	padding: 0px 10px 0px 10px;
}
.localresource
{
	margin-bottom: 15px;
	padding-left: 15px;
}
.localresource h4
{
	padding-bottom: 0;
}
.logoutusername
{
	float: right;
	padding-right: 6px;
}
.mblogout
{
	text-align: right;
}
.messageboardimage
{
	margin-bottom: 15px;
	margin-left: 45px;
}
.messageboardtable
{
	margin-top: 20px;
}
.messageboardtable tr td
{
	padding: 0px 0 20px 0;
}
.onlineresource
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-left: 15px;
}
.onlineresource a
{
	padding-left: 15px;
}
ul.splitlist
{
	margin-top: .5em;
	padding-right: 20px;	
}
.splitlistheader
{
	font-weight: bold;
	font-size: 14px;
	padding-left: 10px;
}
table.splittable tr td
{
	padding-right: 20px;
	vertical-align: top;
}
.sub
{
	padding-left: 10px;
}
table.tableSA
{
	border: 1px solid black;
	padding: 0px;
	margin-bottom: 25px;
}
table.tableSA thead
{
	font-weight: bold;
}
table.tableSA tr td
{
	border: 1px solid black;
	vertical-align: top;
}
.upperright
{
	float: right;
}
.valmessage
{
	color: Orange !important;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
}
.yellowbuttonbar
{
	text-align: left;
	padding-left: 1px;
	padding-right: 1px;
}



/*----------------------------------------------------------------------*/
/*--------------------------------------- Colors -----------------------*/
.clightblue {color: #8499D2;}
.cdarkblue {color: #4F62AF;}
.cpurple {color: #472347;}
.cpurple a {color: #472347 !important;}
.cpurple a:hover {text-decoration: none !important; color: #4F62AF !important;}
.cwhite	{color: #FFFFFF;}
.cwhite a {color: #FFD54B !important;}

/*--------------------------------------------------------------------------*/
/*----------------------------------- Margins and Padding ------------------*/

.marginbottom20{margin-bottom: 20px;}
.marginright5{margin-right: 5px;}
.margintop10{margin-top: 10px;}
.margintop20{margin-top: 20px;}
.paddingright10{padding-right: 4px;}
.paddingtop20{padding-top: 20px;}

/*----------------------------------------------------------------------*/
/*----------------------------------- Text Formatting ------------------*/
h1
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 28px;
	line-height: 28px;
	padding: 0px 0px 22px 0px;
	/*padding: 0px 0px 22px 0px;*/
	margin: 0px 0px 0px 0px;
}
h2
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 24px;
	line-height: 24px;
	padding: 0px 0px 18px 0px;
	/*padding: 0px 0px 18px 0px;*/
	margin: 0px 0px 0px 0px;
}
h3
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 18px;
	line-height: 18px;
	padding: 0px 0px 12px 0px;
	/*padding: 0px 0px 4px 0px;*/
	margin: 0px 0px 0px 0px;
}
h4
{	
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 16px;
	line-height: 16px;
	padding: 0px 0px 10px 0px;
	/*padding: 0px 0px 10px 0px;*/
	margin: 0px 0px 0px 0px;
}
.italic
{
	font-style: italic;
}
.texth2
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 24px;
	font-weight: bold;
}
.textgreenbox
{
	color: #FFFFFF;
	font-family: Times New Roman, Times, Georgia, Serif;
	font-size: 14px;
	line-height: 1.5em;
	/*font-size: 16px;
	line-height: 1.2em;*/
}
.textgreenbox a
{
	color: #333366;
	/*color: #FFD54B;*/
	font-weight: normal;
	text-decoration: none;
}
.textgreenbox a:hover
{
	color: #660000;
	text-decoration: underline;
}
.textgreenbox ul
{
	margin-left: 20px;
	padding-left: 0px;
}
.textregular
{
	font-family: Times New Roman, Times, Georgia, Serif;
	/*font-family: Arial, Helvetica, Sans-Serif;*/
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5em;
	margin-bottom: 0px;
}
.textregular a
{
	color: #4F62AF;
	text-decoration: none;
}
.textregular a:hover
{
	text-decoration: underline;
}
.textregularbutton
{
}
.textregular input
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
}
.textregular select
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
}
.textregular_standout
{
	/*color: #000000;*/
	font-size: 1em;
	font-weight: bold;
}
.textsmall
{
	font-size: .8em;
}
.textsmall a
{
	color: #4F62AF;
	text-decoration: none;
}
.textsmall a:hover
{
	text-decoration: underline;
}

/*--------------------------------------------------------------------*/
/*----------------------------------------- clearing -----------------*/
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	.clearfix
	{
		min-height: 1%;
	}
	/* Hides from IE-mac \*/
	* html .clearfix {
		height: 1%;
	}
	/* End hide from IE-mac */
/* end clearing */
