/* css Zen Garden submission 046 - 'sub:lime' by Andy Budd, http://www.andybudd.com/blog/ */
/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */
/* All associated graphics copyright 2003,  Andy Budd */
/* Added: September 29th, 2003 */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. */
/* The CSS itself may freely be used for anything you wish, but the associated graphics belong to the designer. */
/* What you may use - .css files. What you may not use - .jpg, .gif, and .png files. */

/* CSS Document */

/* 
   Updated: 12/31/2007 03:39 AM EST
   Author:     Ankur Sinha
   ----------------------------------------------------*/

/*--------------------------------
   COLORS
   Body Background:       grey image
   Container			  
   Main Text:             #B3A576
   Links:                 #9C6D25
   Dark Brown Border:     #222019
   Green Headline:        #958944
----------------------------------*/

/*----------------------------------
 Sections within CSS
	GENERIC
   	container
   	linkedList
	..
	..
	..	
	sitemap
-----------------------------------*/


body {
	margin: 0px auto;
	padding: 0px;
	font: 72%/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #36393D;
	background-color:#fff;
	text-align: center;
	background-position: center top;
	/*background: url(../img/bkg/bkg_board_1.jpg) repeat;*/
}

a:link {
	
	text-decoration: none;
}

a:visited {
	
	text-decoration: none;
}

a:hover {
	border-bottom:0px dotted #8B91BA;
	color: #D15600;
}

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

/****************************
	Specific div styles
*****************************/

#container {
   
	background-color:#fff;
	width:900px;
	margin:20px auto;
	position:relative;
	border:1px solid #808080;
}



	
#intro {
	min-width:470px;
	 border-bottom:0px solid #f0f0f0;
}

#pageHeader {
 border:0px dotted;
 padding-top:0px;
 margin-bottom:40px;
 
}


#pageHeader h2 span {
	font:36%/0.5em;
	display:none;
	
}

#pageHeader h1 span {
	font:2.0em;
	color:#696969;
	

}

#quickSummary {
	display:none;
	text-align:justify;
	border:1px dotted #7f7d7f;
	padding:0px 30px;
	margin-bottom:2px;
}

#preamble {
	font:2.0em;
	display:block;
	text-align:left;
	border:0px dotted;
	padding:5px 100px 10px;
	color: #990000;
}

#preamble .hormenulink {
	
	border-bottom:0px dotted #8B91BA;
	font-size:120%;
	font-weight: bold;
	font-color: #800000;
	margin-right:35px;
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	
}



#preamble a:link, a:visited  {

	text-decoration:none;
	margin:5px 20px 5px 0px;
	padding: 2px 0px 2px 0px;
	
		
	
}

#preamble a:hover{
	border-top:2px solid #800000;
	border-bottom:2px solid #800000;
	text-decoration:none;
	margin:0 20px 5px 0px;
	
		background-color:#800000;
		
	color: #fff;
	
	
	
}

#preamble a img {
	border:0px;
	text-decoration:none;
	margin:0 10px;
	height:16px;
	width:16px;
}

#preamble  {
	border:0px;
	text-decoration:none;
}

#resumeDownload {
 display:none;
 text-align:right;
 border:1px dotted red;

}

#resumeDownload a {
 width:300px;
 display:block;
 color:#940D11;
 border-bottom:1px dotted #8B91BA;
}




#supportingText {
 text-align:justify;
 margin-top:40px;
 border:0px dotted;
 padding:0px 30px;

}

#supportingText p1l {
	float:left;
	width:70%;
}

#explanation {
 height: expression( this.scrollHeight > 659 ? "660px" : "auto" ); /* sets max-height for IE */
 max-height: 700px; /* sets max-height value for all standards-compliant browsers */
 height: expression( this.scrollHeight < 661 ? "660px" : "auto" ); /* sets min-height for IE */
 min-height: 660px; /* sets max-height value for all standards-compliant browsers */
}

#explanation h3 {
 color: #808080;
}

#explanation .left {

 
 border:0px dotted #CCCCCC;
 width:68%;
 float:left;
 padding-left:5px;
 margin-bottom:2px;
}

#explanation .imgleft {
    float: left; 
    margin: 10px 10px 10px 0; 
}


#explanation .imgright {
    float: right; 
    margin: 10px 0px 10px 10px; 
}
#explanation .leftpresentation {

 
 border:0px dotted #CCCCCC; 
 float:left;
 padding-left:5px;
 margin-bottom:2px;
 width:425px;
 height:555px;
}

#explanation .right {
 color: #36393D;
 text-align:right;
 border:0px dotted #CC9900;

 width:29%;
 float:right;
  padding-left:0px;
  padding-right:5px;
}

