/*
Description:	Base/Master Class
Author:			rye 
Version:		1.0
Date Created:	May 11, 2009
Last Modified:	May 26, 2009
Modified by:	rob

[Table Of Contents] 

	0- Reset
	1- Global
	2- Layouts
	3- Content
	4- Design			
	5- Branding	
	6- Named Components	
	7- Color Scheme

*/

/*==================================== Testing ====================================*/


/*==================================== 0 Reset ====================================*/
@import url('reset.css');


/*==================================== 1 Global ====================================*/

body
{
}

/*==================================== 2 Layouts ====================================*/

/* { MAIN */
#main_container
{
	width: 1120px; /* main_panel_left_container.width + main_panel_content_container.width + main_panel_right_container.width + any padding/borders + 10px for allowance (i.e. fix)	height:auto; 	margin: 0 auto; /*Center container on page*/
	height: auto;
	margin: 0 auto; /*Center container on page*/	
}

#main_panel_left_container
{	
	float: left;
	width: 120px;
	height: 800px; /*height: auto;*/
}

/* for container elements please see  PAGE */
#main_panel_content_container
{
	float: left;
	width: 866px;
	height: auto; /*height: auto;*/
}

#main_panel_right_container
{
	float: left;
	width: 120px;
	height: 800px; /*height: auto;*/
}

/* MAIN }*/

/* { PAGE */
#page_header
{	
	/*height:185px;*/
	height:211px;
	width: 100%;
}

/* for container elements please see  CONTENT */
#page_content
{
	height: 133px;
	width: 100%;
	width:866px;	
}

#page_footer
{
	height: 133px;
	width: 100%;
	width:866px;		
}
/* PAGE } */


/* { CONTENT */

#content_left
{
	float: left;
	width: 184px;
	height: auto;	
}

#content_body
{
	float: left;
	width: 495px;

	width:500px;
	height: auto;	
}

#content_right
{
	float:right;
	width: 169px;
	height: 100%;
	padding-right:5px;			
}

#content_breadcrumb
{
	float: left;
	width: 100%;
	height: auto;	
	padding:20px 10px 10px 10px;
}

#content_text
{
	float: left;
	width: 100%;
	height: auto;		
	/*border:1px solid gray;			*/
}

#content_main
{
	padding:10px 3px;	
}
/* CONTENT } */

/*==================================== 3 Content ====================================*/

#page_footer p
{
	color:#FFFFFF;	
	font-family:Arial;
	font-size:11px;
	padding-bottom:5px;
}

#page_footer table
{	
	margin:15px;
}

.body p
{
	
}

#content_body
{
	font-family:Arial;
	font-size:11px;
	color:#000000;
	
}

#content_body p
{
	font-family:Arial;
	font-size:12px;
	color:#333333;
	line-height:18px;
	padding-bottom:10px;
}

#content_body ul
{	
	color:#000000;
	list-style: circle outside url('/SiteSpecific/Najah/Resources/images/home/bullet.gif');
	margin-left:20px;				
}

.custombullet
{
	list-style: circle outside url('/SiteSpecific/Najah/Resources/images/home/bullet.png');
}

#content_body ul li
{	
    padding-bottom:20px;		
}

#content_body a
{	
	color:#006590;
}


/*==================================== 4 Design ====================================*/
#main_panel_content_container
{
	border: 2px solid black;
	background-color: #FFFFFF;
}

#content_body
{
	/*border: 1px solid gray;*/ /*Removed by: Rob / Purpose: Remove border on contents*/
	/* margin: 15px 5px 15px 5px;*/
}

#content_right
{	
	margin-top:15px;
}

/*==================================== 5 Branding ====================================*/

body
{
	/*background: url('/SiteSpecific/Najah/Resources/images/bg.gif');*/
}

.header
{
	height: 185px;
	width: 100%;
	background-image: url('../images/header_logo.jpg'); /* TODO: header logo should be taken from EPiServer logo property */
	background-repeat: no-repeat;
}

.header_01
{
	height: 26px;
	width: 100%;	
	background-image: url('../images/menu_indent.jpg');
	background-repeat: no-repeat;
	padding:0;
	margin:0;
	display:none;
}

/* FOOTER */
.footer_left
{
	float: left;
	height: 133px;
	width: 7px;
	background-image: url('../images/footer_left.jpg');
	background-repeat: no-repeat;
}

.footer_right
{
	float: left;
	height: 133px;
	width: 8px;
	background-image: url('../images/footer_right.jpg');
	background-repeat: no-repeat;
}

.footer_content
{
	float: left;
	height: 133px;	
	width: 850px;
	background-image: url('../images/footer_bg.jpg');
	background-repeat: repeat-x;
	color:White;
}

.footer_content a
{
	font-family:Arial;
	font-size:10px;
	color:white;
	text-decoration:none;
	font-weight:bold;
}

.footer_separator
{
	height: 38px;
	width: 30px;
	background-image: url('../images/footer_separator.gif');
	background-repeat: no-repeat;	
	background-position:center;
}

#page_content
{
	background-image: url('../images/content_bg.jpg');
	background-repeat: repeat-x;	
	background-position:top;	
}

