/* CSS Document */

#holder, #header, #contentHolder{
		overflow: hidden; display:inline-block; }

body {margin: 0px; text-align:center; padding: 0px; background: url(../images/background.jpg) repeat-x; width:100%; font-family:Arial, Helvetica, sans-serif}
#holder {width: 800px; margin: 0 auto;position:relative;}

/* masthead */
#header {width:800px; height:360px;}

/* main content (HOME) */
#contentHolder {width:800px; background:url(../images/sideBg.jpg) right repeat-y; position:relative;}
#content {width:550px;text-align:left; font-family: Arial, Helvetica, sans-serif; padding:20px 0px 20px 0px; float:left; display:inline}

#news {width: 260px;  min-height:191px; height:auto !important; height:191px; display: inline; background: url(../images/newsBg.jpg) no-repeat; float:left}
#news img {margin:8px 0px 0px 20px; border:none;}

#content p {font-size:11px}
#content h1 {font-weight: bold; font-size: 14px; color:white;text-align:center; padding:6px 10px 0px 10px; margin:15px 0px 0px 20px;}
#content h2 {font-weight: bold; font-size: 11px; color:#888888}

#content #news h1 {background-color:#00a1b1; width:120px;}
#content #news h2 {margin:5px 20px 0px 20px;}
#content #news p {color:#888888; margin:0px 20px 0px 20px; text-align:justify;}
#content #news h2 a {color: #888888}
#content #news a {color:#00a1b1; text-decoration:none}
#content #news a:hover {color:#00a1b1; text-decoration:underline}

#qLinks {width: 260px; min-height:191px;  height:auto !important; height:191px; display: inline; margin-left:10px; float:left; background: url(../images/qLinksBg.jpg) no-repeat;}
#content #qLinks h1 {background-color:#b0006e; width:100px;}
#content #qLinks p {color:#888888; margin:5px 80px -5px 20px; text-align:left;}
#content #qLinks ul {font-size:11px; margin:15px 0px 0px 25px; padding:0px; list-style-image:url(../images/bullet.jpg)}
#content #qLinks li {margin:5px 0px 0px 20px; padding:0px 0px;}
#content #qLinks ul a {color:#888888; text-decoration:none}
#content #qLinks ul a:hover {color:#b0006e; text-decoration:underline}

#campaign {margin-top:50px;}
#campaign img {}

#content .pic {text-align:left; margin:15px 0p 0px 20px;}

#testimonial {width: 530px; height:215px; display: inline; background: url(../images/testiBg.jpg) no-repeat; float:left; clear:both; margin-top:10px;}
#content #testimonial h1 {background-color:#ffd204; width:180px; margin:30px 0px 0px 20px;}
#testimonial p {text-align:right; display:block; width: 340px;}
#testimonial p .highlight {color:#ffd204;}

#testimonial .quote {font:bold italic 18px Arial, Helvetica, sans-serif; color:#808080; margin:25px 0px 0px 20px;}
#testimonial .author {font: 12px Arial, Helvetica, sans-serif; color:#ffd204; margin:3px 0px 0px 20px;}
#testimonial .button {margin:0px 0px 0px 20px;}
#testimonial a {background:url(../images/butBg.jpg) no-repeat; width:134px; height:23px; display:block; font:bold 12px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; padding-top:10px; color:#ffa304; float:right}
#testimonial a:hover {background:url(../images/butBgOvr.jpg) no-repeat; color:#c97700}


#sideBar {width: 250px; display:inline; float:left;}

/* footers */
#footerHolder {width:100%; border-top:3px solid #e5e5e5;}
#footer{width:800px; margin:0px auto; font: 10px Arial, Helvetica, sans-serif; position:relative;} 

#footerLeft {width:550px; display:inline; float:left; text-align: center}
#footerLeft ul {list-style:none; margin:3px 0px 0px 0px; padding:0px; display:block;}
#footerLeft li {display:inline; border-right: 1px solid #AAAAAA; padding: 0px 3px 0px 4px; margin:0px;}
#footerLeft .lastMenuItem {border-right:none}
#footerLeft a {font: 10px Arial, Helvetica, sans-serif; color:#808080; text-decoration:none; line-height:1.6}
#footerLeft a:hover {text-decoration:underline}
#footerLeft #statement {clear:both; margin:5px 0px 0px 0px; display:block; padding:0px; color:#cccccc}

#footerRight {width:250px; display:inline; float:left; background: url(../images/sideBg.jpg) repeat-y;}
#footerRight img {margin:10px 5px 30px 5px;}

/* Email a Friend */

.emailForm {width:350px; border-collapse:separate; table-layout:auto; border: 3px solid #ffd204; margin:10px auto 5px auto; position:relative; text-align:left; background-color:#FFFFFF}
.emailForm .to {font: bold 14px Arial, Verdana, sans-serif; color:#ffffff; background-color:#02A0AC; padding:5px}
.emailForm .from {font: bold 14px Arial, Verdana, sans-serif; color:#FFFFFF; background-color:#00A2B1; padding:5px}
.emailForm .thankyou {text-align:center; color:#7e0000; font: 12px Arial, Helvetica, sans-serif;}
.emailForm td {padding:5px; font: 12px Arial, Helvetica, sans-serif; background-color:#ffffff; font: 12px Arial, Helvetica, sans-serif; color:#666666}
.subText {font-size:9px}
.formElements {width:130px}
.email {font:12px Arial, Helvetica, sans-serif; color:#666666; width:350px; margin:10px auto; text-align:center}
.email a {font:12px Arial, Helvetica, sans-serif; color:#666666; width:350px; margin:10px auto;}


/* Hides from IE5-mac 
* html #content {height: 1%;}
End hide from IE5-mac */