/* NOTE: this (layoutfinal.css) is the final layout. Ignore other CSS layout files.
 
this is the layout stylesheet, where containers integral to the page layout are defined 

*/

/* ***** SEMI-MAGIC starts here - but you can mess with background colors, etc. */
html, body {
    height: 100%;
}

body {
	background-color: #E5E4E9;
	margin: 0;
    padding: 0;
    text-align: center;
	font-family: Arial, Helvetica, sans-serif; font-weight: normal; 
	font-size: 11px; line-height:14px;		
	color: #49402F;	
}

#pageWrapper {
    position: relative;
    margin: 0 auto; 
	padding-bottom:0px;
  	text-align:center;
    width: 824px;
    min-height: 100%;
    height: auto;		
	background: url(../graphics/layout2/pagebkgd-plain.gif) repeat-y left;
	border:0px solid #FF9900;
}
/* Hack for IE */
* html #pageWrapper {
    height: 100%;
}
/* End IE Hack */ 

#innerPageWrapper {
    position: relative;
    margin: 0 auto; 
	padding:0 0 0 0;
  	text-align:left;
    width: 800px;
    min-height: 100%;
    height: auto;		
	background: #FFFFFF;
	border:0px solid #00CC33;
}
/* Hack for IE */
* html #innerPageWrapper {
    height: 100%;
}
/* End IE Hack */ 
/* ***** SEMI-MAGIC ends here  */

/* ***** MAGIC starts here - otherwise known as, um, wtf. you can change the column widths here if you're careful! */
#contentShell {
	z-index: 1;
	margin-left:285px;
	margin-right:0px;
}
#innerShell {
	z-index: 2;
	width: 515px;		/* was 515 */
	position: relative;
}
#bodyShell {
	margin: 0 -1px;	/* without this, boxes stop floating next to each other */
	width: 515x;
	border:0px solid #FFCCCC;
}
#colLeft, #colRight, #bodyShell {
	float: left;
	position: relative;
	z-index: 10;
	overflow: visible;	/* fix for IE italics bug */
}

#colLeft {
	width: 285px;
	margin: 0 -1px 0 -285px;	
	border:	0px solid #000000;
}
#clearFloats {			
  clear:both; 
}
/* ***** MAGIC ends here  */

/* ***** SEMI-MAGIC starts here - you can control the padding around each entire column here, though. */
#innerColLeft {
	margin-top:0px;
	text-align:center;
	padding:25px 25px 0px 25px; 
}
#innerBodyShell {
	margin-top:0px;
	text-align:left;
	padding:28px 25px 0px 0px;	
	border:0px solid #333333;
}
#mainContent {
	padding:0px 0px 76px 0px;
}
/* ***** SEMI-MAGIC ends here  */

/* *** NORMAL CRAP STARTS HERE *** - here, finally, are definitions for each of the boxes
where stuff actually is displayed inside the 2 column layout created by insanity above */

#topheader {
	height: 18px;
	width: 800px;
	margin:0;
	padding:0;
	text-align:right;
	background: url(../graphics/layout2/anya-dms-bkgd-top.jpg) repeat-y;
	border-bottom:2px solid #FFFFFF;
}

#langLinks { float:right; margin:2px 0px 0px 0px; height:18px; }		/* height:30px; */
.langLinkL {
	float:left; height:12px;
	padding: 1px 4px 0px 4px; }
.langLinkL a:link {    	font-size: 10px; color: #A1A1A1; text-decoration: none; }
.langLinkL a:visited {   font-size: 10px; color: #A1A1A1; text-decoration: none; }
.langLinkL a:hover {    font-size: 10px; color: #000000; text-decoration: none; }
.langLinkL a:active {    font-size: 10px; color: #A1A1A1; text-decoration: none; }

.langLinkR {
	float:left; height:12px;
	padding: 1px 4px 0px 4px;
	border-left: 2px solid #FFFFFF; }
.langLinkR a:link {    	font-size: 10px; color: #A1A1A1; text-decoration: none; }
.langLinkR a:visited {  font-size: 10px; color: #A1A1A1; text-decoration: none; }
.langLinkR a:hover {    font-size: 10px; color: #000000; text-decoration: none; }
.langLinkR a:active {    font-size: 10px; color: #A1A1A1; text-decoration: none; }

#header {
	height: 48px; width: 800px;
	margin:0;
	padding:0;
	/*padding:0px 18px 0px 18px;
	background-color:#595959;*/
	/* background: url(../graphics/imagebar.jpg) no-repeat left; - H was 61 */
	background: url(../graphics/layout2/anya-dms-banner-full2.jpg) no-repeat; 
}

#annaheader { padding: 14px 0px 0px 14px; }

#mainMenu {
	height: 30px; width: 800px;
	margin:0;
	padding:0;
	/*padding:0px 18px 0px 18px;*/
	/* background-color:#E5E4E9; */
	background: url(../graphics/layout2/anya-dms-bkgd-top.jpg) repeat-y;
	/* text-align:right; */
	border-top:2px solid #FFFFFF;
}

#menuLinks { 	
	float:right; 
	margin:0px 0px 0px 0px; 
	/* height:30px; */
	border:0px solid #FFCCCC;
}

/* - commented out for now, since screwed royally on IE
#galleryMenuLinks { 
	position:relative; top:30px; left:2px; 
	background-color:#E5E4E9;
	width:160px; height:308px; z-index:3;
} 
#galleryMenuLinkShell { margin:0px 0px 0px 0px; width:160px; position:absolute; top:0px; left:0px; }
*/

#galleryObj {
	position:absolute; left:28px; top:123px; width:744px; z-index:3;	
	border:1px solid #E1E1E1;
	padding:16px 0px 16px 0px;
}	

#hugBot {
	position:absolute; bottom:0px; left:12px;
	width:800px; height:60px;
	text-align:left;
	background: url(../graphics/layout2/anya-dms-bkgd-bot.jpg) repeat-x bottom;
	border:0px solid #0033FF;
}

#logoBot {
	position:absolute; bottom:0px; left:0px;
	width:49px; height:58px;
	border:0px solid #FFCCCC;
}

#copyBot {
	position:absolute; bottom:8px; left:50px;
	color:#7E7E7E;
	font-size:9px;
	z-index:2;
}