/*************************************************************************
 AUTHOR :	David S. Webster
**************************************************************************/

/*************************************************************************
// IMPORT Normalization and Global Styles
**************************************************************************/
@import "../__engine/_css/global.css";

/*************************************************************************
// HTML Customizations
**************************************************************************/
html {
	/* Disable the scroll hack since this is a fixed height design
	margin-bottom: 1px;
	min-height: 100%;
	*/
	background: #cfd1b9 url(../_images/_layout/bg_body.gif) repeat-x 0 147px;
}

body {
	font-family: verdana,arial,helvetica,clean,sans-serif;
}

p {
	padding-bottom: 15px;
	font-size: 85%;
	color:#FFFFFF;
}

h1 {
	color:#9FA374;
	color:#FFFFFF;
	font-size:123%;
	padding:0 0 10px 0;
	font-weight:bold;
}

h2 {
	color:#9FA374;
	color:#FFFFFF;
	font-size:108%;
	padding:0 0 10px 0;
	font-weight:bold;
}

h3 {
	color:#9FA374;
	color:#FFFFFF;
	font-size:95%;
	padding:0 0 10px 0;
	font-weight:bold;
}

table {
	margin-bottom: 5px;
}

/*
th, tr {
	vertical-align: top;
	border-top: 1px dashed #dcdcdc;
}
*/

/*************************************************************************
  Grid Definitions
**************************************************************************/
#wrap {	
	margin:0 auto 20px auto;
	width: 950px;
	height: auto;
}

#head {
	width: 950px;
	height:147px;
	overflow:hidden;
}

#logo {
	margin-top: 42px;
}

#main {
	width: 950px;
	background: #b2b590 url(../_images/_layout/bg_main.gif) repeat-y;
	height:450px;
	overflow:hidden;
	color:#FFFFFF;
}

#side {
	*float: left;
	height: 449px;
}

#vnav{
	width:280px;
}

#foot {
	margin: -8px auto 20px;
	width: 950px;
	font-size: 77%;
}


/*************************************************************************
// Horizontal Menu Styles
**************************************************************************/
#hnav, #hnav ul {
	margin: 125px 0 0 0;
	padding: 0;
	list-style: none;
	line-height: 1;
	float: right;
}

#hnav a {
	padding-left: 15px;
	display: block;
	width: auto;
	text-decoration: none;
	color: #676767;
	font-weight: bold;
	font-size: 77%;
}

#hnav a:hover {
	color: #002f57;
}

#hnav a.active {
	color: #ffffff;
}

#hnav li {
	float: left;
	width: auto; /* a defined width is required for Opera */
}

#hnav li ul {
	position: absolute;
	width: 10em;
	left: -999em; /* use 'left: -9999px' instead of 'display: none' for screen reader accessibility */
}

#hnav li ul ul {
	margin: -2em 0 0 10em;
}

#hnav li:hover ul ul, #hnav li:hover ul ul ul, #hnav li.hover ul ul, #hnav li.hover ul ul ul {
	left: -999em;
}

#hnav li:hover ul, #hnav li li:hover ul, #hnav li li li:hover ul, #hnav li.hover ul, #hnav li li.hover ul, #hnav li li li.hover ul {
	left: auto;
}

/*************************************************************************
// Vertical Menu Styles
**************************************************************************/
#vnav, #vnav ul {
	margin: 0;
	padding: 20px 0 0 0;
	list-style: none;
	line-height:14px;
}

#vnav a {
	padding: 5px 0 5px 20px;
	display: block;
	width:260px;
	height:auto;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 77%;
}

#vnav a:hover {
	color: #b2b590;
}

#vnav a.active {
	color: #002f57;
}

#vnav li {
	width: 260px; /* a defined width is required for Opera */
}

#vnav li ul {
	width: auto;
	margin: 0 0 0 20px;
	padding: 0;
}

#vnav li ul li a {
	color: #cfd1b9;
}

#vnav li ul ul {
	margin: -2em 0 0 10em;
}

/*************************************************************************
// Content Styles
**************************************************************************/
#right ul {
	padding:0 0 15px 15px;
	font-size: 85%;
}
#right li {
	padding:0 0 5px 0;
	list-style:disc;
}

#right a {
	color:#9FA374;
	color:#FFFFFF;
	text-decoration: underline;
}

#right a:hover {
	color:#003366;
	color:#CED0B8;
}

/*************************************************************************
// Footer Styles
**************************************************************************/
#fnav {
	padding-top: 15px;
	float: right;
}

#fnav2 {
	padding-top: 15px;
	float: right;
}

