@import "menu.css";

/************************************************************/
/* Base Styles                                              */
/************************************************************/
body
{
	background-color:#817b7f;
    background-position: left top;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}

h1
{
	color:#1b5378; 
}
h2, h3, h4, h5, h5
{
	color:#4697c2;
}

a
{
	color:#0e73b4;
}

/************************************************************/
/* Regions Styles                                              */
/************************************************************/

#BaseRegion
{
	margin-top:10px;
	text-align:left;
	background-color:#e8edd2;
	border: solid 1px black;
	width:960px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
} 

#BaseRegion A
{
	text-decoration:none;
}

/************************************************************/
/* MenuRgn Styles											*/
/************************************************************/
#MenuRgn
{
	position:relative;
	z-index:2;
	width:960px;
    min-height:30px;
	_height:30px;
}

#MenuRgn .EditorPanel
{
	min-width: 700px;
	_width:700px;
	height:30px;
}


/************************************************************/
/* HeaderRgn Styles											*/
/************************************************************/

#Header2Rgn,
#HeaderRgn
{
	width:100%;
	min-height:192px;
	_height:192px;
}

#Header2Rgn .EditorPanel,
#HeaderRgn .EditorPanel
{
    min-height:192px;
	_height:192px;
}

.HeaderPanelWrapper
{
	background-image:url(img/bg_header.png);
	background-repeat:no-repeat;
	background-position:top;
}



/************************************************************/
/* BodyRgn Styles											*/
/************************************************************/

#BodyRgn 
{
	width:100%;
	_height: 400px; 
	min-height: 400px;
}

#BodyRgn .EditorPanel ul, #BodyRgn .EditorPanel ul li,
#BodyRgn .EditorPanel ol, #BodyRgn .EditorPanel ol li
{
    padding: 0px !important;
}


/************************************************************/
/* Main Styles											*/
/************************************************************/
#MainRgn
{
	width:100%;
	min-height:400px;
	_height:400px;
}

#MainRgn .EditorPanel
{
	margin: 10px;
	min-height:400px;
	_height:400px;
}

/************************************************************/
/* PanelOne Styles											*/
/************************************************************/
#PanelOneRgn
{
	position:relative;
	background-image:url(img/bg_panelone.png);
	background-repeat:no-repeat;
	background-position: 0px 15px;
	width:100%;
	min-height:290px;
	_height:290px;
}

#PanelOneRgn .EditorPanel
{
	margin-left: 10px;
	padding-top: 15px;	/* same as background-position from PanelOneRgn */
	padding-bottom: 15px;	
	margin-right:1px;
	min-height:290px;
	_height:290px;
}


/************************************************************/
/* PanelTwo Styles											*/
/************************************************************/

#PanelTwoRgn
{
	width:100%;
	min-height:145px;
	_height:145px;
}


#PanelTwoRgn .EditorPanel
{	
	margin-left: 10px;
	margin-right: 1px;
	margin-top: 1px;
	min-height:145px;
	_height:145px;
}

/************************************************************/
/* RightRail Styles											*/
/************************************************************/

.RightRailWrapper
{
	width:350px;
}

#RightRailRgn .EditorPanel
{	
	margin-right: 10px;
	width:350px;
	min-height:420px;
	_height:420px;
}


/************************************************************/
/* TwoPanels Template Styles								*/
/************************************************************/
#TemplateTwoPanels #BodyRgn
{
	width:100%
}
#TemplateTwoPanels .LeftRailWrapper
{
	width:50%;
}
#TemplateTwoPanels .RightRailWrapper
{
	width:50%;
}

#TemplateTwoPanels #RightRailRgn
{	
	width:100%;
}

#TemplateTwoPanels #RightRailRgn .EditorPanel
{	
	width:auto;
	margin-right:10px;
	margin-left:5px;
	min-height:400px;
	_height:400px;
}
#TemplateTwoPanels #LeftRailRgn
{	
	width:100%;
}
#TemplateTwoPanels #LeftRailRgn .EditorPanel
{	
	width:auto;
	padding-left:10px;
	padding-right:5px;
	min-height:400px;
	_height:400px;
}


/************************************************************/
/* Panel 3													*/
/************************************************************/
#Panel3Rgn
{
}

#Panel3Rgn .EditorPanel
{
	width:500px;
    min-height:400px;
	_height:400px;
	overflow:hidden;
}


/************************************************************/
/* Panel 4													*/
/************************************************************/
#Panel4Rgn
{
	width:100%
}

#Panel4Rgn .EditorPanel
{
	width:460px;
    min-height:400px;
	_height:400px;
	overflow:hidden;
}

/************************************************************/
/* Panel 5													*/
/************************************************************/
#Panel5Rgn
{
	width:100%;
}

#Panel5Rgn .EditorPanel
{
	width:960px;
    min-height:400px;
	_height:400px;
	overflow:hidden;
}

/************************************************************/
/* FooterRgn Styles				        					*/
/************************************************************/

#FooterRgn
{
	width:100%;
	min-height:90px;
	_height:90px;
}

#FooterRgn .EditorPanel
{
	min-height:90px;
	margin-top:1px;
	_height:90px;
}