body{font-family:Arial, sans-serif; font-size:12px; color:#444547; margin:0; text-align:center; background-color:#FFFFFF; background:url(../../img/bgBody.jpg) repeat-x;}
#wrap{margin:0 auto; width:765px; text-align:left; background:url(../../img/bg.jpg) no-repeat; height:600px;}

p{font-family:Arial, sans-serif; color:#444547; line-height:15px; margin:0;}
a{color:#0066CC;}
a:hover{color:#CC0033;}
ul{list-style:none none; margin:6px 0 12px 30px; padding:0;}
li{margin:6px 0 0 8px; list-style:url(../../img/bullet.gif) outside;}

#wrap .homeMenu{float:left; display:inline; margin:20px 0 0 30px;}
#wrap .homeMenu .logoTop{float:left; display:inline;}
#wrap .homeMenu .menuWrap{float:left; display:inline; background:url(../../img/home/menu/bg.jpg) no-repeat; width:608px; height:47px;}

#homeMain{float:left; display:inline; margin:0 0 6px 42px;}
.homeMainBtm{float:left; display:inline; margin:0 0 0 42px;}
#content{float:left; display:inline; margin:0 0 0 28px;}

#content .btmL{float:left; display:inline; width:230px; height:174px; margin:0; background:url(../../img/home/btm/bg1.jpg) no-repeat;}
#content .btmL h1{font-size:12px; margin:60px 0 4px 26px; width:112px; font-weight:normal;}
#content .btmL p{margin:0 0 0 0; text-align:right; width:216px;}
#content .btmL a{color:#444547; font-weight:bold;}

#content .btmM{float:left; display:inline; width:245px; height:174px; margin:0; background:url(../../img/home/btm/bg2.jpg) no-repeat;}
#content .btmM h1{font-size:12px; margin:60px 0 4px 18px; width:124px; font-weight:normal;}
#content .btmM p{margin:15px 0 0 0; text-align:right; width:230px;}
#content .btmM a{color:#444547; font-weight:bold;}

#content .btmR{float:left; display:inline; width:230px; height:174px; margin:0; background:url(../../img/home/btm/bg3.jpg) no-repeat;}
#content .btmR h1{font-size:12px; margin:60px 0 4px 18px; width:112px; font-weight:normal;}
#content .btmR p{margin:15px 0 0 0; text-align:right; width:208px;}
#content .btmR a{color:#444547; font-weight:bold;}

#copyright{float:left; display:inline; margin:8px 0 18px 42px; background:url(../../img/footer.jpg) no-repeat; width:681px; height:23px;}
#copyright .left{float:left; display:inline;font-size:11px;}
#copyright .left p{margin:4px 0 0 12px; color:#FFFFFF;}
#copyright .right{float:left; display:inline; font-size:11px;}
#copyright .right p{margin:4px 0 0 436px; color:#FFFFFF;}

/*---------------------- Sub Page Specific ------------------*/

#wrap .subHeader{float:left; display:inline; margin:28px 0 0 30px;}
#subHeader{float:left; display:inline; margin:28px 0 0 30px;}
#wrap .subMenu{float:left; display:inline;}
#wrap .subMenu .logoBtm{float:left; display:inline; margin:0 0 0 30px;}
#wrap .subMenu .menuWrap{float:left; display:inline; background:url(../../img/about/menu/bg.jpg) no-repeat; width:608px; height:47px;}

#content .left{float:left; display:inline; width:440px; margin:18px 0 0 14px;}
#content .left .copy{float:left; display:inline; background:url(../../img/about/content/bg.jpg) repeat-x; padding:8px 0 24px 0; width:434px;}
#content .left .copy h1{float:left; display:inline; color:#b72329; font-size:18px; margin:0 14px 4px 20px; width:400px;}
#content .left .copy h2{color:#323558; font-size:15px; margin:8px 0 0 20px;}
#content .left .copy h3{color:#556bcb; font-size:12px; margin:2px 0 0 20px;}
#content .left .copy h4{color:#444547; font-size:12px; margin:12px 0 0 20px;}
#content .left .copy p{margin:6px 36px 0 21px;}
#content .left .copy .location{float:left; display:inline; margin:8px 10px 0 0; width:205px; height:110px;}
#content .left .copy .location p{margin:6px 0 0 21px;}
#content .left .copy .c1location{float:left; display:inline; margin:8px 10px 0 0; width:205px; height:80px;}
#content .left .copy .c1location p{margin:6px 0 0 21px;}
#content .left .copy .c2location{float:left; display:inline; margin:8px 10px 0 0; width:205px; height:98px;}
#content .left .copy .c2location p{margin:6px 0 0 21px;}

#content .right{float:left; display:inline; width:233px; margin:18px 0 0 6px; padding:0 0 24px 0;}
#content .right .copy{float:left; display:inline; background:url(../../img/about/content/rightBg.jpg) repeat-x; padding:4px 0 24px 0; width:233px;}
#content .right .copy h1{color:#b72329; font-size:18px; margin:0 0 0 0;}
#content .right .copy p{color:#b72329; font-size:18px; margin:8px 0 0 18px; line-height:20px; width:200px;}
#content .right .copy .smallAddress{font-size:18px; margin:0 0 0 0; width:200px; text-align:right;}
#rightFlash{}


#gallery{float:left; display:inline; margin:0 0 0 20px;}


/*----------------------- MENUS -----------------------*/

#menuWrap{float:left; display:inline; width:765px; margin-top:7px; text-transform:uppercase; font-size:10px;}
#menu{float:left; display:inline; padding:14px 0 0 0; width:460px; text-transform:uppercase;}
.global{float:left; display:inline; margin:14px 0 0 40px;}
#menu a{padding:7px 0px; text-decoration:none; font-weight:bold; color:#FFFFFF;}
#menu a.hover{color:#333333; background-color:#F4F9FF;}
#menu span{display:none;}
#img {vertical-align:bottom;}

#subMenu{float:left; display:inline; width:460px; padding:8px 0 0 0; text-transform:uppercase;}
#wrap .subMenu .menuWrap .global{float:left; display:inline; margin:8px 0 0 40px;}
#subMenu a{padding:7px 0px; text-decoration:none; font-weight:bold; color:#FFFFFF;}
#subMenu a.hover{color:#333333; background-color:#F4F9FF;}
#subMenu span{display:none;}

#subnav{font-size:9px; margin:0; margin-bottom:2em;}
#subnav a{color:#FFFFFF; margin:0; margin-right:1em;}
#subnav span{color:#FFFFFF; margin:0; margin-right:1em;}
	
.transMenu {position:absolute; overflow:hidden; left:-1000px; top:-1000px;}
.transMenu .content {position:absolute;}
.transMenu .items {position:relative; left:7px; top:0px; z-index:2;}
.transMenu.top .items {border-top:none;}
.transMenu .item {
    color:#FFFFFF;
    font-size:10px;
    font-family:Arial;
	font-weight:bold;
    text-decoration:none;
	text-transform:uppercase;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	cursor:hand;
	}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	-moz-opacity:.8;
	filter:alpha(opacity=80);
	}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	color:black;
	-moz-opacity:.8;
	filter:alpha(opacity=80);
	}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:4px;
	}	
	
#content .left .copy .formTag{float:left; display:block; width:400px; margin:8px 0 0 0;}
label,input, select{display:block; width:280px; float:left; margin-bottom:10px;}
label{text-align:right; width:100px; padding-right:10px;}
textarea{height:180px; width:280px}
#content .left .copy .formTag br{clear: left;}