#fnav li, #fnav2 li {
	padding-left: 7px;
	float: left;
}

#fnav a, #fnav2 a {
	color: #676767;
	text-decoration: none;
}

#fnav a:hover, #fnav a.active, #fnav2 a:hover, #fnav2 a.active {
	color: #9fa374;
}

#copyright {
	float: left;
}

#address {
	float: right;
}

/*************************************************************************
// Form Inputs
**************************************************************************/
label {
	font-size: 85%;
	font-weight: bold;
}

.submit {
	margin: 0 0 0 120px;
	width: 85px;
	background: #ffffff;
	border: 1px solid #cccccc;
}

input.ui_box, select.ui_box, textarea.ui_box {
	margin: 0 0 10px 0;
	padding: 2px;
	display: block;
	width: 200px;
	border: 1px solid #cccccc;
	background: #eeeeee;
	font-size: 92%;
}

select.ui_box {
	width: 206px;
}

/*************************************************************************
// Form Inputs
**************************************************************************/
label {
	font-size: 85%;
	font-weight: bold;
}

.submit {
	margin: 0 0 0 120px;
	width: 85px;
	background: #ffffff;
	border: 1px solid #cccccc;
}

input.ui_box, select.ui_box, textarea.ui_box {
	margin: 0 10px 10px 0;
	padding: 2px;
	display: block;
	width: 200px;
	border: 1px solid #cccccc;
	background: #ffffff;
	font-size: 92%;
}

select.ui_box {
	width: 206px;
}

input.wide, textarea.wide {
	width: 350px;
}

select.wide {
	width: 356px;
}

input.narrow, textarea.narrow {
	width: 100px;
}

select.narrow {
	width: 106px
}

select.state {
	width: auto;
}

/*************************************************************************
// side
**************************************************************************/
#side p {
	width: 240px;
	margin: 0 0 15px 20px;
	color: #ffffff;
	line-height: 146.5%;
}

/*************************************************************************
// Misc
**************************************************************************/
#right {
	float:right;
	width:670px;
	height:450px;
	/*background-color:#CCCCCC;*/
}
#right div#scroll{
	width:630px;
	height:340px;
	overflow:auto;
	/*background-color:#009999;*/
	position:relative;
	left:20px;
	top:20px;
	float:left;
	xclear:both;
}
h1.special{
	width:280px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid white;
}

/*************************************************************************
// Gee Specific Styles
**************************************************************************/
#interior .content h1, .gSvcDetTitle, .gDirDetName, .gCalDetTitle, .gCalDetDate {
	color: #9FA374;
	font-size: 123%;
	padding: 0 0 10px 0;
	font-weight: bold;
}

.gCalDetTitle {
	padding-bottom: 0;
	color:#fff;
}

.gSvcDetTitle {
	color: #ffffff;
}

.gCalDetDate {
	float: left;
	display: block;
	margin-top: -14px;
	font-size: 85%;
}

.gSvcLstTypeDescription {
	display: none;
}

.gNewsLstDate, .gCalLstDay {
	margin-right: 5px;
}

.gNewsLstDate, .gNewsLstTitle, .gCalLstDay, div.gCalLstTitle {
	padding: 5px;
}



/* NON-LAMBERTIZED */
.gSvcDetTitle, .gDirDetName {
	margin-bottom: 0;
}

.gDirDetTitle, .gLinkLstTypeDescription {
	margin: 0 0 15px 0;
	font-size: 116%;
	font-weight: bold;
	color: #515253;
}

.gLinkLstTypeDescription {
	margin-bottom: 0;
	text-transform: uppercase;
}

.gDirDetImage {
	float: right;
	padding: 0 10px 25px 0;
}

.gNewsDetTitle {
	padding: 10px 0 10px 0;
	color: #a1a2a3;
	color:#9FA374;
	color:#fff;
	font-size:123%;
	padding:0 0 10px 0;
	font-weight:bold;
}
.gNewsDetDate{
	display:none;
}
.gNewsDetDetails h2 {
	margin: 0;
	font-size: 131%;
	font-weight: bold;
	color: #98012e;
	text-transform: uppercase;
	text-align: left !important;
}

.gNewsDetSpacer {
	display: none;
}

.gDirDetInfoLabelCol {
	width: 110px;
	font-weight: bold;
}
.gNewsLstTbl, .gCalLstTbl{
	width:95%;
}
.gSvcLstImage{
POSITION:absolute;
	left:0;
	top:0;
}
.gSvcLstTbl{
	width:80%;
}