/* Base Styles */
body {
	padding:0px;
	background-color: #000066;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	text-align: center;
	font-size:115%;
	}

/* Layout */
#wrap-page {
	min-width:760px;
	max-width:1000px;
	height: 100%;
	width: 100%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	position:relative;
	top: 0px;
}
#wrap-pagetop {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index:2000;
}
#pagetop {
	position: relative;
	height: 224px;
	width: 100%;
	padding: 1.0em 0em;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: 11px center;
}
#pagetop h1 {
	position: absolute;
	top: 140px;
	right: 25px;
	font-family: "Times New Roman", Times, serif;
	font-weight: lighter;
	color: #FFFFFF;
	width: 520px;
	font-size: 37px;
	margin-top: 0px;
	padding-top: 0px;
}
#pagetop h3 {}
#background-right {
	background: url(../graphics/side-r.gif) repeat-y 100% 0;
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
}
#contentfloatholder {/* also makes the right "sliding" tab */
	background: #fff url(../graphics/side-l.gif) repeat-y 0 0;
	float: left;
	width: 100%;
	position: relative;
	top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	/* increase if using top horizontal nav */
	margin-top: 0px;
}
#wrap-center {
	float:left;
	width: 100%;
	margin-right: -95%; 
	margin-top: 0px;
	margin-bottom: 14px;
	padding-bottom:7px;
	padding-top:0px;
	z-index:1;
}
/* Hide from IE5 \ Mac */ 
#wrap-center { margin-bottom:-7px;}
#center {
	margin: 0 220px 0 220px;
	position: relative;
	top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
	padding-top: 0px;
}
#wrap-right {
	float:right;
	width: 210px;
	top:0px;
	right:0px;
	position: relative;
}
#right {
	padding-right: 25px;
	padding-left: 20px;
	padding-bottom: 30px;}
#wrap-left {
	float:left;
	width: 210px;
	height: 100%;
	margin-left: -5%; /* the difference to make the left colum appear flush left */
	position: relative;
	top:1em;
}
#left {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom:30px;
	overflow: hidden;
}
#miscinfo {
	height: 1%;
	width: 100%;
}
#navigation {
	height: 1%;
	width: 100%;
}
#contentheaders {
	position: relative;
	height: 1%;
	width: 100%;
	top: -.5em;
	padding: 0px;
	margin:0px;
}
#content-top-left {
	background-image: url(../graphics/head-tl.gif);
	background-repeat: no-repeat;
	height: 13px;
	width: 100%;
	position: absolute;
	left:0px;
	bottom: -1em;
	margin:0px;
	padding:0px;
	z-index: 1100;
}
#content-top-right {
	background-image: url(../graphics/head-tr.gif);
	background-repeat: no-repeat;
	z-index: 1110;
	height: 13px;
	width: 221px;
	position: absolute;
	bottom: -1em;
	right: 0px;
}
#wrap-footer {
	text-align: center;
	clear: both;
	width: 100%;
	z-index: 10;
	padding: 0px;
	margin: 0px;
}
#footer {
	padding:0px;
	position: relative;
	top: 0px;
	width: 100%;
	margin-top:-9px;
}
#columnfoot-left {
	position: absolute;
	left: 0px;
	top: -5px;
	height: 7px;
	width: 100%;
	background-image: url(../graphics/footer-bl.gif);
	background-repeat: no-repeat;
	z-index: 100;
}
#columnfoot-right {
	position: absolute;
	right: 0px;
	top: -5px;
	height: 7px;
	width: 221px;
	background-image: url(../graphics/footer-br.gif);
	background-repeat: no-repeat;
	z-index: 110;
}
#padding-footer {
	background: #000066;
	padding:20px;
}

/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#wrap-center {margin-right: -100%;}
* html div#wrap-left {margin-left: 0;}

/* Typography */
a {color:#000066;}
a:focus, a:hover, a:active {
	color:#000000;
	background-color: #FFFFCC;
}
p {
	font-size: 1em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
li > p {margin-top: 0.2em;}
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 2.2em;
	color: #990000;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	color: #990000;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #990000;
}
h3 {
font-family: "Times New Roman", Times, serif; font-size: 1.7em; color: #990000; margin: 1.2em 0em 1.2em 0em; font-weight: normal;}
h4 {
font-family: "Times New Roman", Times, serif; font-size: 1.6em; color: #000000; margin: 1.2em 0em 1.2em 0em;}
h5, DT {
font-family: "Times New Roman", Times, serif; font-size: 1.0em; color: #000000; margin: 1.2em 0em 1.2em 0em;}
h6 {
font-family: "Times New Roman", Times, serif; font-size: 0.8em; color: #000000; margin: 1.2em 0em 1.2em 0em;}
ol, ul, li {
	list-style: square;
	font-size: 1em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
pre {font-family: monospace; font-size: 1.1em;}
strong, b {
	font-weight: bold;}
#pagetop h1 {
	color: #FFFFCC;
}
#pagetop h2 {
	color: #FFFF33;
}
#pagetop h3 {
	color: #FFCC00;
}
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 1.3em;}
#footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration: none;
	color: #FFFFCC;
	line-height: 1.3em;}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;}
.designinnovations {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	text-decoration: none;
	color: #FFFFCC;
	font-weight: bold;}