#content_left
{
	background-image: url('../images/panel_left_bg.jpg');
	background-repeat: no-repeat;
}

.content
{
	float: left;
	width: 200px;
	height: 500px;
	/*border: 1px solid gray;*/
}

.rightbanner
{
	width:169px;
	background-repeat: no-repeat;
	margin:5px;
}

.leftbanner
{
	width:170px;
	background-repeat: no-repeat;
	margin:5px;
}

.banner_01
{
	height:110px;	
	background-image: url('../images/banner_preregistration.jpg');		
}

.banner_02
{
	height:109px;	
	background-image: url('../images/banner_bookastand.jpg');		
}

.banner_03
{
	height:109px;	
	background-image: url('../images/banner_showreport.jpg');		
}

.banner_04
{
	height:110px;	
	background-image: url('../images/banner_subscribe.jpg');		
}

.banner_05
{
	height:109px;	
	background-image: url('../images/banner_savetooutlook.jpg');		
}

.banner_06
{
	height:109px;	
	background-image: url('../images/banner_organizedby.jpg');		
}


/*==================================== 6 Named Components ====================================*/
#menu ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: right;
width:866px;
height:26px;
overflow:hidden;

}

#menu ul li  
{
	display: inline;
	width: 225px;
	padding:0 1px;
}

#menu ul li a
{
text-decoration: none;
padding: 0;
width: 225px;
font-size:12px;
background-repeat:no-repeat;
}

#menu ul li a:hover
{
color: #fff;
}

#menu ul img
{
padding:0;
margin:0;
}

#menu ul img:hover
{
padding:0;
margin:0;
}

#education
{
	background-image:url(/SiteSpecific/Najah/Resources/images/menu_education.jpg);
	width:225px;
	height:26px;
}


#education:hover
{
	background-image:url(/SiteSpecific/Najah/Resources/images/menu_training.jpg);
	width:225px;
	height:26px;
}
.training
{
	background-image:url(/SiteSpecific/Najah/Resources/images/menu_training.jpg);
}

.careers
{
	background-image:url(/SiteSpecific/Najah/Resources/images/menu_careers.jpg);
}


/* Menu Layout */

div.VerticalMenu {
	line-height: normal;
	font-size:16px;
}

div.VerticalMenu ul {
	list-style: none;
	margin: 0;
	padding:0 10px 0 10px;
}

div.VerticalMenu ul li {
	padding: 0;
}

div.VerticalMenu ul li a.Selected {
	margin: 0;
	padding: 3px 14px 4px 5px;
	display: block;
	background-image: url(../images/najah_but_on.gif);
	background-repeat: no-repeat;
	background-position: 145px;
	text-align: left;
	color: #333;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;	
}

