/*****************************************************/
/*   Design:  GoFlexible-2/SkinDeep v1.01            */
/*---------------------------------------------------*/
/*   Author:  Gerhard Erbes                          */
/*            gw@actamail.com                        */
/*                                                   */
/*            Jonathan Harriot                       */
/*            jharriot@geekchicinc.com               */
/*---------------------------------------------------*/
/*   Version: 4.1                                    */
/*   Date:    March 29, 2006                 		 */
/*   GeekChic loves: OSWD, W3C & A List Apart        */
/*****************************************************/
@media screen {
/*****************/
/*   MAIN BODY   */
/*****************/
body {
	font-size: 62.5%;
	margin: 0em auto;
	padding: 0em;
	background: #F0F6FC url(/img/img_background.gif) top center repeat-y;
  	font-family: Verdana,Tahoma,Arial,sans-serif;
}

#wrap {
	width: 780px;
	margin: 0 auto; padding: 0em;
	background-color: rgb(255,255,255);
	border: solid 1px rgb(150,150,150);
	border-top: 0; border-bottom: 0;
}

/*** Correction for non-IE browsers ***/
#wrap {
	overflow: hidden;
}

/*** Correction for IE 5.01 ***/
#wrap {
/*	float: left; */
	float: none;
}

/*** Correction for Safari 1.x ***/
* > #footer, * > form, * > #notes, * > .output {
	position: relative;
	z-index: 1000;
}

/**************/
/*   HEADER   */
/**************/

/*** Header main banner ***/
#header-banner {
	width: 780px;
	height: 252px;
	margin: 0; 	padding: 0;
	background: url("/img/header.jpg") no-repeat;
	border-bottom: solid 0.1em rgb(150,150,150);
	text-indent: -3000em; overflow: hidden;
}
#header-banner a {
	display: block; 
	width: 100%; height: 100%; padding: 0; margin: 0;
}
.img-header {
		display: none;
	}
/*** Header navigation top ***/
#header-nav-top {
	float: right;
	margin: 0.7em 0.2em 0em 0em;
	padding: 0em;
}

 #header-nav-top ul {	
	margin: 0em;
	padding: 0em;
	list-style: none;
}	

#header-nav-top li {
	float: left;
	white-space: nowrap;
	border-left: solid 0.1em rgb(150,150,150);
}
#header-nav-top li #header-first {
	border-left: 0px;
}
#header-nav-top li a {
	display: block; 
	margin: 0em;
	padding: 0em 0.5em 0em 0.5em;
	background-color: rgb(255,255,255);
	color: rgb(150,150,150);
	text-decoration: none;
}

#header-nav-top a:hover, #header-nav-top .selected {
	background-color: inherit;
	color: rgb(0,0,0);
	text-decoration: underline;	
}

#header-nav-top .img-flag {
	height: 1.2em;
	display: inline;
	margin: 0em;
	padding: 0em;	
	border: none;
}

/*** Header navigation bottom ***/
#header-nav-bottom {
	float: left;
	width: 78.0em;
	height: 2.0em;
	margin: 0em;
	padding: 0em;
	border-top: solid 0px rgb(69,136,176);		
	border-bottom: solid 0px rgb(69,136,176);			
	line-height: 2.0em;
	background: url(/img/img_header_nav_bottom.jpg);
}

#header-nav-bottom ul {	
	margin: 0em;
	padding: 0em;
	list-style: none;
	font-weight: bold;
	font-size: 1.1em;	
}	

#header-nav-bottom li {
	float: left;
	white-space: nowrap;
}

#header-nav-bottom li a {
	display: block;
	margin: 0em;
	padding: 0em 1.0em 0em 1.0em;
	border-right: solid 1px rgb(255,255,255);	
	background-color: inherit;
	color: rgb(255,255,255);
	text-decoration: none;
}

#header-nav-bottom a:hover, #header-nav-bottom a.selected {
	margin: 0em;
	padding: 0em 1.0em 0em 1.0em;
	border-right: solid 1px rgb(255,255,255);	
	background-color: inherit;
	color: rgb(100,100,100);
	text-decoration: none;
}

