/*******************************************************
TITLE: Fluid Box Layout  V1.0
DATE: 20060810
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

body {
margin:0;
padding:0;
background-color:#ffffff;
color:#000000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
}

html, body {
     min-height:100.1%;
	}
	
	
p.copyright {
margin-top:6px;
margin-bottom:6px;
margin-left:154px;
padding:0;
background-color:#ffffff;
color:#000000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
}


a {
color:#5959AB;
text-decoration:none;
}

a:hover {
color:#FF0033;
text-decoration:underline;
}



#top {
position: absolute;
margin:0 auto 6px auto;
/*background-image:url(portfolios/logo.png);
background-repeat:no-repeat;
background-position:0% 0%;
*/
width:154px;
text-align:left;
font-size:9pt;
border-right: 2px solid #98979D;
/*border:1px solid #FCFCFC;
*/}


#top p.homenav {
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
}

#top p.homenav a {
color:#474747;
}

#top p.homenav a:hover {
color:#FF0033;
}


#center {
margin:10px auto 0 auto;
width:67em;
height:auto;
text-align:left;
border-bottom:2px solid #98979D;

}

#center-text{
margin:-13px auto 0 auto;
width:67em;
height:auto;
text-align:left;
padding-bottom:6px;
border-bottom:2px solid #98979D;
}

#right-nav {
position:static;
margin:13px auto 0 auto;
padding: 0;
width:67em;}


#center-nav {
	position:absolute;
	margin-top:512px;
	width:206px;
	min-height:700px;
	font-size:8.5pt;
	text-align:left;
	z-index:102;
}

#center-console {
	position:absolute;
	margin:516px 0 0 0;
	width:156px;
	font-size:9pt;
	text-align:center;
/*	border-top: 2px solid #98979D;
	border-left: 2px solid #98979D;
	border-right: 2px solid #98979D;
*/    z-index:100;
}

#center-console img {
border:0;
}

#center-console h1 {
font-size:10pt;
margin:0 0 0 0;
}

#center-console p {
font-size:9pt;
padding:0 0 0 0;
margin-top:4px;
}

#center-thumbs {
	text-decoration:none;
	position:absolute;
	margin-top:2px;
	width:152px;
	font-size:9pt;
	text-align:center;
	height:498px;
	overflow:auto;
	border: 2px solid #98979D;
	z-index:100;
}

#center-thumbs img {
border:0;
margin-top:4px;
}

#center-thumbs h1 {
	font-weight:bold;
	font-size:9pt;
	text-align:center;
	margin-bottom:0;
	line-height:15px
}

#center-thumbs p.home a {
margin:0 0 12px 0;
font-size:10pt;
line-height:12pt;
font-weight:bold;
color:black;
}

#center-thumbs p.home a:hover {
color:#FF0033;
}



/*html>body #top {
margin-left:2em;
margin-right:2em;
}
*/

#right-center {
padding: 0 0 0 154px;
width:auto;
}


#gallery{text-align:center; border-left:2px solid #98979D;}
#gallery p{display:inline; font-size:.9em; line-height:1.2em;}
#gallery span{
	margin:10px 3px 5px 3px; 
	padding:10px 2px 10px 2px; 
	vertical-align:bottom; 
	display:table-cell; 
	display:inline-table; 
	display:inline-block}
#gallery p img{margin:0;border:0;}


#right-center h1 {
font-family:Verdena, Arial, Helvetica, sans-serif;
font-size:1.1em;
margin-top:2em;
padding-left:1em;
}

#right-center h1.center {

text-align:center;
padding: 3px 0 0 0;
}


#right-center h2 {
font-family:Verdena, Arial, Helvetica, sans-serif;
font-size:1em;
font-style:italic;
margin-top:2em;
padding-left:1em;
}

#right-center h2.center {
font-style:normal;
text-align:center;
padding: 3px 0 0 0;
}


#right-center p.text {
margin-left:1em;
margin-right:20em;
}

#right-center p.text-asylum {
margin-left:1em;
margin-right:20em;
margin-top:0.25em
}


#right-center p.links {
margin:0 1em 0 2em;
}

#right-center p.photo {
padding: 3px 0 0 0;
text-align:center;
}

#right-center p.caption {
	padding: 0 0 0 6px;
    text-align:center;
	font-size:.9em;
}

#right-center p.copy {
	padding: 0 6px 0 0;
    margin-top:-2.25em;
	text-align:right;
	font-size:.8em;


}



#textbox {
	font-size:1em; 
	line-height:1.2em;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	border-style:solid;
	background-color:#CFD8B7;
	border-width:1px;
	padding:6px;
	width:573px; 
	}
	
#textbox h1 {
	font-size:1em; 
	line-height:1.2em;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	}


#textbox1 {
	font-size:1em; 
	line-height:1.2em;
    margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	border-style:solid;
	background-color:#CFD8B7;
	border-width:1px;
	padding:6px;
	width:573px; 
	}

#textbox2 {
	font-size:1em; 
	line-height:1.2em;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	border-style:solid;
	background-color:#CFD8B7;
	border-width:1px;
	padding:6px;
	width:240px; 
	}


#bottom-copy {
	padding:0 0 0 160px;
	text-align:center;
	font-size:8.5pt
	}



/*navigation elements */


table   { border-collapse:collapse; width:100%; z-index:108; }
table.iow {border-collapse:separate; width:575px; margin:0 8em 0 8em;}/* for IOW */
table.links{border-collapse:separate; width:761px; margin:0 1em 0 1em;}/* for links */