div.VerticalMenu ul li a:hover {
	margin: 0;
	padding: 3px 16px 4px 5px;
	display: block;	
	background-image: url(../images/najah_but_hover.gif);
	background-repeat: no-repeat;
	background-position: 145px;
	text-align: left;
	color: #333;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}

div.VerticalMenu ul li a {
	margin: 0;
	display: block;
	padding: 3px 16px 4px 5px;	
	background-image: url(../images/najah_but_off.gif);
	background-repeat: no-repeat;
	background-position: 145px;
	text-align: left;
	color: #000;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}

div.VerticalMenu ul li ul/*.Selected*/ {
	display: block;
	
}

div.VerticalMenu ul li ul {
	margin: 0;
	padding: 0px 0 0px 0;
	/*display: none;*/
	list-style: none;	
}

div.VerticalMenu ul li ul li {
	margin: 0;
	padding: 0;
}

div.VerticalMenu ul li ul li a {
	margin: 1px 0 0 0;
	padding: 4px 10px 4px 10px;
	border: none;	
	text-align: left;	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	font-weight: normal;	
}

div.VerticalMenu ul li ul li a:hover {
	margin: 1px 0 0 0;
	padding: 4px 10px 4px 10px;
	border: none;
	background-color: #ECEEFA;
	text-align: left;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	font-weight: normal;	
}

div.VerticalMenu ul li ul li a.Selected {
	margin: 1px 0 0 0;
	padding: 4px 10px 4px 10px;
	border: none;
	text-align: left;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	background-color: #BABFDC;
	font-weight: normal;
	background-image: url(../images/spacer.gif);
	background-repeat: no-repeat;
	background-position: right;
}

div.VerticalMenu ul li ul li ul {
	margin: 0 10px 0 0;
	padding: 0;
	/*display: none;*/
	list-style: none;
}

div.VerticalMenu ul li ul li ul.Selected {
	display: block;
}



#menu_container
{	
	width: auto;
	padding:20px 0 0 0;	
	min-height:280px;
}

.callout_container
{
	height:auto;	
	text-align:center;
}	

.callout
{
	padding:5px 0 5px 0;
}

.callout ul
{
	border:1px solid green;
	list-style-type: none;
}

.callout ul li
{
	width:200px;
	border:1px solid red;
	display: inline;
	list-style-type: none;	
}

.bottomContainer .callout
{
	width: 150px;
	display: inline;
}
.bottomContainer
{
	text-align: center;
	color:White;
}


.bottomContainerHeader
{
	background-color: #777777;
	height: 25px;
	width: 100%;
	text-align: center;
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	font-weight:bold;
	padding-top:5px;
}


.horizontal
{
	
}

.ListHeader
{
	margin: 10px 0px;
}
.ListHeader div
{
	padding: 6px 0px 6px 6px;
	overflow: auto;
	display: inline;
	border: #a9a9a9 1px solid;
	background: url(/SiteSpecific/Najah/Resources/images/list_header_bg.gif) repeat-x;
	font-weight: bold;
	color: White;
}
#ListContainer
{
	list-style: none;
	list-style-type: none;	
	list-style-image:none;
}

#ListContainer li
{
	padding: 5px;	
	border-bottom: solid 1px #cccccc;
	list-style: none;
	list-style-type: none;
	list-style-image:none;	
}
.leftListColumn
{
	width: 356px;
	display: inline;
	overflow: auto;
	color:Blue;
	float:left;
}

.rightListColumn
{
	width: 100px;
	display: inline;	
	overflow: auto;
	float:right;
}

#ListContainer li .rightListColumn
{
	text-align: center;
}

#ListContainer li a
{
	 font-weight: bold;
	 color: Black;
	 text-decoration: none;
}

#PageNavigation
{
	margin-top: 10px;
	padding: 10px;
	color: #666666;
	font-size: 11px;
	font-family: Tahoma,Verdana,Helvetica;
}

#PageNavigation .pageNavNext, #PageNavigation .pageNavPrev
{
	border: 0px;
	width: 13px;
	height: 12px;
	vertical-align: middle;
}


#PageNavigation .pageNavNext
{
	background: url(/SiteSpecific/Najah/Resources/images/page_but_next.gif) no-repeat top;
}
#PageNavigation .pageNavPrev
{
	background: url(/SiteSpecific/Najah/Resources/images/page_but_prev.gif) no-repeat top;
}

.listFilterBox
{
	margin-top: 20px;
	border: #999999 solid 1px;
	padding: 10px;
	background-color: #cccccc;
}

.listFilterBox .searchButton
{
	border: 0px;
	width: 79px;
	height: 25px;
	background: url(/SiteSpecific/Najah/Resources/images/search.gif) no-repeat top;
}

.listFilterBox .inputBox
{
	border-top: #abadb3 solid 1px;
	border-right: #abadb3 solid 1px;
	border-left: #e2e3ea solid 1px;
	border-bottom: #e2e3ea solid 1px;
}

.clearFloat
{
	clear:both;
}
/*==================================== 7 Color Scheme ====================================*/




/*==================================== Functions ====================================*/



.clear { 
  clear: both;
  }
  
/******************************************/
/* For Incorrect Browser Interpretations  */
/******************************************/

/* Fix IE. Hide from IE Mac */
	* html div.VerticalMenu ul li a { height: 1%; }
	
	
	/*==================================== Forms ====================================*/

body, table, tr  
{     
    font-family:Arial,Helvetica,sans-serif,Verdana;
    font-size:12px;    
    color:#333333; 
}          
td
{
      font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;                
}
        
input
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;  
    margin-right: 5px;
             
}
.textbox
{
      margin-bottom:5px;
}
select
{
      font-family: Arial, Helvetica, sans-serif;
    font-size: 12px; 
    margin-bottom:5px;
    
}
.bullet {
      font-family: Arial, Helvetica, sans-serif, Verdana;
      font-size: 12px;
      color: #FF0000;   
      text-decoration: none;
      list-style: circle outside url('/SiteSpecific/Najah/Resources/images/home/bullet.png');
}

hr { 
      border:medium none;
      height:1px;
      margin:0;
      padding:0;
      width:100%;
      background:transparent url(/SiteSpecific/Najah/Resources/Images/hr.gif) no-repeat center center; 
}

h1, h1 span
{
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}
	
	
h3, h3 span
{
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
}	


/* menu */

.horizontalmenu {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
	text-align: right;
width:866px;
height:26px;
}
.horizontalmenu li {
	padding: 0;
	margin: 0;
	margin-right:3px;
	height: 26px;	
	list-style: none;
	background-repeat: no-repeat;
	width:225px;	
}
.horizontalmenu li a, .horizontalmenu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 26px;
	background-repeat: no-repeat;
}
.education {background-image: url(/SiteSpecific/Najah/Resources/Images/menu_education.jpg); width: 225px;}
.education a {background-image: url(/SiteSpecific/Najah/Resources/Images/menu_education_over.jpg);}
.training {background-image: url(/SiteSpecific/Najah/Resources/Images/menu_training.jpg); width: 225px;}
.training a {background-image: url(/SiteSpecific/Najah/Resources/Images/menu_training_over.jpg);}
.careers {background-image: url(/SiteSpecific/Najah/Resources/Images/menu_careers.jpg); width: 225px;}
.careers a {background-image: url(/SiteSpecific/Najah/Resources/Images/menu_careers_over.jpg);}
ul.horizontalmenu li a:hover {background: none;}
.horizontalmenu li {float: left;}
.horizontalmenu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}