/*** Correction for IE5 ***/
* html #header-nav-bottom a {width:1%;}

/*** Correction for IE5 ***/
* html #header-nav-bottom a {width:1%;}


/***********************/
/***   LEFT COLUMN   ***/
/***********************/
#left-column-first {
	clear:both;
	float: left;
	width: 15.9em;
	margin: 0em;
	padding: 0em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
}

/* Start Mac IE5 filter \*/
#left-column-first {
	padding-bottom: 30000px;
	margin-bottom: -30000px;
}

/* End Mac IE5 filter */

#left-column {
	clear:both;
	float: left;
	width: 15.9em;
	padding: 0em;
	border-right: solid 0.1em rgb(200,200,200);		
	background-color: rgb(242,242,242);
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
}

/* Start Mac IE5 filter \*/
#left-column {
	float: left; clear: left;
	margin: 0; padding: 0;
	padding-bottom: 30000px;
	margin-bottom: -30000px;
}
/* End Mac IE5 filter */

#left-column ul {	
	
	width: 148px;
	
	list-style: none;
	margin: 0; padding: 0;	
	
}	

#left-column li {
	margin: 0; padding: 0;
	width: 100%;
		
}

#left-column li a {
	display: block;
	height: 100%; width: 100%;
	text-align: right;	
	background-color: inherit;
	color: rgb(125,125,125);
	border-left: solid 0.5em White; border-bottom: solid 0.1em rgb(215,215,215);
	text-decoration: none; text-transform: uppercase; font-weight: bold;
	padding: 0.35em;
	font-size: 1.1em;
}
#left-column a:hover, #left-column .selected {
	border-left: solid 0.5em #171A5F;				
	background-color: #C2D4EF;	
	color: rgb(0,0,0);
}

/*** Images ***/
#left-column-first .img-left-nav {
	height: 50.0em;
	width: 15.9em;
	margin: 0em;
	padding: 0em;
	border: none;
}

/*************************/
/***   MIDDLE COLUMN   ***/
/*************************/
#middle-column {
	float: left;
	width: 58.0em;
	margin: 0em;
	padding: 0em 2.0em 0em 2.0em;
	background-color: inherit;
	color: rgb(100,100,100);
}

/* Start Mac IE5 filter \*/
#middle-column {
	padding-bottom: 30000px;
	margin-bottom: -30000px;
}
/* End Mac IE5 filter */	

/***   Pagetitle   ***/
#pagetitle {
	float: left;
	width: 58em;
	margin: 0.3em 0em 1.0em 0em;
	padding: 0em;
	background-color: inherit;
	color: rgb(100,100,100);
}

#pagetitle h3, #pagetitle p {
	padding: 0em;
	margin: 0em;
	font-weight: bold;
	font-size: 1.1em;
}