#explanation .infoLink1 {
	color:#8B91BA;
	border-bottom:1px dotted #8B91BA;
	font-size:90%;
	margin-right:25px;
}

#explanation .infoLink2 {
	color:#940D11;
	border-bottom:1px dotted #8B91BA;
	font-size:100%;
	margin-right:25px;
	border-bottom:1px dotted #8B91BA;
}

#explanation .left .imgSmall  {
 height:50px;
 width:50px;
 border:1px solid;
}

#supportingText p1r {
	float:right;
	width:20%;
}

#supportingText h2, h3 {
 padding-bottom:3px;
 border-bottom:0px dashed #7f7d7f;
 text-align:justify;
}

#footer {
 border-top:1px solid #d4d4d4;
 text-align:left;

 margin-top:100px;
 padding:10px 10px 10px 10px; 
}

#footer #copyrightinfo {
	text-align:center;
	
}

#linkList {
	float:left;
	display:none;
	position:absolute;
	top:154px;
	left:-185px;
	width:150px;
	text-align:left;
	border:0px dotted;
	padding:5px 10px;
	
	
}

#linkList h3 {
 color:#bdb994;
}

#linkList ul {
 border:0px dotted;
 padding-top:0px;
 padding-left:5px;
 color:#DAD9E0;
  
}

#linkList li {

 background-color:#fff;
 border:1px dotted #CCCCCC;
 margin-bottom:5px;
 list-style-type:none;
 padding-left:20px; /* image will take 15px on left */
 
}

#linkList li .visited {
 background-color:#B2CF42;
 border-bottom:0px dotted #D15600;
 color: #FFF;
 text-decoration: none;
}

#linkList li a:link, a:visited {
 color:#8B91BA;
 text-decoration: none;
}




#linkList li a:hover {
 background-color:#B2CF42;
 border-bottom:1px dotted #D15600;
	color: #FFF;
}

#extraDiv1 {

	background: transparent url(../img/brainstorming.png) top left no-repeat; 
	position: absolute; 
	top: 40px; 
	left: 0; 
	width: 800px; 
	height: 800px;
	display:none;    
	}
	.accesskey {
	text-decoration: underline;
	}

div.transOFF {width: 100%; }
div.transON {width: 100%; background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:0px solid black; }
div.trans25 {width: 100%; background-color: silver;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:0px solid black; }
div.trans10 {width: 100%; opacity:.10;filter: alpha(opacity.10); -moz-opacity: 0.10;border:0px solid black; }
div.trans05 {width: 100%; opacity:.05;filter: alpha(opacity.05); -moz-opacity: 0.05;border:0px solid black; }
div.trans75 {width: 100%; background-color: silver;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:0px solid black; }

/* HCard styles */

.vcard {
 border:1px dashed;
 width:350px;
 height:350px;
 padding:5px 10px;
 margin-top:30px;
 background:#E4EFFA;
}

.vcard .separator {
margin-top:5px;
margin-bottom:0px;
 border-top:1px dotted;
 width:250px;
}

.vcard img {
 margin:5px;
 border:0px;
}

.vcard .adr {
 display:block;
}

/************************
	Sitemap
************************/
ul .sitemap {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

ul .sitemap li {
	padding-left: 1.1em;
}


/**********************
	Extra div - theme
**********************/
div#extraDiv2 {
	position:absolute;
	width:100px;
	top:10px;
	right:50px;	
	display:none;
	background-color:#fff;
}

div#extraDiv3 {
	position:absolute;
	width:200px;
	top:200px;
	right:50px;
	display:none;
	background-color:#fff;
}

.resSelector {
	width:180px;
	height:20px;
	border:1px dashed #ccc;
	text-align:center;
	padding-left:20px;
	margin-left:10px;
}



.themeSelector {
	width:100px;
	height:50px;
	border:1px dashed #ccc;
	text-align:center;
}

.themeSelector a:link #theme1 {	
	border:1px solid #36393d;
}

.themeSelector a:link #theme2 {	
	border:1px solid #36393d;
}

.themeSelector h4,h5 {
	line-height:inherit;
	font-weight:normal;
	margin:3px;
	padding:0;
	border-bottom:1px dashed #ccc;
}

.themeSelector #theme1 {
	float:left;
	border:1px solid;
	width:10px;
	height:10px;
	background-color:#36393d;
	margin-left:20px;
}

.themeSelector #theme2 {
	float:left;
	border:1px solid;
	width:10px;
	height:10px;
	background-color:#fff;
	margin-left:10px;
}