/* CSS Document */

body {
	margin-bottom: 15px;
	margin-top: 15px;
	background-color: white;
	/*background-color: #e8f9d8;  light green */
	font-family: "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	font-size: 80%;
	color: #333;
	text-align: center;
}

/*************************************************************
**************************************************************

						LINKS

**************************************************************
*************************************************************/

/* main links */
a:link {color:#6A6; /* green */ text-decoration:none;}
a:visited {color:#6A6; text-decoration:none;}
a:hover {color:#6d8080; text-decoration:underline;}
a:active {color: #6A6; text-decoration:none;}

/* alternate links */
a.darkBGlink:link {color:#CACA00; text-decoration:none;}
a.darkBGlink:visited {color:#CACA00; text-decoration:none;}
a.darkBGlink:hover {color:#FFF; text-decoration:none;}
a.darkBGlink:active {color: #CACA00; text-decoration:none;}

a.topNavlink:link {color:#505462; text-decoration:none;}
a.topNavlink:visited {color:#505462; text-decoration:none;}
a.topNavlink:hover {color:#811d00; text-decoration:underline;}
a.topNavlink:active {color: #505462; text-decoration:none;}

/* kills the (sometimes ugly) border around images that are links */
a img {
	border: none;
}

/*************************************************************
**************************************************************

						LIST

**************************************************************
*************************************************************/
/* unordered lists. There is an accompanying PSD if you need to change the image itself */
.ul2 {
	list-style-type: none;
	padding-left: 33px;
	margin-left: 0;
	margin-top: 3px;
}
.li2 {
	background-image: url(images/designImages/jwBullets.jpg);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-bottom: 2px;
	padding-left: 19px;
	line-height: 16px;
	margin-bottom: 3px;
}

/*************************************************************
**************************************************************

						MAIN SECTIONS

**************************************************************
*************************************************************/
.globalContainer {
	width: 960px;
	background-color: transparent;
	margin: auto;
	text-align: left;
}
.banner {
	height: 105px;
	color: #fff;
	background-color: transparent;
	background-image: url(images/designImages/jwBanner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.topLinks {
	text-align: right;
	padding-right: 24px;
	font-size: 0.9em;
}
/* top 'banner' image area */
.topSplash {
	height: 240px;
	background-image: url(images/designImages/jwTopSplash.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/* area where top navigation is */
.navBar {
	width: 960px;
	text-align: left;
}

/* the navigation menu itself is controlled by the css file 'navButtons.css', and some inline code */
.navigation {
	font-size: 1.2em;
	padding: 3px;
	padding-top: 33px;
	padding-left: 42px;
}
.navigationText {
	line-height: 1.9em;
	color: black;
	text-align: left;
}

/* holds everything between the topNav and the bottom div */
.mainContent {
	position: relative;
	margin-top: 33px;
	width: 960px;
	color: #333;
	background-image: url(images/designImages/jwBannerBottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* holds entire left column content. If customer happends to add image that is too big, its overflow will be hidden */
.columnLeft {
	width: 66%;
	float: left;
	text-align: left;
	overflow: hidden;
}
.columnLeft_textHolder {
	padding-left: 24px;
}
.columnRight {
	width: 33%;
	float: right;
	text-align: left;
	overflow: auto;
}
.columnRight_textHolder {
	text-align: right;
}

/* holds banner2/bottom banner or anything appropriate for this area */
.bottom {
	height: 24px;
}
.bottomText_holder {
	padding: 6px;
	text-align: right;
	word-spacing: 0.25em;
}
/* holds any footer info, HWS login, etc. In this case, holds HWS login and counter script */
.footer {
	text-align: left;
	color: #6d8080;
	width: 960px;
	padding-top: 3px;
	padding-bottom: 24px;
	border-top: 1px solid #aea522;
	margin-top: 15px;
}
.footer a, .footer a:visited, .footer a:active {
	color: #6A6;
	text-decoration: none;
}
.footer a:hover {
	color: #6d8080;
	text-decoration: underline;
}
.bottomLinks {
	text-align: right;
	font-size: 0.85em;
	width: 40%;
	float: right;
	padding-right: 33px;
}
.HWS {
	font-size: 0.8em;
	text-align: left;
	width: 50%;
	float: left;
	padding-left: 24px;
}
/*************************************************************
**************************************************************

						IMAGE STYLES

**************************************************************
*************************************************************/

/* use this style (edited to your liking) on actual image if borders are desired */
.imgBorder {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 3px double #fff;
	border-bottom: 3px double #fff;
}

/* if using a png file, use this style on it. Fix for the IE png transparency issue. Uses iepngfix.htc, and blank.gif to function. */
.iepngfix {
	behavior: url(iepngfix.htc);
}

/*************************************************************
**************************************************************

						HEADINGS

**************************************************************
*************************************************************/

.heading {
	color: #333;
	padding-top: 6px;
	padding-bottom: 15px;
	font-size: 1.7em;
	font-weight: normal;
}
.subHeading {
	color: #666;
	padding-bottom: 15px;
	font-size: 1.2em;
}

/*************************************************************
**************************************************************

						FONT STYLES

**************************************************************
*************************************************************/

.mainText {
	padding-top: 3px;
	padding-bottom: 19px;
	padding-right: 24px;
	padding-left: 24px;
	text-align: left;
	line-height: 1.5em;
}

/*************************************************************
**************************************************************

						BOXES AND CONTAINERS

**************************************************************
*************************************************************/
.gallery {
	padding-bottom: 20px;
}
/* style iFrames with this, if you want them transparent and with no border. Using this style instead of having them used inline prevents the w3 validation error on border and transparency */
.iframeSettings {
	allowtransparency: true;
	border: none;
}
.boundingBox {
	border: 1px solid #aea522;
	padding: 15px 0px;
	text-align: center;
	background-color: #c7c166;
}

/*************************************************************
**************************************************************

						SEPARATORS / MISC

**************************************************************
*************************************************************/
.clear {
	clear: both;
}
.spacing {
	padding-left: 42px;
}
/* fancier separator if needed */
.separator_pattern {
	background-color: #cfd6cb; /* cream */
	background-image: url(images/designImages/jwBG_01b.jpg);
	background-repeat: repeat;
	background-position: left bottom;
	height: 24px;
}
.separator_15 {
	height: 15px;
	overflow: hidden;
}
.separator_24 {
	height: 24px;
	overflow: hidden;
}
.separator_20 {
	height: 20px;
	overflow: hidden;
}
.separator_30 {
	height: 30px;
}
.separator_33 {
	height: 33px;
	overflow: hidden;
}
.separator_42 {
	height: 42px;
	overflow: hidden;
}
.separator_51 {
	height: 51px;
	overflow: hidden;
}
.separator_60 {
	height: 60px;
	overflow: hidden;
}
.separator_69 {
	height: 69px;
	overflow: hidden;
}
.separator_90 {
	height: 90px;
	overflow: hidden;
}

/*************************************************************
**************************************************************

						HIGHLIGHT TEXT
	various highlight styles, usually for content text

**************************************************************
*************************************************************/
.company {
	color: #045;
}
.highlightText {
	color: #aea522;
}
.tinyText {
	font-size: 10px;
}
.redText {
	color: #900;
}
.redText2 {
	color: #d22e55;
}
.signedText {
	font-weight: bold;
	font-size: 0.9em;
	color: #d22e55;
	text-align: right;
	padding-right: 24px;
}

/*************************************************************
**************************************************************

						TABLES, TD STYLES
	uhh.. none have	been used. If you do need to, 
	add table styles here.

**************************************************************
*************************************************************/
#infoTable {
	/* just an example 
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;*/
}
#infoTable td {
	/* just an example 
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;*/
}

/*************************************************************
**************************************************************

						FORM STYLES: TEXT, BUTTONS

**************************************************************
*************************************************************/
.contactForm {
	color: white;
}

/* form text used when the form is in a table */
.formText {
	color: #FFF;
	font-family: Verdana;
	font-size: 8pt;
	text-align: right;
}

/* actual form fields if they need to be styled */
.formFields {
	font-family: Verdana;
	font-size: 8pt;
	color: #034;
	text-align: left;
	margin-left: 1px;
	margin-right: 1px;
	width: 123px;
	margin-bottom: 3px;
}
.formFieldsSubmit {
	font-family: Verdana;
	font-size: 8pt;
	color: #333333;
	text-align: center;
	margin-left: 1px;
	margin-right: 1px;
	cursor: pointer;
}
/* forms display with extra margins in some versions of IE */
form {
	margin: 0;
}
fieldset {
	margin-top: 1px;
	padding-top: 0px;
	border: none;
}
label {
	float: left;
	width: 40%; /* this may cause alignment issues if used in sub-fieldset. Change accordingly */
	text-align: right;
	margin-right: 0.4em;
	display: block;
}
legend {
	color: #FFF;
	font-size: 1.2em;
}
.submitButtons {
	padding-top: 9px;
	padding-bottom: 24px;
	padding-left: 51px; /* just pushes the submit buttons to the right */
}