@charset "utf-8";
/* CSS Document */

/*
	design.css (extends core.css)
	contains all design specific colors, images and text formatting
	
	All style rule attributes in alpha-numeric order starting from 0-9 A-Z
	x = horizontal, y = vertical
	property: trbl, tb rl, t rl b, t r b l;
	
	-- START ALL STYLES --
*/

@import url("core.css");
@import url("menu.css");

#maincontainer{
	width:950px;
	margin:0 auto;
	background-color:#FFFFFF;
	display:inline-block;
	z-index:-100;
	padding-bottom:10px;
}
#maincontainerglobal{
	width:960px;
	margin:0 auto;
	display:inline-block;
	z-index:-100;
}
/*
TOPSECTION DIVIDED IN: LEFTSIDE, RIGHTSIDE AND TOPSECTION (WHERE THE CONTENT USUALLY GOES AND WRAPPER
*/
#topsectionwrapper{
	width: 950px;
	height:100px;
	position:relative;
}
#topsection{
	float: left;
	height: 100px; /*Height of top section*/
	width:930px;
	/*overflow:hidden;*/
	position:relative;
	background-color:#FFFFFF;
}
		#logobar_cont {
			width: 930px;
			height:100px; /*check the heights of the children divs*/
			padding:0px 0px 0px 0px;
			position: relative;
		}
			#logobar_logo {
				width:180px;
				height:100px; /*this must be equal to the _cont height (check the top and bottom margin for change)*/
				/*padding-left:15px;*/
				position: absolute;
				text-align: left;
				padding-left: 10px;
				left:0px;
			}
			#logobar_locale {
				width:450px;
				height:30px; /*this must be equal to the _cont height (check the top and bottom margin for change)*/
				/*padding-left:15px;*/
				position: absolute;
				text-align: left;
				padding-left: 10px;
				padding-right: 0px;
				padding-top:70px;
				font-size:18px;
			}
			#logobar_locale span{
	font-size:12px;
	color:#EE3A43;
	font-style: italic;
			}			
			#logobar_links {
				width:470px;
				height:70px; /*this should be equal to the _cont height (check the top and bottom margin for change) also, i gave the extra 3 to the padding*/
				position: absolute;
				left:470px;
				padding:0;
				line-height:16px;
				text-align:right;
			}				
				#logobar_links select{
				font-size:12px;
				color:#000000;
				font-weight:bold;
				padding:2px;
				/*background-color:#CCFFCC;*/
				}		
				#logobar_links input{
				font-size:13px;
				color:#000000;
				font-weight:bold;
				margin-right:10px;
				}
				#logobar_links a{
				}
				#logobar_links a:hover{
				font-size:10px;
				color:#000000;
				text-decoration:none;
				}
				#logobar_links .top{
				border-bottom:#000000 solid 1px; 
				padding-bottom:3px;
				}
					
				#tab_links {
				padding:0;
				font-size:9px;
				color:#000000;
				font-weight:bold;
				}
				.spacer_tab {
				height:20px;
				width:15px;
	padding:3px 0px 5px 0px;
	background:#EBEBEB;
	border-bottom:1px solid #CCCCCC;
				}
				.selected_link {
				height:20px;
				background: white url(/images/blue-shade.png) top left repeat-x;
	padding:3px 5px 5px 5px;
	border:1px solid #CCCCCC;
	/*border-right-style:none;*/
	border-bottom-color:#FFFFFF;
				}
					
				.tab_link {
	height:20px;
	padding:3px 5px 5px 5px;
	border:1px solid #CCCCCC;
	/*border-right-style:none;*/
	background-color: #E4E4E4;
				}
				.last_tab {
				border-right:1px solid #CCCCCC;
				}
				
			#user_welcome {
			width:337px;
			height:17px; /*this should be equal to the _cont height (check the top and bottom margin for change) also, i gave the extra 3 to the padding*/
			position: absolute;
			left:590px;
			top:80px;
			text-align:right;
			padding:3px 3px 0 0;
			font-size:10px;
			}
#topsectionleftcolumn{
	float: left;
	height: 100px; /*Height of top section*/
	width: 10px; 
	position:relative;
	/*background-image:url(/images/maher/content_leftshadow.png);
	background-repeat: repeat-y;
	background-position: right top;*/
}
#topsectionrightcolumn{
	float: left;
	height: 100px; /*Height of top section*/
	width: 10px; 
	position:relative;
	/*background-image: url(/images/maher/content_rightshadow.png);
	background-repeat: repeat-y;
	background-position: left top;*/
}

