/* CSS Document */

*
	{font-size: 12px;
	font-family: verdana,helvetica,sans-serif;
	line-height:1.5;
	color: #333333;
	}

html, body
	{background: #fff url(background_main.gif) center repeat-y;
	margin: 0;
	padding: 0;}
	
#center
	{position: relative;
	width: 100%;
	height: 400px;
	background: transparent url(background_body.gif) top repeat-x;
	z-index: 0;
	text-align: center}
	
#contain
	{width: 960px;
	z-index: 10;
	margin: 0 auto;\
	height: 100%;
	text-align: left;}
	
#main
	{width: 900px;
	float: left;
	display: block;
	background: #fff url(background_sidebar.gif) left repeat-y;}
	
#left_shadow
	{display: block;
	float: left;
	width: 30px;
	height: 400px;
	background: transparent url(shadow_left.gif) right top no-repeat;}

#right_shadow
	{display: block;
	float: right;
	width: 30px;
	height: 400px;
	background: transparent url(shadow_right.gif) left top no-repeat;}
	
#right_sidebar_shadow
	{display: block;
	float: left;
	width: 20px;
	height: 400px;
	background: #fff url(shadow_sidebar_right.gif) left top no-repeat;}
	
.content
	{float: left;
	width: 650px;
	margin: 25px 0 0 10px;}
	
	#ContentPane
	{margin: 0;
	padding: 0;
	width: 490px;}
	
#image
	{display: block;
	float: right;
	height: 212px;
	width: 680px;
	text-align:right;
	background: #fff url(background_image.gif) left 61px repeat-x}
		
#sidebar
	{float: left;
	width: 200px;
	background: transparent url(background_sidebar_top.gif) top no-repeat;}
	

#logo
	{width: 200px;
	text-align: center;}
	
	#logo img
	{margin: 65px 0 40px 0;}
	
	#logo h1, #logo h5
	{position: absolute;
	left: -9999px;}

.main_footer
	{text-align: center;
	font-size: 10px;
	border-top: 1px solid #ccc;
	padding: 5px 0;}
	
/*========================================================*/
/*  Forms                                                 */
/*========================================================*/
	
.FormTextBox
	{width: 300px;}
	
.FormTextArea
	{width: 400px;}	
	
/*========================================================*/
/*  Hyperlinks                                            */
/*========================================================*/

/*-- default links visited and active  --*/ a:link, a:visited, a:active { color: #333333; font-family: verdana; font-weight: normal; font-size: 12px; text-decoration: none; }
/*-- default links hover               --*/ a:hover { color: #333333; font-family: verdana; font-size: 12px; text-decoration: underline; }
/*-- normal  links visited and active  --*/ a.Normal:link, a.Normal:visited { color: #333333; font-family: verdana; font-size: 12px; text-decoration: none; }
/*-- normal  links hover               --*/ a.Normal:hover { color: #333333; font-family: verdana; font-size: 12px;	text-decoration: underline; }
/*-- admin button-link style           --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #6A6A6A; border: 1px solid #ABABAB; background: #EFEFEF; padding: 2px 3px 3px 4px; font-family: verdana; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; }
/*-- admin button-link style hover     --*/ a.CommandButton:hover                                                 { color: #6A6A6A; border: 1px solid #868686; background: #DFDFDF; padding: 2px 3px 3px 4px; font-family: verdana; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; }
/*-- search button in search form      --*/ .SearchButton { background: transparent; padding: 6px 5px 6px 5px; cursor: hand; font-size:0px; margin: 0 0 0 0px; }
	
/*===== Headings =====*/

h1, h2, h3
	{color: #333333;
	margin: 10px 0 5px 0;
	font: verdana,helvetica,sans-serif;
	font-weight: bold;
	}
	
h4, h5, h6
	{color: #6c0;
	margin: 0 0 5px 0;}

h1
	{font-size: 2.6em;}

h2
	{
	font-size: 2.0em;}
	
h3
	{font-size: 1.4em;}
	
h4
	{font-size: 16px;
	color:#666666;
	font-weight:bold;}
	
h5
	{font-size: 14px;
	color:#666666;
	font-weight:bold;}
	
h6
	{
	font-size: 12px;
	color:#006600;
	}
	
	
/*===== Hacks =====*/
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*========================================================*/
/*  Main Menu                     				          */
/*========================================================*/

/*-- box that holds the menu    --*/ .MainMenu_MenuContainer { background: transparent; width: 200px; border-top: 1px solid #ccc}
/*-- bar that holds the menu    --*/ .MainMenu_MenuBar { cursor: pointer; cursor: hand; background: transparent; }
/*-- submenu container          --*/ 
.MainMenu_SubMenu 
	{ z-index: 1000;
	cursor: pointer;
	cursor: hand;
	margin: 1px 0 0 0;
	background: #ccc;
	padding: 0px;
	border: none;
	border-top-width: 0px;
	color: #333;
	font-weight: normal;
	filter: none; }
	
/*-- sub menu items             --*/
.MainMenu_MenuItem 
	{color: #333;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	padding: 0px 20px 0px 20px;
	border: 0;
	border-bottom: 1px solid #fff;
	height: 20px; }
	
/*-- root menu items            --*/
.MainMenu_RootMenuItem
	{color: #333;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	border: 0;
	height: 26px;
	line-height: 26px;
	padding: 0;
	display: block;
	width: 200px;
	border-bottom: 1px solid #ccc;}

/*-- submenu items hover        --*/ 

.MainMenu_MenuItemSel
	{color: #fff;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
	padding: 0px 20px 0px 20px;
	border-bottom: 1px solid #fff;
	border: 0;
	height: 20px;
	background: #333333;}
	
/*-- root menu items over       --*/
.MainMenu_RootSelected, .MainMenu_RootActive, .MainMenu_RootBreadcrumbActive 
	{color: #fff;
	background-color: #00483a;
	padding: 0;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	display: block;
	border-bottom: 1px solid #ccc;}
	
/*-- root menu items sub active --*/
.MainMenu_RootActiveSub
	{}	

/*-- root menu items active     --*/ 
.MainMenu_RootActive, .MainMenu_RootBreadcrumbActive, .MainMenu_RootActiveSub
	{color: #000;
	background-color: #c8c9c9;}

/*-- menuitems idle             --*/ 
.MainMenu_Idle
	{color: #000;
	background: transparent;
	padding: 0;
	font-weight: bold; }
	



/*-- sub menu items over        --*/ .MainMenu_Selected { color: #00483a; background: transparent; padding: 0; font-weight: bold; }

/*-- sub menu items active      --*/ .MainMenu_Active, .MainMenu_BreadcrumbActive { color: #000000; background: transparent; font-weight: bold; }






/*-- right seperator idle       --*/ /*.MainMenu_RightIdle { background: url('menu_spacer.gif') no-repeat top right transparent; width:11px; height: 26px; }*/

/*-- not needed                 --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon, .MainMenuSeperator  { display: none; }

/*-- removing seperator borders --*/ .MainMenu_MenuBreak { display: none; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none; }

