﻿html {
        height:auto !important; /* FF and compliant browsers should automatically size the body/html */
        height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
        min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}

body {
        height:auto !important; /* FF and compliant browsers should automatically size the body/html */
        height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
        min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
        background-color:#cccccc;
		background-image:url(../bkg3.jpg);
		background-repeat:repeat-x;
        font-family:Arial;
        font-size:11px;
        
        
}

a:link
{
	text-decoration:none;
	color:#0079C2;
}
a:visited
{
	text-decoration:none;
	color:Blue;
}
a:hover
{
	color:#79B958;
	text-decoration:underline;
}

p
{
	font-family:arial;
	font-size:10pt;
}

img
{
	border-style: none;

}

div.main
{
	position:relative;
	width:786px;
	*width:785px;
	height:100%;
	margin-right: auto;
	margin-left:auto;	
	background-color:White;
	overflow:auto;
	margin-top:-8px;
	*margin-top:-15px;
}

.topWrapper
{
	width:100%;	
	margin-left:auto;
	margin-right:auto;
	position: relative;
	clear: both;
}

.top
{
	background-color:#9A68A0;
	float:left;
	width:75%;
	position:relative;
	
}

.topRight
{
	float:right;
	width:25%;
	background-color:#AE86B3;
	position:relative;
	font-size:11px;
	color:#625D5D;
	
	
}
.topRight a
{
	color:white;
	text-decoration:underline;
	text-align:right;
	
}
.topRight a:hover
{
	color:white;
	text-decoration:none;
}


/************************************** 
				Header 
***************************************/
.headerWrapper

{
	
	width:100%;	
	margin-left:auto;
	margin-right:auto;
	position: relative;
	clear: both;
	
	
}
.header
{
	position:fixed;
	width:75%;
	position:relative;
	float:left;


	
}

.headerRight
{
	width: 25%;
	height:299px;
	background-color: #708C2D;
	background-color:#B1D3FF;
	position: relative;
	float: right;
	
	
}

.headerRightText
{
	padding:5px;
	overflow:hidden;
	font-family:Arial;
    font-size:11px;

}


/* DIV 1*/
.headerRightTextHeader
{
	font-family:arial;
	font-size:14px;
	color:#0079C2;
	text-align:center;
	background-image:url('img/NewsHeader.png');
	background-repeat:no-repeat;
}

.headerRightTextCenter
{
	font-family:arial;
	font-size:12px;
	color:White;
	text-align:center;
}

.headerRightText a:link
{
	color:blue;
	font-size:12px;
	color:blue;
	text-align:center;
}

.headerRightText a:hover
{
	color:White;
}

/* DIV 2*/

.headerRightBlock
{
	
	overflow:hidden;
	background-color: #99CD66;
	background-color:#AE86B3;
	height: 250px;

}

/************************************** 
				End Header 
***************************************/


/************************************** 
				Navigation
***************************************/
.navigationWrapper
{
	width:100%;	
	margin-left:auto;
	margin-right:auto;
	position: relative;
	clear: both;
	z-index:10;
}
.navigation
{
	display:inline;
	float:left;
	background-image:url('img/titlebar.gif');
	background-repeat:repeat-x;
	font-family: verdana, arial, sans serif; 
	width:75%;
	border-bottom: #cccccc;
	height: 16px;
	margin-left:-1px;
}

.navigationRight
{
	width: 25%;
	height:26px;
	background-color:#B1D3FF;
	position: relative;
	float: right;
}

/************************************** 
				End Navigation
***************************************/


/************************************** 
				MID Content 
***************************************/
.midWrapper
{
	width:100%;	
	margin-left:auto;
	margin-right:auto;
	position: relative;
	clear: both;
}
.mid
{
	width:75%;
	background-color:#AAD57F;
	
	float:left;
	height:110px;
	overflow:hidden;

	/* IE Menu Opacity (RAS)
	filter: Alpha(Opacity=67);
	
	/* Mozilla Menu Opacity (RAS)
	-moz-opacity:.67;	*/
}

.midRight
{
	width: 25%;
	height:50px;
	background-color:#26B0E1;
	position: relative;
	float: right;
}

/************************************** 
				End MID content 
***************************************/


.content
{
	
	font-family:arial;
	font-size:10pt;
	/*background-color:#E5E4F2;*/
}


/************************************** 
				Text Area
***************************************/

.textAreaWrapper
{
	width:100%;	
	margin-left:auto;
	margin-right:auto;
	position: relative;
	clear: both;
	height:auto;
	
}

.textArea
{
	float:left;
	padding-left:15px;
	padding-right:10px;
	font-size:8pt;
	color:#000000;
	width:560px;
	height:auto;
	
	
	
	/* IE Menu Opacity (RAS)
	filter: Alpha(Opacity=30);
	
	/* Mozilla Menu Opacity (RAS)
	-moz-opacity:.30;	*/
}

.textAreaRight
{
	width: 25%;
	height:auto;
	background-color:#B1D3FF;
	position: relative;
	float: right;
	
	
}


/* EDITOR
*/

.editor
{
	padding-left:7px;	
}


/************************************** 
		      End Text Area 
***************************************/



.TopLeftCorner
{
	background-image:url(Style/img/tlc.gif);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	
}

.rightPanel
{
	display:inline;
	float:right;
	width:399px;
}

.footerContainer
{
	position:relative;
	width:786px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.footer
{
	
	color:#ECE5B6;
	background-color:#79B958;
	z-index:2;
	width:100%;
	overflow:hidden;
}

.footer a:hover
{
	color:#FFF0BD;
}

.status
{
	text-align:left;
}

.password
{
	width:100%;
	text-align:center;	
}

/*************************************************************************************

								USERS
*/
.UserIndent
{
	padding-left:15px;
	padding-right:15px;
	font-family:Arial;
	font-size:9pt;
	color:#777777;
}

.UserHeader
{	
	width:766px;
	overflow:hidden;

}




/****************************************************************************

								Contact Page
*/

.center
{
	padding-left:45px;
}



/****************************************************************************

								Control Panel
*/

.ControlPanel
{

	font-size:12px;
	border:1px solid blue;
	width:300px;
	margin-left:15px;
	margin-top:15px;
	color:Navy;
	font-weight:bold;
}

.cpHeader
{
	display:inline;
	background-color:#82BD44;
	width:300px;
	height:20px;
	padding-left:10px;
}

.cpContainer
{
	padding-left:15px;
	
}

.fix
{
	position:static;	
}