/*
NAVIGATION DIVIDED IN: LEFTSIDE, RIGHTSIDE AND NAVIGATION (WHERE THE CONTENT USUALLY GOES AND WRAPPER
*/
#navigationwrapper{
	width: 950px;
	height: 27px;
	clear:left;
	z-index:1000;
	position:relative;
}
#navigation {
	float: left;
	height: 30px;
	width:930px;
	background:#EE3A43;
	position:relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #855760;
	text-align:center;
}
#navigationleftcolumn{
	float: left;
	width: 10px; /*Width of left column in percentage*/
	height: 27px;
	position:relative;
	/*background-image: url(/images/maher/bkg_nav_leftshadow.png);*/
	background-repeat: repeat-y;
	background-position: right top;
}
#navigationrightcolumn{
	float: left;
	width: 10px; /*Width of left column in percentage*/
	height: 27px;
	position:relative;
	/*background-image: url(/images/maher/bkg_nav_rightshadow.png);*/
	background-repeat: repeat-y;
	background-position: left top;
}

/*
HEADER DIVIDED IN: LEFTSIDE, RIGHTSIDE AND HEADER (WHERE THE CONTENT USUALLY GOES AND WRAPPER
*/
#headerwrapper{
	width: 950px;
	height: 180px;
	clear:both;
}
#header {
	float: left;
	height: 180px;
	width:930px;
	overflow:hidden;
	z-index:0;
}
#headerleftcolumn{
	float: left;
	height: 180px;
	width: 10px;
	position:relative;
	background-repeat: repeat-y;
	background-position: right top;
}
#headerrightcolumn{
	float: left;
	height: 180px;
	width: 10px; /*Width of right column in pixels*/
	position:relative;
	background-repeat: repeat-y;
	background-position: left top;
}
/*Home page*/
#headerwrapper_home{
	width: 950px;
	height: 250px;
	clear:both;
}
#header_home {
	float: left;
	height: 250px;
	width:930px;
	overflow:hidden;
	z-index:0;}
#headerleftcolumn_home{
	float: left;
	height: 250px;
	width: 10px;
	position:relative;
	background-repeat: repeat-y;
	background-position: right top;
}
#headerrightcolumn_home{
	float: left;
	height: 250px;
	width: 10px; /*Width of right column in pixels*/
	position:relative;
	background-repeat: repeat-y;
	background-position: left top;
}
/*
CONTENT DIVIDED IN: LEFTSIDE, RIGHTSIDE AND CONTENT (WHERE THE CONTENT USUALLY GOES AND WRAPPER
*/
#contentwrapper{
	width: 950px;
	display:block;
	clear:right;
}
#contentcolumn{
	float: left;
	width:930px;
	background-color:#FFFFFF;
	text-align:left;
	display:block;
	clear:right;
}
#leftcolumn{
	float: left;
	width: 10px; /*Width of right column in pixels*/
	position:relative;
	height:350px;
}
#rightcolumn{
	float: left;
	width: 10px; /*Width of right column in pixels*/
	position:relative;
}
/*home page*/
#contentwrapper_home{
	width: 950px;
	display:block;
	clear:right;
}
#contentcolumn_home{
	float: left;
	width:930px;
	background-color:#FFFFFF;
	text-align:left;
	display:block;
}
#leftcolumn_home{
	float: left;
	width: 10px; /*Width of right column in pixels*/
	height:200px;
	position:relative;
}
#rightcolumn_home{
	float: left;
	width: 10px; /*Width of right column in pixels*/
	position:relative;
}


/*
FOOTER
*/
#footerwrapper{
	width: 950px;
	margin: 0 auto;
	height:30px;
	/*background-color:#FFFFFF;*/
	position:relative;
}
#footer{
	width:500px;
	height: 22px; /*ADJUST FOR PADDING*/
	color: #FFF;
	text-align: left;
	font-size:9px;
	padding: 4px 0px 4px 10px;
	position:absolute;
				left:0px;
}
	#footer a{
	color: #999999;
	}
/*
COPYRIGHT
*/
#copyright{
	width:430px;
	height:22px;
	text-align:right;
	font-size:10px;
	color:#666666;
	padding: 4px 10px 4px 0px; 
	position:absolute;
	left:520px;
}
#bottomlinks a { 
	color:#000000; 
	text-decoration:none;
}
#bottomlinks a:hover{ 
	text-decoration:underline;
	background-color:#FFFFFF;
}

.explanation{
	font-size:70%;
	color:#666666;
}