/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

* { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-size: 12px; font-family: Arial, san-serif;  color: #333333; line-height: 16px; }  /* Default font for all items */
* { -moz-box-sizing:border-box;box-sizing:border-box; } /* Forces IE & FF to treat padding the same */
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #FFFFFF; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: solid; height: 1px; overflow: hidden; }
input { padding: 0px 0px 0px 0px; height: 19px; line-height: 19px; color: #333333; }
input.button { height: auto; line-height: auto; }
textarea, select, select * { color: #333333; }

ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; margin: auto; }
li { list-style-type: square; }

.bordered { border: 6px solid #CCCCCC; }

h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1 { color: #FF3333; font-size: 18px; margin: 0px 0px 20px 0px; }
h2 { color: #333333; font-size: 16px; margin: 0px 0px 15px 0px; }
h3 { color: #666666; font-size: 14px; margin: 0px 0px 15px 0px; }
p  { color: #333333; font-size: 12px; margin: 0px 0px 15px 0px; }
a  { color: #CC3333; font: normal 12px Arial; text-decoration: underline; font-weight: bold; }
a:hover { text-decoration: underline; }




/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/


#header { height: 130px; width: 865px; margin: 0px auto; }

#logo { float: left; width: 210px; margin-top: 10px; margin-left: 15px; }
#toro { float: left; width: 65px; margin-top: 60px; }
#navContainer { float: right; width: 530px; text-align: right; background: url('../images/layout/parsley.gif') no-repeat top right; }

#red2 { height: 304px; background: url('../images/layout/redbar2.gif'); }
#red2 .inner { margin: 0px auto; width: 856px; padding-top: 35px; }
#red2 a { text-align: center; display: block; width: 260px; color: #FFFFFF; text-decoration: none; cursor: default; }
#red2 a:hover { text-decoration: none; color: #FFFFFF; }
#red2 a:hover img { }


#red2 a img { border-width: 7px; border-color: #FFFFFF; margin-bottom: 5px; }


#red1 { height: 113px; background: url('../images/layout/redbar1.gif'); padding: 0px; margin: 0px; }
#red1 td { color: #FFFFFF; font-size: 20px; text-align: center; line-height: 30px; padding: 0px; margin: 0px; }




/* Navigation */

#menuWrapper {
	width: 530px; margin-top: 50px; height: 31px; margin-top: 95px; }

#menuwrapper {
}
.clearit {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
#p7menubar {
    float: right;
}

.hac {
	margin-left: 5px;
}
#p7menubar, #p7menubar ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: Arial;
	border-width: 1px;
}

#p7menubar li ul {
	border-color: #BCC7B6;
	border-top-color: #B3BEAD;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
}

#p7menubar a {
	display: block;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	line-height: 22px;
	color: #000000;
	text-align: left;
}
#p7menubar a.trigger {
	color: #000000;
}
#p7menubar li {
	float: left;
	width: 9em;
	color: #3399CC;
	line-height: 26px;
	font-weight: bold;
	font-size: 11px;
	list-style-type: none;
}
#p7menubar li ul li {
	border-width: 1px;
	border-color: #BCC7B6;
	border-bottom-style: solid;
}

#p7menubar li {position: relative;}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}

/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li  {
	width: 100%;
}
#p7menubar ul li a  {
	color: #000000;

}
#p7menubar li ul {
	position: absolute;
	display: none;

}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}





#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
    background: url('../images/layout/navleft.gif') no-repeat top left;
}








#p7menubar a:hover {
	color: #FFFFFF;
}






#p7menubar a span { display: block; padding: 4px 15px 6px 15px; font-weight: bold; font-size: 12px; font-family: arial; background: #FFFFFF; }
#p7menubar a:hover { background: url('../images/layout/navleft.gif') no-repeat top left; }
#p7menubar a:hover span { background: url('../images/layout/navright.gif') no-repeat top right; color: #FFFFFF; }

#p7menubar li ul { width: 300px; }





#p7menubar ul a {
}




#body { width: 865px; margin: 0px auto; margin-top: 20px; }


#footer { width: 865px; margin: 0px auto; margin-top: 20px; padding-top: 3px; border-width: 1px; border-color: #F1F1F1; border-top-style: solid; }

#footerLeft { width: 320px; float: left; color: #000000; font-size: 10px; }
#footerRight { width: 440px; float: right; text-align: right; color: #000000; font-size: 10px; }

#footerLeft a, #footerRight a { font-size: 11px; color: #000000; margin: 2px 8px 2px 8px; text-decoration: none; font-weight: normal; }
#footerLeft a:hover, #footerRight a:hover { color: #000000; text-decoration: underline; }




/***************************************************************************************/
/* PAGE CONTENT */
/***************************************************************************************/


/* Contact Form */

.contactForm {   }
.contactForm th { font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; width: 120px; text-align: right; }
.contactForm td { padding-top: 5px; }
.contactForm input { }

.contactForm .checkbox input { width: 16px; margin-right: 10px; }
.contactForm .checkbox div { margin-top: 2px; width: 150px; float: left; }

.contactForm .radio input { width: 16px; margin-right: 10px; }
.contactForm .radio div { margin-top: 2px; width: 150px; float: left; }

/* eNewsletter Signup */

.eNewsletterForm {   }
.eNewsletterForm th { font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; width: 120px; }
.eNewsletterForm td { padding-top: 5px; }
.eNewsletterForm input { width: 200px; height: 16px; line-height: 16px; }

/* Form Authorization */

.formAuth {  }
.formAuth th { text-align: right; width: 112px; }
.formAuth td input { width: 220px; }

input.inputButton { border: 1px outset #333333; font-weight: bold; color: #FFFFFF; height: 22px;  padding: 2px 10px 2px 10px; background: url('../images/layout/bodybg.gif'); }


/* Contact Form */
#contactForm {
	width: 370px;
	float: left;
}
#contactForm .field {
	clear: both;
	width: 110px;
	float: left;
	text-align: right;
	height: 26px;
	line-height: 26px;
	font-weight: normal;
    border: 1px solid #000000;
}
#contactForm .input {
	width: 250px;
	float: right;
	height: 26px;
    line-height: 26px;
    border: 1px solid #000000;
	text-align: right;
}
#contactForm .input input {
	width: 250px;
}

#contactForm .input select {
	width: 250px;
}

#contactForm .input textarea {
	width: 250px;
	height: 95px;
}

input.inputButton { border: 1px outset #333333; font-weight: bold; color: #FFFFFF; height: 22px;  padding: 2px 10px 2px 10px; background: url('../images/layout/bodybg.gif'); }