@charset "utf-8";
/*
NOTES:
-322d2d - dark towards top of background image
-E7E7E7 - gray background towards bottom of page
-be5454 - light red roll over of main nav
-990000 - dark red of main nav
-820b0b - red shade that represents active nav item
-EBEBEB - gray background of shadow box nav used for press releases
color changes for main nav:
	333 -> none
	ccc -> fff
	840 -> none
	c60 -> be5454
	333 -> 322d2d
	3e3e3e -> 322d2d
	c60 -> be5454
	d70 -> be5454
	840 -> 990000
*/
/*BEGIN - GENERAL STYLES ------------------------------------------------------------*/
html {background:repeat-x #E7E7E7 url(../images/backgroundGradient.png);}
body {
	/*margin:0;*/
	padding:0;
	border:0; /*removes the border around the viewport in old versions of ie*/
	/*width:100%;*/
	/*background:#FFF;*/
	min-width:980px;
	max-width:1280px; /*1280px*/
	margin:0 auto;
	font-family:"Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif; /*Lucida Grande is for mac osx & Lucida is for UNIX*/
	font-size:100%;
	line-height:1.125em; /*16*1.125=18*/}

a:link {color:#990000; text-decoration:underline;}
a:visited {color:#990000; text-decoration:underline;}
a:hover {color:#FFF; text-decoration:none; background-color:#990000;}
a:active {color:#FFF; text-decoration:underline; background-color:#990000;}

h1 {margin:.4em 0 .2em 0; padding:0; font-size:1.3em; line-height:1.5em; font-style:italic; color:#990000;}
h2 {margin:.4em 0 .2em 0; padding:0; font-size:1.1em; line-height:1.3em;}
h3 {margin:.4em 0 .2em 0; padding:0; font-size:.9em; line-height:1.1em;}

p {margin:.4em 0 .8em 0;padding:0; font-size:.8em;}

img {margin:0; padding:0;}
img {margin:0; padding:0; border:0;}

address {font-size:.8em; font-style:normal; font-weight:bold;}
/*END - GENERAL STYLES --------------------------------------------------------------*/

/*BEGIN - CUSTOM CLASSES & IDS ------------------------------------------------------*/
br.clear, div.clear, hr.clear {clear:both;}

.floatRight {float:right;}
.floatLeft {float:left;}
.clearBoth {clear:both;}
.fontNormal {font-weight:normal;}
.boldText {font-weight:bold;}
.redText {color:#FF0000;}
.clearLeft {clear:left;}
.italicText {font-style:italic;}
.fontSizePoint8Em {font-size:.8em;}
.fontSizeOneEm {font-size:1em;}
.alignCenter {text-align:center;}
.padLeftTwoFive {padding-left:25px;}
.fontSizePoint8em {font-size:.8em;}

#logoImage {float:left; padding-top:10px;}

/*can not give width, it messes up alignment of photo*/
.slideshow {float:right;/*text-align:center;*/ /*width:348px;*//* margin:0 auto;*/}
.slideshow img {display:block; /*margin:0 auto;*/}

/*no hover over images*/
a.noHover:hover {background: none; border: none;}

div.displayContainer {padding:0; margin:15px 0; font-size:.8em; width:65%;}
div.displayRow {padding:4px 4px; margin:2px 0; background-color:#F4F4F4; width:100%;}
div.displayRow span.title {float:left; margin:0; padding:0; width: 42%; text-align:left; font-weight:bold;}
div.displayRow span.titleNormal {float:left; margin:0; padding:0; width: 42%; text-align:left;} /*added to make font normal, not bold*/
div.displayRow span.content {float:right; margin:0; padding:0; width: 52%; text-align: left;}




/*cfuniform wrap div*/
.formDivWrap {width:90%; margin:10px auto;}
/*form messages*/
.formSubmitMessage {background:#C8FFBF; border:1px solid #A2EF95; border-width:1px 0; margin:20px auto; padding:7px; width:80%;}
.formSubmitMessage p {margin:0; padding-left:20px; background:#C8FFBF url(/images/icon-success.gif) no-repeat;} 
.formSubmitMessageError {
	background:#FFDFDF url(/images/uf_error.png) !important;
	border:1px solid #DF7D7D;
	border-width:1px 0;
	margin:20px auto;
	padding:7px;
	width:80%;}
.formSubmitMessageError p {margin:0; padding-left:20px;	background:url(/images/icon-error.png) no-repeat;}
.formSubmitMessageNeutral {
	background:#FFFCDF url(/images/uf_focused.png) !important;
	border:1px solid #000;
	border-width:1px 0;
	margin:20px auto;
	padding:7px;
	width:80%;}
.formSubmitMessageNeutral p {margin:0; padding-left:4px;}
/*END - CUSTOM CLASSES & IDS --------------------------------------------------------*/
/*BEGIN - ABOVE PAGE ----------------------------------------------------------------*/
div#navTop {
	clear:none;
	margin:0;
	padding:4px 4% 4px 15px;
	text-align:right;
	color:#000; font-size:.7em;}
div#navTop a {padding:2px 10px;}

#navTop a:link {color:#FFF; text-decoration:underline; background-color:none;}
#navTop a:visited {color:#FFF; text-decoration:underline; background-color:none;}
#navTop a:hover {color:#FFF; text-decoration:none; background-color:#990000;}
#navTop a:active {color:#FFF; text-decoration:underline; background-color:none;}


/*list styles*/
/*ul*/
ol {font-size:.8em;}
ul.help, ul.file, ul.fileGray, ul.checkmark, ul.checkmarkB, ul.greenArrow, ul.greenArrowGrayBG, ul.redBullet {list-style:none; margin:0; padding:0; font-size:.8em;}
ul.subSection {list-style:none; margin:0; padding:0; font-size:1.2em; /*line-height:1.2em;*/}
ul.subSectionPages {list-style:none; margin:0; padding:0 0 0 25px; font-size:.8em;}
/*li*/
ul.help li, ul.file li, ul.fileGray li, ul.subSection li, ul.checkmark li, ul.greenArrow li, ul.greenArrowGrayBG li, ul.redBullet li {padding:1px 0 1px 25px; margin:1em 0;} /*added 1px padding to get underline of links to show up*/
ul.checkmarkB li {padding:1px 0 1px 25px; margin:.1em 0;}
ul.subSectionPages li {padding:0 0 0 25px; margin:.8em 0 0 0;} /*added margin to top only to help close gap*/

/*list item image*/
ul.help li {background: url(/images/help.png) left top no-repeat; zoom:1;}
ul.checkmark li {background: url(/images/tick.png) left top no-repeat; zoom:1;}
ul.redBullet li {background: url(/images/bullet_red.png) left top no-repeat; zoom:1;}
ul.checkmarkB li {background: url(/images/tick.png) left top no-repeat; zoom:1;}
ul.greenArrow li {background: url(/images/arrow_right.png) left top no-repeat; zoom:1;}
ul.greenArrowGrayBG li {background: url(/images/arrow_rightGray.png) left top no-repeat; zoom:1;}
ul.subSection li {background: url(/images/arrow_right.png) left top no-repeat; zoom:1;}
ul.subSection li.heading {background:none; padding:0; font-weight:bold; zoom:1; font-size:1.2em;}

ul.subSectionPages li {background: url(/images/page.png) left top no-repeat; zoom:1;}
ul.file li.webFile {background: url(/images/page.png) left top no-repeat; zoom:1;}
ul.file li.wordFile {background: url(/images/page_white_word.png) left top no-repeat; zoom:1;}
ul.file li.pdfFile {background: url(/images/page_white_acrobat.png) left top no-repeat; zoom:1;}
ul.file li.xlsFile {background: url(/images/page_excel.png) left top no-repeat; zoom:1;}


ul.fileGray li.webFile {background: url(/images/pageGray.png) left top no-repeat; zoom:1;}
ul.fileGray li.pdfFile {background: url(/images/page_white_acrobatGray.png) left top no-repeat; zoom:1;}
ul.fileGray li.homeFile {background: url(/images/house.png) left top no-repeat; zoom:1;}
ul.fileGray li.pptFile {background: url(/images/page_white_powerpoint.png) left top no-repeat; zoom:1;}
ul.fileGray li.wmvFile {background: url(/images/film.png) left top no-repeat; zoom:1;}
ul.fileGray li.heading {background:none; padding:0; font-weight:bold; zoom:1; font-size:1.2em;}

/*END - ABOVE PAGE ------------------------------------------------------------------*/
/*BEGIN - HEADER --------------------------------------------------------------------*/
/*had to do overflow:visiible and z-index on header, layoutdims, and bannerContainer to get menu in correct place*/
#header {clear:both; float:left; width:100%; /*border-bottom:1px solid #000;*/
/*min-width: 1000px;
width:expression(document.body.clientWidth < 1000? "1000px": "auto" );*/
overflow:visible; /*new*/
z-index:1000; /*new*/} 

#layoutdims {
	clear:both;
	background:repeat-x url(../images/redBackground.png);
	border-top:4px solid #322d2d;
	margin:0;
	padding:4px 2% !important;
	overflow:visible; /*new*/
	z-index:1002; /*new*/}
	
#bannerContainer {width:96%; background:#FFF; margin:0 auto; border-left:2px #322d2d solid; border-right:2px #322d2d solid; padding:0; 
	
	float:left; /*new*/
	position:relative; /*new*/
	left:2%; /*new*/
	overflow:visible; /*new*/
	z-index:1001; /*new*/}

/*navMain*/
/*border right class so i could add it to top level li's only*/
.borderRight {border-right:1px #FFFFFF solid;}
/*had to comment out position:relative to get jquery slideshow to work properly*/
ul#menu1 {padding:0; margin:0; list-style:none; height:40px; /*position:relative;*/ z-index:500;}

ul#menu1 li {float:left; margin-right:1px;}
/*have to use px because em does not work properly in IE6*/
ul#menu1 li a {display:block; float:left; height:40px; line-height:40px; background:none; color:#FFF; text-decoration:none; font-size:12px; font-weight:bold; padding:0 19px 0 11px;}

ul#menu1 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

ul#menu1 li a:hover {z-index:200; position:relative;color:#fff; background-color:#be5454;}
ul#menu1 li:hover {position:relative; z-index:200;}

ul#menu1 li:hover > a {color:#fff; background:#be5454;}
ul#menu1 li:hover > a.sub {color:#fff; background-color:#be5454;}

#menu1 li.current a {color:#fff; background:#990000;}

ul#menu1 li a.sub {background:url(../images/downArrowWhite.gif) no-repeat right center;}
ul#menu1 li.current a.sub {color:#fff; background:#820b0b url(../images/downArrowWhite.gif) no-repeat right center;}

/*i addded line below to provide hover effect for active menu item*/
ul#menu1 li.current a.sub:hover {color:#fff; background:#820b0b url(../images/downArrowWhite.gif) no-repeat right center;}

ul#menu1 :hover ul {left:0; top:40px; width:250px; background:#322d2d;}

/* keep the 'next' level invisible by placing it off screen. */
ul#menu1 ul, 
ul#menu1 :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

ul#menu1 :hover ul :hover ul
{left:250px; top:-1px; background:#322d2d; white-space:nowrap; width:100px; z-index:200; height:auto;}

ul#menu1 :hover ul li {margin:0; border-top:1px solid #666;}
ul#menu1 :hover ul li a {width:250px; padding:0; text-indent:10px; background:#322d2d; color:#FFF; height:30px; line-height:30px;}
ul#menu1 :hover ul li a.fly {background:#322d2d url(../images/rightArrowWhite.gif) no-repeat right center;}

ul#menu1 :hover ul :hover {background-color:#be5454; color:#fff;}
ul#menu1 :hover ul :hover a.fly {background-color:#be5454; color:#fff;}

ul#menu1 :hover ul li.currentsub a {background:#820b0b; color:#fff;}
ul#menu1 :hover ul li.currentsub a.fly {background:#820b0b url(../images/rightArrowWhite.gif) no-repeat right center; color:#fff;}

ul#menu1 :hover ul :hover ul li a {width:250px; padding:0; text-indent:10px; background:#322d2d; color:#FFF;}
ul#menu1 :hover ul :hover ul :hover {background-color:#be5454; color:#fff;}

ul#menu1 :hover ul :hover ul li.currentfly a,
ul#menu1 :hover ul :hover ul li.currentfly a:hover {background:#820b0b; color:#fff;}
/*END - HEADER ----------------------------------------------------------------------*/

/*BEGIN - BODY ----------------------------------------------------------------------*/
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* Full page settings */
.fullpage {
	/*background:#fff;*/		/* page background colour */
}
.fullpage .col1 {
	width:96%;			/* page width minus left and right padding */
	left:2%;			/* page left padding */
	background:#FFF;
	border-bottom:2px #322d2d solid;
	border-left:2px #322d2d solid;
	border-right:2px #322d2d solid; background:#FFF url(../images/backgroundArch.png) left bottom no-repeat;
	/*added to allow the whole background logo to display on short content pages*/
	min-height:400px;
}

#contentContainer {padding:0 2%; margin:0;}
/*END - BODY ------------------------------------------------------------------------*/
/*BEGIN - FOOTER --------------------------------------------------------------------*/
#footer {clear:both; float:left; width:100%; /*border-top:1px solid #000;*/ padding-bottom:20px;}
/*#footer p {padding:6px 0 0 2%; margin:0; font-size:.7em;}*/
#footer p {font-size:.7em; margin:0; padding:0;}

#footer #footerAddress {float:left; text-align:center; padding:6px 0 0 2%; clear:none; margin:0;}
#footer #footerContactInfo {float:left; text-align:center; padding:6px 0 0 20px; clear:none; margin:0;}
p#navFooter {
	clear:none;
	margin:0;
	padding:6px 2% 6px 15px !important;
	text-align:right;
	color:#000; font-size:.7em;}

/*#navFooter a:link {color:#990000; text-decoration:underline;}
#navFooter a:visited {color:#990000; text-decoration:underline;}
#navFooter a:hover {color:#FFF; text-decoration:none; background-color:#990000;}
#navFooter a:active {color:#990000; text-decoration:underline;}*/
/*END - FOOTER ----------------------------------------------------------------------*/
/*BEGIN - MISCELLANEOUS -------------------------------------------------------------*/
/*shadow box - used as right div box for press releases*/
.out {display:block;
	background:#bbb;
	border:1px solid #ddd;
	position:relative;
	/*margin:1em 0;*/
	float:right;
	margin:1em 0 1em 15px;}
.in {text-align:left;
	background:#EBEBEB; 
	border:1px solid #555;
	position:relative;
	padding:5px;
	font-weight:normal;
	font-size:1em;}
.ltin {left:-5px;}
.tpin {top:-5px;}
.narrow {width:15em;} /* change to suit */
.out .in h2 {font-weight:bold; color:#000; margin:.2em 0; text-align:center;}
/*END - MISCELLANEOUS ---------------------------------------------------------------*/