/*** Standard title and box option ***/
.middle-column-title-standard {
/* clear: both; */
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0em;	
	border-bottom: solid 0.167em rgb(120,176,39);	
	background-color: rgb(255,255,255);
	color: rgb(112,162,36);
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-standard {
	float: left;
	width: 100%;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	border: 1px solid rgb(100,100,100);
}

.middle-column-box-left-standard {
	clear: left;
	float: left;
	width: 22.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	border: 1px solid rgb(100,100,100);
}

.middle-column-box-right-standard {
	float: right;
	width: 22.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	border: 1px solid rgb(100,100,100);
}

.middle-column-box-full-standard p.heading, .middle-column-box-left-standard p.heading, .middle-column-box-right-standard p.heading {
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-standard p.subheading, .middle-column-box-left-standard p.subheading, .middle-column-box-right-standard p.subheading {
	margin: 1.0em 0em 0.6em 0em;	
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-standard p, .middle-column-box-left-standard p, .middle-column-box-right-standard p {
	margin: 0em 0em 0.6em 0em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	font-size: 1.2em;	
}

/*** Grey options ***/
.middle-column-title-grey {
/* clear: both; */
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(220,220,220);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-grey {
	clear: both;
	width: 57.8em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(235,235,235);
	color: #3F3F3F;
	border: 1px solid #6D829F;
}

.middle-column-box-left-grey {
	clear: left;
	float: left;
	width: 20.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(235,235,235);
	color: rgb(100,100,100);
}

.middle-column-box-right-grey {
	float: right;
	width: 20.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(235,235,235);
	color: rgb(100,100,100);
}

.middle-column-box-full-grey p.heading, .middle-column-box-left-grey p.heading, .middle-column-box-right-grey p.heading {
	margin: 1.0em 1.0em 1.0em 1.0em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-grey p.subheading, .middle-column-box-left-grey p.subheading, .middle-column-box-right-grey p.subheading {
	margin: 1.0em 1.0em 0.6em 1.0em;	
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-grey p, .middle-column-box-left-grey p, .middle-column-box-right-grey p {
	margin: 0em 1.0em 0.6em 1.0em;	
	font-size: 1.2em;	
}

/*** Green options ***/
.middle-column-title-green {
/* clear: both; */
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: #C2D4EF;
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-green {
	clear: left;
	width: 57.8em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: #C2D4EF;
	color: rgb(100,100,100);
	border: 1px solid rgb(100,100,100);
}

.middle-column-box-left-green {
	clear: left;
	float: left;
	width: 20.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: #C2D4EF;
	color: rgb(100,100,100);
	border: thin solid rgb(100,100,100);
}

.middle-column-box-right-green {
	float: right;
	width: 20.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: #C2D4EF;
	color: rgb(100,100,100);	
	border: thin solid rgb(100,100,100);
}

.middle-column-box-full-green p.heading, .middle-column-box-left-green p.heading, .middle-column-box-right-green p.heading {
	margin: 1.0em 1.0em 1.0em 1.0em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-green p.subheading, .middle-column-box-left-green p.subheading, .middle-column-box-right-green p.subheading {
	margin: 1.0em 1.0em 0.6em 1.0em;	
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-green p, .middle-column-box-left-green p, .middle-column-box-right-green p {
	margin: 1em 1.0em 0.6em 1.0em;
	font-size: 1.2em;
}

/*** Paragraph text ***/

#right-column p {
	margin: 0em 0em 0.4em 0em;
	font-size: 1.1em;
}

/*****************/
/***   FOOTER   **/
/*****************/
#side-contact-info {
	width: 161px; float: left;
	text-align: right;
	display: block; height: 100%;
}
#side-info-contact p {
	padding-right: 0.25em;
}

#footer {
	clear: both;
	width: 100%;
	padding: 0; margin: 0;
}
#footer p.copyright {
	text-align: right;
	text-transform: uppercase;
	margin: 0.5em;
}

div#footer ul.footerMenu {
	margin: 5em auto 0 auto;
	display:table;         /* ignored by IE */
	padding:0; 
	list-style-type:none;
	white-space:nowrap;    /* keep text on one line */
	border:1px solid #06a; /* add a border to show size of menu */
}
* html div#footer ul.footerMenu {
	display:inline-block;  /* for IE only */
	width:1px;             /* IE will expand to fit menu width */
	padding:0 2px;         /* fix bug in IE for border spacing */
}  
div#footer ul.footerMenu li {
	display:table-cell;    /* ignored by IE */
}
* html div#footer ul.footerMenu li {
	display:inline;        /* for IE only */
}
div#footer ul.footerMenu a, div#footer ul.footerMenu a:visited {
	display:block;         /* for all browsers except IE */
	padding:4px 16px;
	color:#000; 
	background:#d4d4d4; 
	border:1px solid #fff; /* add a 1px white border around items */ 
	text-decoration:none;
}
* html div#footer ul.footerMenu a, * html div#footer ul.footerMenu a:visited {
	display:inline-block;  /* for IE only */ 
	margin:0 -2px;         /* to correct an IE border width bug */  
}
div#footer ul.footerMenu a:hover {
	color:#fff; 
	background:#08c;
}

.clear { clear: both; }
/*************************************************/
/***   HYPERLINKS IN MIDDLE AND RIGHT COLUMNS  ***/
/*************************************************/

/*** Hyperlinks in middle and right columns ***/
a {
	background-color: inherit;
	color: rgb(100,100,100);
	text-decoration: underline;
	outline: none;
}

a:hover {
	text-decoration: none;
}

