/* GLOBAL
----------------------------------------*/

body { padding: 0; margin: 0 auto; color:#666666; background: #000 url(../images/bg.gif) top left no-repeat;}
p { font: 80%/1.8em Verdana, Arial, Helvetica, sans-serif; line-height:1.4em;}
h1 { font-size: 120%; color:#fff; margin:0 0 10px 0; font-weight:400; border-bottom:1px solid #AAAAFF;}
.subheading {color:#8EA9E3;}
h2 { font-size: 110%; margin:0; font-family:"Times New Roman", Times, serif;}

a:link { color:#333333; text-decoration:underline; }
a:hover { color:#333333; text-decoration:underline; }
a:visited { color:#333333; text-decoration:underline; }
a:active {color:#333333; text-decoration:underline; }
.clear { clear: both; }

/* LAYOUT
----------------------------------------*/

#wrap { width: 930px; margin: 0 auto; background: #000; }
#content_wrapper { width:930px; padding: 0; text-align: left; }
#content { float: right; width: 660px; padding: 30px 30px 30px 30px; text-align: left; }

/* HEADER
----------------------------------------*/

#header {
	border-bottom: 1px dotted #B2BCC6;
	height: 5em;
	width:930px;
}
#header .logo {
	float: left;
	margin-top: 0.5em;
}


#bar { width: 902px; height: 16px; padding: 0 14px 0 14px; display: block; background-color:#8EA9E3; border-top:4px solid #fff;}


/* FOOTER
----------------------------------------*/

#footer { margin: 0; padding: 12px; font-size: 85%; color:#666666; text-align:center; 
	border-top: 4px solid #fff; clear: both;}
#footer a:link, #footer a:visited {color:#666666; text-decoration:underline;}
#footer a:hover {color:#666666; text-decoration:underline;}
#footer p { padding: 0; margin: 0 0 5px 0;}


/* NAVIGATION */

#menu {
	float:left;
	width: 140px;
	padding:10px 10px 0 30px;
	margin-top:36px;
}
#menu ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	width:170px;
}
#menu ul li {
	display: inline; /* Fix for 1px gap in IE */
}
#menu ul li a {
	display: block;
	width: auto;
	margin-bottom: 0.3em;
	border-bottom: 1px dotted #CCCCCC;
	text-decoration: none;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}
#menu ul li a:hover {
	color:#CCCCCC;
	background:  url(../images/icons/nav-over.gif) no-repeat center;
}
.nav_header {
	font: 90% Times;
	margin-top:0.5em;
	margin-bottom: 0.3em;
	border-bottom: 1px dotted #fff;
	width:166px;
	padding-left:4px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#244e77;
}


/* PAGE IDS */

#contactsheet #contactsheet_nav a {
	color:#CC0000;
	background:url(../images/navOn.gif) no-repeat top right;
}


/* CONTACT SHEET */

div#contactsheet {width:672px; height:auto; clear:both; margin-top:40px;}

.box {
	float:left;
	height:110px;
	width:110px;
	margin-bottom:12px;
	margin-right:12px;
	background-color:#000000;
	border:1px solid #333333;
	padding:4px;
}
.box .landscape {
	height:70px;
	width:108px;
	margin: 20px 1px;
	border:none;
}
.box .portrait {
	height:108px;
	width:70px;
	margin:1px 20px;
	border:none;
}

/* IMAGE DETAIL */

#detail_wrapper { margin-bottom:1em; padding:0;}
.largeImage {  padding:8px; border:1px solid #333333; float:left; }

#detail_wrapper #landscape { border:1px solid #333333; width:156px; padding:8px; margin-left:486px;}
#detail_wrapper #portrait { border:1px solid #333333; width:156px; padding:8px; margin-left:326px;}

#detail_wrapper #landscape p, #detail_wrapper #portrait p { margin:0; padding:0;}
#detail_wrapper #landscape ul, #detail_wrapper #portrait ul { list-style:none; margin-left:0; margin-top:0; padding-left:0;
	font: 80%/1.8em Verdana, Arial, Helvetica, sans-serif;}
#detail_wrapper #landscape li, #detail_wrapper #portrait li { list-style:none; margin-left:0; padding-left:14px;
	background:url(../images/arrow.png) no-repeat 0 6px; }
#detail_wrapper #landscape a:link, #detail_wrapper #portrait a:link { color:#333333; text-decoration:underline; 
	font-weight:bold; font-size:80%;}
#detail_wrapper #landscape a:visited, #detail_wrapper #portrait a:visited { color:#333333; text-decoration:underline; 
	font-weight:bold; font-size:80%;}
#detail_wrapper #landscape a:hover, #detail_wrapper #portrait a:hover { color:#333333; text-decoration:underline; 
	font-weight:bold; font-size:80%;}
	
/* ABOUT, LEGAL, LINKS & ACCESSIBILITY */

#about_wrapper { margin-bottom:1em; padding:8px; border:1px solid #333333; }
#about_wrapper ul { list-style:none; margin-left:0; margin-top:0; padding-left:0;
	font: 80%/1.8em Verdana, Arial, Helvetica, sans-serif;}
#about_wrapper li { list-style:none; margin-left:0; padding-left:14px;
	background:url(../images/arrow.png) no-repeat 0 6px;}
	
.warning {float:left; padding-right:16px;}

.dividerCell {border-bottom:1px dotted #666666;}