td, th  { width:100%; text-align:left; padding:0 0 0 156px; border:0px; }
td.iow, th.iow {width:auto; padding:0; font-size:.9em;}
td.links, th.links {margin: 0;width:350px; padding:0; border:0px; vertical-align:top}
td.map, th.map {margin:0;width:200px; padding:4px 0 4px 0; border-right:1px solid #98979D; border-bottom:1px solid #98979D; vertical-align:top}
td.map-fat, th.map-fat {margin:0;width:336px; padding:4px 0 4px 0; border-right:1px solid #98979D; border-bottom:1px solid #98979D; vertical-align:top}

tr {margin-left:12em;}
tr.iow {margin:0;} /* for IOW */
tr.links {margin:0; padding:0; border:0px;} /* for links */
tr.map {margin:0; padding:0; border:1px;} 

#t1 td { background:white; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.9em;}
#t1 td.r { background:white; font-size:.9em; width:auto;
}
#t1 td.top-left { background:white; font-size:1em; text-align: center; color:black;}

#t1 td.r1 {background:#DCDCDC;  font-size:1.1em; color:white; font-weight:normal;text-align:center; border-top:2px solid #FF0033;}
#t1 td.r2 {background:#DCDCDC;  font-size:1.1em; color:white; font-weight:normal;text-align:center; border-bottom:2px solid #98979D;} /*these lines control color of navigation bar*/


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/doors_drop_line_three.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* for this demo only 
#nav {margin-left:auto; margin-right:auto;}*/

/* the styling */
#nav {width:auto; height:auto; /*background:#fff url(bottom_line.gif) repeat-x bottom; */position:relative;}

#nav .select, #nav .current {margin:0; padding:0; list-style:none; display:block;}

#nav li {display:inline; margin:0; padding:0;height:auto;}

#nav .select a,
#nav .current a {display:block; height:18px; float:left; /*background: url(left_blue.gif) no-repeat left top; */padding:18px 0 0 12px; /*border-bottom:1px solid #000; */text-decoration:none; font-size:10pt; line-height:20px; white-space:nowrap; margin-left:0px;} /*Styling for top bar; padding top controls positioning of both nav lines*/
* html #nav .select a, * html #nav .current a {width:1px;}

#nav .select a b, 
#nav .current a b {height:100%; display:block; /*background:url(right_blue.gif) no-repeat right top; */padding:0 18px 0 0; color:#474747; font-weight:normal;}/*this padding controls distance between top tab text*/ /*rev*/

#nav .select a:hover, 
#nav .select li:hover a {background-position:0 -75px; border-color:#046; cursor:pointer;} 

#nav .select a:hover b, 
#nav .select li:hover a b {background-position:100% -75px; border-color:#046; color:#ff0000; font-weight:normal; text-decoration:underline;} /*rev*/

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:12px;}

#nav .current a {background-position:0 -75px; border-color:#046;}
#nav .current a b {background-position:100% -75px; color:#FF0033; font-weight:normal;} /*selected type color, top row*/ /*new*/


#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {/*background:#808080 url(sub_sep.gif) top right no-repeat; */color:#fff; text-decoration:underline;}

#nav .sub_active .current_sub a, 
#nav .sub_active {/*background:#808080 url(sub_sep.gif) top right no-repeat; */color:#FF0033; font-weight:normal; } /*selected type color, second row*/


#nav .sub_active a:hover {/*background:#808080 url(sub_sep.gif) top right no-repeat; */color:#FF0033; font-weight:normal; text-decoration:underline;} /*selected type color, second row*/


/*#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width 600px; top:16px; left:0; /*background:#000000; margin-top:1px; padding:0; z-index:100; border-bottom:0px solid #fff;} /*this controls hover behavior when over top tabs*/

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}
#nav .sub_active {display:block; position:absolute; width:auto; top:40px; left:0; /*background:#000000; */margin-top:1px; padding:.15em 0 0 0; z-index:10; color:#000; /*border-bottom:0px solid #fff;*/} /*top controls vertical positioning of bottom tabs*/
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {height:22px; float:left; text-decoration:none; line-height:18px; white-space:nowrap; font-weight:normal;}
#nav .sub_active a, 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:inline; /*background:#808080	 url(sub_sep.gif) top right no-repeat; */padding:0 20px 0 1em; margin:0; font-size:9pt; width:auto; white-space:nowrap; border:0; color:#707070; height:22px; line-height:36px; } /*colors of unselected type in second row; padding controls distance between tabs in second row*/









































#centerColumn h2 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-family: Arial,Helvetica,sans-serif;
font-size:1em;
}

#header {
margin:-1em -.5em 0 -.5em !important;
margin:-2em -1em 0 -1em;
padding:160px 0 0 0;
height:5em;
background:#ffffff;
}


#header h1 {
margin:0 0 -.6em 0;
padding:.5em 0 0 1em;
font-size:1.5em;
letter-spacing:.1em;
}

#header h2 {
margin:0 0 0 0;
padding:1em 0 0 1.75em;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
}

#nav {
margin:0 0 1em 0;
padding:.4em 0 0 0;
}

/*#nav ul {
margin:0;
padding:0;
list-style:none;
}

#nav li {
margin:0;
padding:.25em;
display:inline;
}

#nav li a {
color:#cc0000;
text-decoration:underline;
}

#nav li a:hover {
color:#eeeeee;
text-decoration:none;
}*/

#footer {
position:relative;
bottom:0;
margin:5em 0 0 0;
padding:0;
height:4em;
line-height:4em;
text-align:center;
font-size:.7em;
background-color:#cccccc;
border-top:1px solid #999999;
}