/*** Visited links not in use ***/
/*a:visited {
	background-color: inherit;
	color: rgb(100,100,100);
	text-decoration: underline;
} */




}

/***************************************************/
/*** 				Geek Chic Addons			 ***/
/***************************************************/
.photoleft {
	float: left;
	padding: 2px 2px 2px 2px;
}
.photoright {
	float: right;
	padding: 2px 2px 2px 2px;
}
.contentUL {
	float: right;
	color: inherit; 
	background-color: White; 
	margin: 0.1em 0.6em 0.5em 0.5em; 
	padding: 0.25em; 
	height: auto; 
	border: 1px solid rgb(200, 200, 200);
	width: 16em;
	list-style: none;
	text-indent: -1em;
	padding-left: 2em;
}
ul.contentUL li:before  {
	content: "\00BB \0020";
	margin-left: 0;
	
}
.floatleft {
	float: left;
	margin: 0.5em 0.5em 0.5em 0.5em;
}
.floatright {
	float: right;
	margin: 0.5em 0.5em 0.5em 0.5em;
}
a img {
	border: 1px solid rgb(100,100,100);
}
.bold {
	font-weight: bold;
}
h3.content-header {
	margin: 0 0 0 1.5em;
	width: 95%;
	border-bottom: 1px solid #646464;
	font-size: 1.5em;
}

.image-print {
	display: none;
}

/* all media */
@media all {
  a.navlink img {
   color: inherit;
   border: none;
   }
}

/* speech */
@media aural {
	h1, h2, h3, h4, h5, h6 { 
		voice-family: paul, male; stress: 20; richness: 90; }
	h1 { 
		pitch: x-low; pitch-range: 90; 
	}
	h2 { 
		pitch: x-low; pitch-range: 80; 
	}
	h3 { 
		pitch: low; pitch-range: 70;
	}
	h4 { 
		pitch: medium; pitch-range: 60; 
	}
	h5 { 
		pitch: medium; pitch-range: 50; 
	}
	h6 { 
		pitch: medium; pitch-range: 40; 
	}
	li, dt, dd { 
		pitch: medium; richness: 60; 
	}
	dt { 
		stress: 80; 
	}
	pre, code, tt { 
		pitch: medium; pitch-range: 0; stress: 0; richness: 80; 
	}
	em { 
		pitch: medium; pitch-range: 60; stress: 60; richness: 50; 
	}
	strong { 
		pitch: medium; pitch-range: 60; stress: 90; richness: 90; 
	}
	dfn { 
		pitch: high; pitch-range: 60; stress: 60; 
	}
	s, strike { 
		richness: 0; 
	}
	i { 
		pitch: medium; pitch-range: 60; stress: 60; richness: 50; 
	}
	b { 
		pitch: medium; pitch-range: 60; stress: 90; richness: 90; 
	}
	u { 
		richness: 0 
	}
	a:link { 
		voice-family: harry, male; 
	}
	a:visited { 
		voice-family: betty, female;
	}
	a:active { 
		voice-family: betty, female;
		pitch-range: 80; 
		pitch: x-high;
	}
}

@media print {
	body {
		font-family: Verdana,Tahoma,Arial,sans-serif;
		font: normal normal normal 0.75em/normal Verdana,Tahoma,Arial,sans-serif;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	h1, h2, h3, h4, h5, h6 {
		page-break-after: avoid;
		page-break-inside: avoid;
	}
	blockquote, pre { 
		page-break-inside: avoid;
	}
	ul, ol, dl { 
		page-break-before: avoid;
	}
	a.navlink, a.bannerLink { 
		font-weight: normal 
	}
	#left-column, #footer, #secondary-footer, #header-nav-top, #header-nav-bottom, .middle-column-box-left-standard, .photoleft, #side-contact-info { 
		display: none;
	}
	h3 {
		font-size: 1em;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	.contentUL {
		margin: 0em 0.25em 0.25em 0em;
		float: right;
		border: 1px solid Black;
	}
	h3.content-header {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 95%;
	border-bottom: 1px solid #646464;
	font-size: 1em;
}

/* ohh yes this is the end my only friend, the end. */