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

table,tr,td,p,div,span,ul,ol,li,h1,h2,h3,h4,a,img { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Verdana;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; } /* Forces IE & IE to treat padding the same */
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #f6f3ee url('../images/layout/header_bg4.jpg') repeat-x; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: solid; height: 1px; overflow: hidden; }
/*
input { padding: 3px 0px 0px 0px; height: 22px; line-height: 18px; color: #333333; }
input.button { height: auto; line-height: 20px; padding: 0px; }
textarea, select, select * { color: #333333; }
*/

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

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

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

h1 { color: #33333; font-size: 18px; margin: 0px 0px 13px 0px; font-weight: bold; }
h2 { color: #6699cc; font-size: 14px; margin: 0px 0px 11px 0px; }
h3 { color: #BC4676; font-size: 14px; margin: 0px 0px 3px 0px; font-weight: normal; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div  { color: #333333; font-size: 12px;  line-height: 17px; }
textarea { font-size: 12px; }

a  { color: #6699cc; font: normal 12px Verdana; text-decoration: none; }
a:hover { text-decoration: underline; color: #4F768E; }



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

#main {
	width: 964px; /* Main Content Width */
	margin: 0px auto; /* Align to Center */
}

#header { }
    #headerLeft { width: 400px; float: left; }
    #headerRight { width: 400px; float: right; text-align: right; margin-top: 10px; }
        #headerRight a { color: #FFFFFF; text-decoration: none; font-family: Arial; font-size: 13px;  }
        #headerRight a:hover { text-decoration: underline; }

#bodyContainer { margin: 0px 0px 0px 0px;; background: url('../images/layout/body_bg.jpg'); }
    #body { margin: 0px 15px 0px 15px; min-height: 340px; text-align: left; }




#footer { margin: 2px 5px 5px 5px; }
    #footerLeft { color: #666666; float: left; font-size: 11px; }
    #footerRight { color: #666666; float: right; width: 400px; text-align: right; font-size: 11px; }
        #footerLeft a, #footerRight a { color: #666666; text-decoration: none; font-size: 11px; }
        #footerLeft a:hover, #footerRight a:hover { text-decoration: underline; }






/* Navigation */

#menuWrapper {  margin-top: 17px; height: 51px;  }

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


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



#p7menubar li ul {
    border: 1px solid #CCCCCC;
}

#p7menubar a {
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	line-height: 22px;
	color: #999999;
	text-align: left;
    font-weight: bold;
    font-family: arial;
}
#p7menubar a.trigger {
	color: #333333;
}
#p7menubar li {
	float: left;
	width: 9em;
	color: #333333;
	line-height: 26px;
	font-weight: bold;
	font-size: 11px;
	list-style-type: none;
}
#p7menubar li ul li {
}

#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: #FFFFFF;
}
#p7menubar li ul {
	position: absolute;
	display: none;
}

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




#p7menubar li { height: 51px; line-height: 51px; }
#p7menubar li a { padding: 16px 32px 1px 31px; text-align: left; height: 51px; line-height: 51px; font-family: Arial; text-align: center; }
#p7menubar li a:hover { color: #6699cc; }


#p7menubar li ul li { background: #f7f7f7; height: 26px; line-height: 26px; }
#p7menubar li ul li a { display: block; height: 26px; width: auto; line-height: 26px; color: #666666; font-size: 12px; font-family: Arial; font-weight: normal; text-align: left; padding: 0px 10px 0px 10px; }
#p7menubar li ul li a:hover { color: #6699cc; text-decoration: underline; }











.newMain { display: block; width: 115px; height: 56px; float: left; border: 1px solid #E3E3E3; margin-left: 20px; text-align: center; margin-bottom: 15px; }
.newMain img { margin: 0px; padding-left: 0px; }





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


/* Contact Form */

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

.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; }
