/* 
This is the layout stylesheet for RTKL. This contains style definitions used for interior page layout and design.
*/

html, body {
    height: 100%;
}

body {
	background-color: #464646;
	margin: 0;
    padding: 0;
    text-align: center;
	font-family: Arial, Helvetica, sans-serif; font-weight: normal; 
	font-size: 11px; line-height:14px;		
	color: #49402F;	
}

#innerPageWrapper {
    position: relative;
    margin: 0 auto; 
	padding:0 0 50px 0px;
  	text-align:left;
  	/* note: 3px removed from inner width to make header math add up */
    width: 999px;
    min-height: 100%;
    height: auto;	
    /* border: 1px solid #FF0000; */	
}
/* Hack for IE */
* html #innerPageWrapper {
    height: 100%;
}
/* End IE Hack */ 

#contentShell {
	/* z-index: 1; */
	margin-left:204px;
	margin-right:0px;
	
}
#contentShellProjects {
	/* z-index: 1; */
	margin-left:50px;
	margin-right:0px;
	
}
#contentShellAdmin {
	/* z-index: 1; */
	margin-left:0px;
	margin-right:0px;
}
#innerShell {
	/* z-index: 2; */
	width: 795px;
	position: relative;
}
/* * html #innerColumnContainer {
	position: relative;	 fix a render bug in IE under certain conditions 
} */
#bodyShell {
	margin: 0 -1px;	/* without this, boxes stop floating next to each other */
	width: 795px;
	background-color: White;
}

#colLeft, #colRight, #bodyShell {
	float: left;
	position: relative;
	/* z-index: 10; */
	overflow: visible;	/* fix for IE italics bug */
}
/*
#colRight {
	float: right;
	width: 250px;
	margin: 0 -250px 0 1px;	
}
*/
#colLeft {
	width: 204px;
	margin: 0 1px 0 -204px;	
	background-color: #545454;
}
#clearFloats {			
  clear:both; 
}

#innerColLeft {
	margin-top:0px;
	text-align:left;
	padding:13px 0px 0px 0px;		
}
#innerBodyShell {
	margin-top:0px;
	text-align:left;
	padding:45px 30px 14px 40px; 	/* padding:45px 35px 14px 45px;	 */
	/* border: 1px solid #FF0000; */
}
/*
#innerColRight {
	margin-top:0px;
	text-align:right;
	padding:25px 25px 14px 12px; 	
}
*/

#header {
	/* note: 3px removed from inner width to make header math add up */
	height: 50px; width: 999px;
	margin:0;
	padding:0;
	/*padding:0px 18px 0px 18px;*/
	background-color:#545454;
}
#headerAdmin {
	/* note: 3px removed from inner width to make header math add up */
	height: 30px; width: 100%;
	margin:0;
	padding:0;
	/*padding:0px 18px 0px 18px;*/
	background-color:#545454;
}
#printHeader {
	position:absolute; top:12px; left:0px; width:952px;
	margin:0px 25px 0px 25px;
	font-size: 14pt; font-weight: bold; color: #5F5542; 	
	border-bottom: 4px solid #5F5542; z-index:4;
	visibility:hidden;
}	

#tipOfDay {	float:right; }
#printFooter { visibility:hidden; }
#intFooterPos { position:absolute; bottom:0px; left:241px; width:100%; height:40px; text-align:left; padding-left:36px; }

#intFooterProj {
	position:absolute; top:710px; left:130px; 		
	height:40px; text-align:left;
}
#intFooterProj2 {
	padding-left: 130px; 		
	height:40px; text-align:left;
}
#footerLinks { visibility:visible; }	
#logoFooter { position:absolute; bottom:0; left:808px; 		
	height:40px; }	

#rtklLogo {	width:71px; height:38px; float:left; }
#headerRight {	height:50px; width:300px; float:right; text-align:right; }
#langIcons { 
	position:relative; left:11px; top:15px;
	width:204px; height:26px;
	/* border:1px solid #FF0000; */
}
.oneLangIcon { float:left; padding-left:6px; }

#pageHeadImg { 
	/* these 2 allow the extra 3 px of the header image to hide under the side menu */
	position:relative; z-index:1; 
	/* position:absolute; */
	right:0px; top:0px; 
	width:795px; height:145px;
}

#mainMenu {
	/* note: 3px removed from inner width to make header math add up */
	width: 999px; height:30px;
	margin:0;
	padding:0;
	text-align:left;
	background-color:#464646;
	border-bottom: 10px solid #252525;
	position:relative;
}

#mainMenuWrapper {
	/* this makes header divs line up properly in firefox and safari  (needs pos rel in containing div above) */
	position:absolute;
	left:0px; top:0px;	
}	

#subMenu {
	width: 204px;
	margin:0;
	padding:0;
	padding:5px 0px 5px 0px;
	background-color:#252525;
	/* these 2 allow the submenu to cover the extra 3 pixels of the header image since we've narrowed the main col */
	z-index:2; position:relative;
}
#subMenuPrintMask {
	position:absolute; z-index:2;
	left:0px; top:96px; height:30px;	
	height: 33px; width: 1002px; visibility:hidden;
	margin:0;
	padding:0;
	/*padding:0px 18px 0px 18px;*/
	background-color:#FFFFFF;
}

#flexPortfolio {
	position:absolute;
	left:-112px; top:36px;	
	width:820px; height:625px;
}	

#projectsShell 
{
    position:absolute;
	left:-112px; top:36px;	
	width:820px; height:625px;

}

 
 #projectsShellLeft 
{
	width:315px;
	float:left;

}   
#projectsShellRight
{
	width:490px;
	float:left;

}

#ThoughtHubsMain {
	/* note: 3px removed from inner width to make header math add up */
	width: 999px; height:30px;
	margin:0;
	padding:0;
	text-align:left;
	background-color:#464646;
	position:relative;
}

#rtklLogoAdmin {	width:71px; height:38px; float:left;  }

#rtklLogoAdminHeader {	float:left; height:38px; vertical-align: bottom;  }

	#topNews {
		position:relative;
		 width:715px; height:190px; 
		border: 1px solid #D5D5D5;	
		margin-bottom:16px;
	}	
	#topNewsImg {
		position:absolute; top:50%; 
		 height:52px; margin-top:-26px; 
		margin-left:35px; 
		float:left;
		padding:0;
	}	