body {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
	font-size: 0.7em;
	box-sizing: border-box; 
	margin: 0;
	padding: 0;
}

.clear { clear: both; line-height: 1px; font-size: 0.1em; }

.blacktext { color: #000000; }
/*
bla{
	scrollbar-base-color: MEDIUM;
	scrollbar-face-color: MEDIUM;
	scrollbar-track-color: BACKGROUND;
	scrollbar-highlight-color: LIGHT;
	scrollbar-3dlight-color: MEDIUM;
	scrollbar-shadow-color: DARK;
	scrollbar-darkshadow-color: MEDIUM;
	scrollbar-arrow-color: DARK;
	overflow: hidden;
}
*/

div.normal { font-size: 1.1em; }



div
{
	text-align: left;
}

a { color: #FFFFFF;}

div#popupframe
{
	border: 10px white solid;
	margin-left: auto;
	margin-right: auto;
	height: 378px;
}

div#popupframe img { border-right: 10px white solid; display: block; float: left; }

div#popupframe_text { float: left; padding: 10px; width: 100px; }

div#frame
{
	border: 0.8em white solid;
	width: 67em;
	height: 50em;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
	margin-top: 4%;
}

div#leftcol
{
	background: url(images/grad_left.jpg) repeat-x #999865;
	width: 15em;	
	float: left;
	height: 50em;
	padding-left: 1em;
	padding-right: 1em;
	border-right: 0.8em white solid;
	position: relative; 
}

h1 { font-size: 1.4em; }
h2 { font-size: 1.4em; }

div#leftcol h1 { font-size: 1.4em; color: #000000; margin-bottom: 0; padding-bottom: 0; padding-top: 0; }

div#leftcol h2 { font-size: 1em; color: #000000; font-weight: normal; margin-top: 0; padding-top: 0;}

div#leftcol a { display: block; color: #FFFFFF; text-decoration: none; margin-top: 0.4em; margin-bottom: 0.4em;}
div#leftcol a:hover { color: #343416; }
div#leftcol a.active { color: #343416;  }

div#leftcol hr { margin-top: 0em; margin-bottom: 0em; padding-bottom: 0em; padding-top: 0em; background:url(images/dot.gif) repeat-x; }

div#centrecol
{  
	position: relative; 
	float: left; 
	height: 49em;	
	width: 20em; 
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;	
	border-right: 0.8em white solid;
	overflow: hidden;
}


div#centrecol h2 { font-size: 1.6em; font-weight: normal; padding-bottom: 0; 
margin-top: 0.4em;  margin-bottom: 0.4em; padding-top: 0;}

div#centrecol p { margin-top: 0.6em; margin-bottom: 0.6em; padding: 0; padding-bottom: 2px;}

div#phototext { margin-top: 1em; margin-bottom: 1em; /*font-size: 0.8em; */}

div#thumbnails img 
{
	float: left; margin-right: 0.3em; margin-bottom: 0.3em; border: 0;
}

div#thumbnails { margin-bottom: 0.2em;  }

div.valign_bot {position: absolute;	bottom: 0.5em; width: inherit;}

div.placeholder { float: left; width: 32px; height: 32px; border-width: 1px; border-style: solid; margin-right: 0.3em; margin-bottom: 0.3em; }

div.maroon{	background: #2e0f10;}
div.maroon div.placeholder{ border: 1px solid #543b38; }
div.maroon2 { background: #663433; }
div.grey{	background: #333333; color: #FFFFFF;}
div.grey div.placeholder { border: 1px solid #494847; }
div.grey2{ background: #221e1f; }
div.orange{ background: #cb6828; color: #000000;}
div.orange div.placeholder{ border: 1px solid #d58750; }
div.orange a { color: #000000; }
div.olive { background: #cbcc99; color: #333300;}
div.gradient { background: url(images/grad_right.jpg) repeat-x #343416; }
div.green { background: #343416; }
div.red { background: #981b1e; color: #FFFFFF; }
div.red div.placeholder{ border: 1px solid #ac523f; }
div.yellow { background: #fdf9ce; color: #000000; }
div.yellow a, div.yellow a:visited { color: #000000; }
div.yellow div.placeholder { border: 1px solid #fffded; }
div.maroon_gradient { background: #2e0f10 url(images/grad_maroon.jpg) repeat-x; }



div#rightcol
{
	float: left; 
	width: 24.4em;
	/* width: inherit;*/
	height: 49em;
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
	position: relative;
	overflow: auto;	
}

div#rightcol p
{
	font-size: 1.1em;
}

div#rightcol_top
{
	overflow: auto;
	height: 47em;
	padding-right: 0.5em;
}


div#rightcol h1 { margin-top: 0;  padding-top: 0; font-weight: normal; font-size: 1.6em;}

div#rightcol_full
{
	float: left;
	width: 47em; 
	/* width: inherit; */
	height: 49em;	
	position: relative;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;	
}

/*
div.cv_date, div.cv_text { font-size: 1.1em; }
div.cv_date {	float: left;	color: #CCCCCC;	width: 10em;	}
div.cv_text {	 float: left; margin-bottom: 2em; }
div.cv_text div { margin-bottom: 1em; }
*/
div.cv_date, div.cv_text { font-size: 1.1em; }
div.cv_date {	color: #CCCCCC;	margin-bottom: 1em;text-transform: capitalize;}
div.cv_text {	  margin-bottom: 3.5em; }
div.cv_text div { margin-bottom: 1em; }

div.cv_awarddate {	font-size: 1.1em; float: left; font-weight: bold; color: #CCCCCC; width: 7em;	}
div.cv_awardtext { font-size: 1.1em; float: left; margin-bottom: 2em; width: 28em;}

.greytext { color: #CCCCCC; }

div.cv_text h2 { color: #CCCCCC; font-size: 1em; margin: 0; padding: 0; }

div#rightcol_full_top
{
	overflow: auto;
	height: 47em;
	padding-right: 1em;
}

div#rightcol_full_bot
{
	margin-left: 1em;
	margin-right: 1em;
}


div.dots
{
	background: url(images/dot.gif) repeat-x;
	margin-top: 1px;
	margin-bottom: 1px;
	height: 2px;
	font-size: 0.1em;
}

div.blackstrip
{
	height: 8px;
	background: #000000;
	font-size: 0.1em;
}


div#footer
{
	color: #666667;
	width: 67em;
	margin-left: auto;
	margin-right: auto;
	font-weight: normal;
	margin-top: 0.5em;
	font-size: 1em;
}

div#footer a
{
	padding-left: 1em;
	width: 14em;
	margin-right: 9em;
	color: #666667;	
	text-decoration: none;
}