.accessibility {
	font-size: 0.95em;
	font-style: italic;
	color: #FFFFFF;
}
.accessibility:link {
	font-size: 0.95em;
	font-weight: bold;
	color: #FFFFCC;}
	
/* Planes */
.planes {
	text-align: center;
}
.planes dt {
	color: #FFFFFF;
	background: #660000;
}
.planes .gallery a, .planes .gallery a:visited {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:0.4em;
	background: #000066;
	margin-bottom: 1.5em;
}
.plane_photos {
	background: #FFFFFF;
	border-right: thin solid #990000;
	border-left: thin solid #990000;
}
.planes .b2, .planes .b3, .planes .b4 {background:#660000; border-left:1px solid #fff; border-right:1px solid #fff;}
	
/* Extra Graphics */
#header-right {
	background: url(../graphics/right_side.gif) no-repeat;
	width: 27px;
	height:224px;
	position: relative;
	margin: 0px;
	padding: 0px;
	right: 0px;
	top: 0px;
	float: right;
}
.sponsors p {
	text-align: center;
	border-bottom: 1px solid #999999;
	padding-bottom: 1em;
	margin-right: 5px;
	margin-bottom: 1em;
}

/* Definition List */
.container {
	width:100%;
	margin-bottom: 1em;
}

dl {margin: 0; padding: 0; border-left:1px solid #fff; border-right:1px solid #fff;}
dt {
	margin:0;
	padding:0.4em;
	text-align:center;
	font-size: 1.4em;
	font-weight:bold;
	background: #000099;
	color: #FFFFFF;
}
dd {margin:0; padding:0; text-align:center; border-top:1px solid #00005A;}
.gallery a, .gallery a:visited {color:#000033; text-decoration:none; display:block; padding:0.4em;
background: #FFFFCC;
}

.gallery a:hover {background: #FFCC66; color:#000000;}

.top {
  display:block; 
  background:transparent; 
  font-size:1px;
  }

.bottom {
  display:block; 
  background:transparent; 
  font-size:1px; 
  border-top:1px solid #fff;
  }

.b1, .b2, .b3, .b4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {background:#000099; border-left:1px solid #fff; border-right:1px solid #fff;}
.b1 {margin:0 5px; background:#fff;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}

	
/* Side Vertical Menu */
ol, ul, li, ul li li, ul li li li {
	list-style: square;
	font-size: 1em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#SideMenu {
	position: relative;
	width: 100%;
}
#SideMenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
}
#SideMenu li {
	margin:0px;
	list-style-type: none;
}
#SideMenu a {
	display: block;
	padding: 5px 10px;
	color: #000033;
	text-decoration: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #333;
	font-weight: bold;
	font-size: 1.1em;
}
#SideMenu a {
	width: 149px !important;
	width: 169px;
	width/**/:/**/149px;
}
#SideMenu a:hover, #SideMenu li.active a {
	color: #FFFFCC;
	background-color: #000096;
	text-decoration: none;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
#SideMenu ul ul li { margin: 0; }

#SideMenu ul ul a {
	display: block;
	padding: 5px 5px 5px 30px;
	color: #000;
	background-color: #B3DBA0;
	text-decoration: none;
	font-weight: normal;
}
#SideMenu ul ul a {
	width: 134px !important;
	width: 169px;
	width/**/:/**/134px;
}

#SideMenu ul ul a:hover
{
	color: #000;
	background-color: #80AC6B;
	text-decoration: none;
}
#SideMenu ul ul ul li { margin: 0; }

#SideMenu ul ul ul a {
	display: block;
	padding: 5px 5px 5px 40px;
	color: #000;
	background-color: #CEEDBF;
	text-decoration: none;
	font-weight: normal;
}
#SideMenu ul ul ul a {
	width: 124px !important;
	width: 159px;
	width/**/:/**/124px;
}

#SideMenu ul ul ul a:hover
{
	color: #000;
	background-color: #80AC6B;
	text-decoration: none;}

/* Viewing Options */
#left .viewing {
	background-image: url(../graphics/handicap_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	margin-left: 15px;
}
#left .viewing a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #000033;
	line-height: 1.3em;
}
#left h4.viewing {
	margin-top: 0px;
	padding-top: 0px;
	font-size: 1.3em;
}

/* Style Switcher */
#accessibility_choices.radio {
	border: thin dotted #CCCCCC;
	padding: .3em 1em;
}
#accessibility_choices.radio fieldset {
	border:3px double #999;
	padding:20 0 10px;
	}
#accessibility_choices.radio legend {
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #999;
	padding:4px 5px;
	margin: 10px 0 10px;
	color: #FFFFCC;
	background-color: #000066;
	}
#accessibility_choices.radio label {
	display:block;
	clear:both;
	margin:5px 0 3 10px;
	font-size: 1.3em;
	}
#accessibility_choices.radio input {
	float:left;
	margin:0 3px 0 0;
	}

/* Media Handling */
.print-no {}
.print-yes {}
.screen-yes { display: block;}
.screen-no { 
	position:absolute;
	left:0px;
	top:-500em;
	width:1px;
	height:1px;
	overflow:hidden;
}
.handheld-yes {}
.handheld-no {}
.oldbrowser-yes {}
.oldbrowser-no {display: block; /* Mac IE5 has blank page without this */}

/* Show-Hide Links */
.skip a, .skip a:hover, .skip a:visited  
  { 
  position:absolute; 
  left:0px; 
  top:-500em; 
  width:1px; 
  height:1px; 
  overflow:hidden;
  } 
  
.skip a:active, .skip a:focus
  {
	position:absolute;
	top:0px;
	left:0px;
	width:24em;
	height:1%;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFCC;
	border: 3px double #990000;
	padding: .3em;
	font-size: 1em;
  }