body{background-color: #efefe9; margin: 0px; padding: 0px; background-image: url(/images/website302/bggrey2.jpg); background-repeat: repeat-x;}
body, p, td{font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px; color: #000000; line-height: 18px;}
a, a:visited{color: #5d87a1; text-decoration: underline;}
a:hover{color: #660000; text-decoration: none;}
h1{font-size: 30px; font-weight: normal; color: #666666; padding: 0px; margin: 0px; line-height: 36px; margin-top: 20px; border-bottom: dashed 1px #CCCCCC;}
h2{font-size: 18px; font-weight: normal; color: #000000; padding: 0px; margin: 0px; line-height: 20px; margin-top: 15px;}
h3{font-size: 14px; font-weight: bold; color: #000000; padding: 0px; margin: 0px; line-height: 18px; margin-top: 15px; }
p{margin:0px; padding: 0px; margin-top: 16px;}

div.bluebar{background-color: #2d425e;padding: 10px;width: 726px;}

span.custom1{font-size: 12px; color: #000000; font-weight: bold; }
span.custom2{font-size: 14px; color: #FFFFFF; font-weight: bold; padding: 0px; margin: 0px;}

#headline {margin: 0px; padding: 0px; float: right; height: 40px; margin-top: 10px; margin-right: 20px;}
#headline h1{font-size: 11px; font-weight: normal; padding: 0px; margin: 0px; border: 0px;}

table.questions td.divider{background-color: #999999; color: #FFFFFF; background-image: url(/images/1x1trans.gif); padding: 10px; font-size: 14px; font-weight: bold;}

/*Resources*/
/*
div.col31{float: left; width: 30%; padding-right: 10px;}
div.col32{float: left; width: 30%; padding-right: 10px;}
div.col33{float: left; width: 30%; padding-right: 10px;}
*/

div.col1{}
div.col2{}



/*Questionaire*/
table.name{padding: 10px; background-color: #fafaf9; border-left: double 4px #CCCCCC; 
border-top: double 4px #EFEFEF; 
border-right: double 4px #EFEFEF; width: 600px;}
table.questions{border-left: double 4px #CCCCCC; 
border-bottom: double 4px #CCCCCC; 

border-right: double 4px #EFEFEF; width: 600px;}
table.questions td{background-image: url(/images/website302/bgquestion2.gif); border-bottom: solid 1px #CCCCCC; border-top: solid 1px #FFFFFF;}
p.number{font-size: 12px; font-weight: bold;  width: 40px;}
td.q p.question, p.question{font-size: 12px; font-weight: bold; color: #000000;}
p.subquestion{font-size: 12px; font-weight: bold; padding-left: 100px;}
div.yesno{padding: 10px; width: 100px;}
div.yesno{font-size: 12px;}
td.q, td.sq{border-right: solid 2px #f7931e; }
p.answer{font-weight: normal; background-color: #fef5c8; color: #333333; padding: 5px;}




/*Some Home Page formatting*/
#signup table.signup{padding: 0px;}
#signup{margin-left: 10px;}
#signup span.label{color: #FFFFFF; font-size: 10px;}
#newsetter input.newsletteremail, #signup input{font-size: 10px; width: 130px;}
#signup input.subscribe{padding: 0px; border: 0px; margin: 0px; background-color: #404040; color: #f7931e; font-weight: bold; font-size: 11px; padding-top: 5px; }


ul{list-style-image:url(/images/website302/orangebullet.gif);
list-style-type:square;}

#youtube{float: left; padding: 0px; margin: 0px;}
div.homeassess{float: right;background-image: url(/images/website302/bgCheck2.jpg); background-repeat: no-repeat;width: 436px; height: 285px;}
div.homeassess h1{color: #404040; font-size: 18px; letter-spacing: -1pt; padding:0px; margin: 0px; margin-left: 10px;}
div.homeassess h3{font-size: 12px; line-height: 18px; color: #404040; font-weight: normal; padding-left: 20px;padding-right: 130px;}
div.homeassess h2{font-size: 18px; line-height: 24px; color: #ec8212; padding:0px;  font-weight: bold; padding-left: 20px;padding-right: 130px;}

#formattedtable723{color: #404040; padding-left: 20px; padding-top: 0px;}
#formattedtable723 table.formattedtable td{vertical-align: top; font-size: 11px; color: #404040; line-height: 14px;}
#formattedtable723 table.formattedtable td a{font-size: 14px; font-weight: bold; color: #404040;}

#Image4815{padding:12px;padding-left: 20px;}

#news{float: left; width: 450px; padding-left: 10px; padding-top: 30px;}
#news h2{background-image: url(/images/website302/redbar.gif); background-repeat: no-repeat; height: 34px; color: #FFFFFF; font-size: 14px; font-weight: bold; padding: 0px; margin: 0px; padding-left: 12px; padding-top: 8px; margin-top: 2px;}

#newsarchive{padding-top: 30px;}



#news #articledisplay{padding-left: 70px; padding-right: 10px;}
#news #articledisplay .article{padding-right: 10px;}
#news h4{font-size: 14px; font-weight: bold; padding: 0px; margin: 0px; padding-top: 10px; padding-bottom: 5px;}
#news #articledisplay span.title a{font-size: 12px; color: #990000; font-weight: bold; }
#news #articledisplay a{color: #990000; font-weight: bold;}
#news #articledisplay img.video{}
#articledisplay img{vertical-align: middle;}

#newsarchive #articledisplay{}
#newsarchive #articledisplay .article{padding-right: 10px;}
#newsarchive h4{font-size: 14px; font-weight: bold; padding: 0px; margin: 0px; padding-top: 10px; padding-bottom: 5px;}
#newsarchive #articledisplay span.title a{font-size: 12px; color: #990000; font-weight: bold; }
#newsarchive #articledisplay a{color: #990000; font-weight: bold;}
#newsarchive #articledisplay img{}


div.PageArticle{padding: 20px;}


#resources{float: left; width: 304px; padding-left: 0px; padding-top: 30px;}
#resources h2{background-image: url(/images/website302/orangebar.gif); background-repeat: no-repeat; width: 304px; height: 34px; color: #FFFFFF; font-size: 14px; font-weight: bold; padding: 0px; margin: 0px; padding-left: 12px; padding-top: 8px;}
#resources h1{background-image: url(/images/website302/OptInblackBarSmall2.gif); background-repeat: no-repeat;  height: 44px; color: #FFFFFF; font-size: 14px; font-weight: bold; padding: 0px; margin: 0px; padding-left: 44px; padding-top: 8px; border-bottom: dashed 0px #CCCCCC;}


#resources #articledisplay14, #articledisplay14{padding-left: 18px; padding-right: 10px;}
#resources #articledisplay14 .article, #articledisplay14 .article{background-image: url(/images/website302/orangebullet.gif); background-repeat: no-repeat; margin-top: 5px; }

#resources h4{font-size: 14px; font-weight: bold; padding: 0px; margin: 0px; padding-top: 10px; padding-bottom: 5px;}
#resources #articledisplay14 p.title{padding: 0px; margin: 0px; padding-left: 25px; line-height: 18px; }
#resources #articledisplay14 p.title a{font-size: 12px; color: #990000; font-weight: bold;}
#resources #articledisplay14 a{}
#resources #articledisplay14 img{width: 50px;}

#resources p{margin-left: 10px;}

#articledisplay14 .article{margin-bottom: 5px; padding: 3px; }
#articledisplay14{padding-left: 5px; padding-right: 5px;}

#articledisplay14 p.title{padding: 0px; margin: 0px; padding-left: 25px; line-height: 12px;}
#articledisplay14 p.title a{font-size: 11px; font-weight: normal;}
#articledisplay14 a{color: #000000; font-weight: bold; text-decoration: none;}
#articledisplay14 a:hover{color: #990000;text-decoration: underline;}
#articledisplay14 img{width: 50px;}

a.plainlist{font-size: 14px; color: #000000; line-height: 14px;}
li.list2573{margin-top: 10px; margin-bottom: 10px;}

#resources a.plainlist{font-weight: bold;}


#resources #newsetter{background-color: #404040;
background-image: url(/images/website302/newsletterbg.gif); 
background-repeat: no-repeat; 
width: 299px; 
height: 145px;
color:#FFFFFF;}

#resources #newsetter h4{padding: 0px; margin: 0px; padding-left: 20px; color: #f7931e; font-weight: bold; font-size: 14px; padding-top: 10px; padding-bottom: 0px;}
#resources #newsetter p{float:right; font-size: 11px; color: #FFFFFF; width: 100px; border-left: dashed 1px #CCCCCC; padding: 5px; margin: 5px; padding-left: 10px; }


form{padding: 0px; margin: 0px;}


/*end formatting of home page*/

#fullbg{width: 100%; /*background-image: url(images/bggradient2.gif);*/ background-repeat: repeat-x; background-position: bottom; }
#header{width: 805px; }
#logo{float: left; margin-top: 15px; margin-left: 30px;}
#pagetitle{float: right; margin-top: 1px;}
#pagetitle h2{font-size: 36px; color: #660000; font-weight: normal; padding: 0px; margin: 0px; margin-right: 30px; line-height: 36px; margin-top: 8px;}
#box{width: 805px; background-image: url(/images/website302/boxmiddle4.gif); text-align: left;}
#boxtop{background-image: url(/images/website302/boxtopcomp11.gif); background-repeat: no-repeat; width: 805px;}
#boxtopsub{background-image: url(/images/website302/boxtopsub.gif); background-repeat: no-repeat; width: 727px; }
#boxmiddle{ width: 805px; }
#boxbottom{width: 805px; height: 33px; background-image: url(/images/website302/boxbottom3.gif); background-repeat: no-repeat; background-position: bottom left;}
div.clear{clear: both;}
/*#shadowfeed{width: 963px; background-image: url(/images/website302/shadow.gif); background-repeat: no-repeat; background-position: bottom left;}
#shadowwho{width: 963px; background-image: url(/images/website302/shadowwho.gif); background-repeat: no-repeat; background-position: bottom left;}
#shadowfeedback{width: 963px; background-image: url(/images/website302/shadow.gif); background-repeat: no-repeat; background-position: bottom left;}
#shadowcase{width: 963px; background-image: url(/images/website302/shadowcase.gif); background-repeat: no-repeat; background-position: bottom left;}*/
#shadowhome{width: 963px; background-image: url(/images/website302/shadowhome.gif); background-repeat: no-repeat; background-position: bottom left;}

#footer{width: 657px; font-size: 10px; color: #999999;}
#footer p{color: #999999;}
#footer a{color: #999999;}
#footer #copyright{text-align: left; float: left; width: 50%;}
#footer #sitemap{text-align: left; float: right; width: 40%;}
ul.sitemap{list-style: none; padding: 0px; margin: 0px; margin-top: 20px;}
ul.sitemap li{display:block; float: left; width: 120px; padding: 2px; }
ul.sitemap li:hover{background-color: #FFFFFF;}
ul.sitemap li a:hover{background-color: #FFFFFF;}

table.hover{height: 110px; }
table.hover td{vertical-align: top;}
table.reporthover{height: 180px; }
table.reporthover td{vertical-align: top;}


#menu{float: right; width: 290px; margin: 0px; padding: 0px; margin-top: 0px; margin-right: 8px; }
ul.menu{list-style: none; padding: 0px; margin: 0px;}
ul.menu li{display: block; padding: 2px; margin: 0px; padding-right: 9px; padding-left: 9px; float: left; }
ul.menu li.end, ul.menu li.middle{border-left: solid 1px #CCCCCC;}
ul.menu li a, ul.menu li a:visited{color: #CCCCCC; text-decoration: none; font-size: 11px; font-weight:bold;}
ul.menu li a:hover{text-decoration: underline; color: #f7931e;}

#maintext{clear: both; padding-top: 15px; padding-left: 5px;padding-right: 4px;}


#flashpics{padding-top: 16px; padding-left: 50px; padding-bottom: 40px;}
#flash{width:243px; height: 145px; background-image: url(/images/website302/bgflash.gif); background-repeat: no-repeat;
       }
#homemain{clear: both; margin: 0px; padding: 0px;}
#findoutmore{float: left; width: 317px;  margin: 0px; padding: 0px;}
#intro{float: right;  width: 390px; margin: 0px; padding: 0px; }
#intro h1, #intro h3, #intro p{margin-right: 26px;}



#findoutmore{}
/*ul#bullets{list-style: none; padding: 0px; margin: 0px;}
ul#bullets li{padding: 0px; margin: 0px; display:block;}*/

#bulletsurvey{}
#bulletsurvey:hover{background-image: url(/images/website302/home4hover.gif); background-repeat:no-repeat;background-position: right;}
#bulletad{ }
#bulletad:hover{background-image: url(/images/website302/home6hover.gif);background-repeat:no-repeat;background-position: right;}
#bulletstudy{}
#bulletstudy:hover{background-image: url(/images/website302/home6hover.gif);background-repeat:no-repeat;background-position: right;}
#bulletvideo{}
#bulletvideo:hover{background-image: url(/images/website302/home4hover.gif);background-repeat:no-repeat;background-position: right;}

div.bullet{padding: 10px; padding-left: 30px; }
div.bullet div.icon{float: left; padding: 5px;}
div.bullet div.words p{font-size: 10px; margin: 0px; padding: 0px; margin-bottom: 5px;}

#video{padding: 10px; text-align: center;}

#photosub{float: right; margin: 10px;}
#content{padding: 15px; margin-left: 10px; }
#content h3{line-height: 18px;}

div.report{background-image: url(/images/website302/reportframe.gif); background-repeat: no-repeat; padding: 0px; margin: 0px; float: left; display: block; width: 340px; height: 180px; margin-right: 3px; margin-bottom: 8px;}
div.report:hover{background-image: url(/images/website302/reportframehover.gif); }

div.report2{background-image: url(/images/website302/reportframe2.gif); background-repeat: no-repeat; padding: 0px; margin: 0px; float: left; display: block; width: 680px; height: 180px; margin-right: 3px; margin-bottom: 8px;}
div.report:hover{background-image: url(/images/website302/reportframehover2.gif); }

div.case{background-image: url(/images/website302/caseframe.gif); background-repeat: no-repeat; padding: 0px; margin: 0px; float: left; display: block; width: 340px; height: 100px; margin-right: 3px; margin-bottom: 8px;}
div.case:hover{background-image: url(/images/website302/caseframehover.gif); }

div.textbox{background-image: url(/images/website302/textframe.gif); background-repeat: no-repeat; padding: 0px; margin: 0px; float: left; display: block; width: 340px; height: 100px; margin-right: 3px; margin-bottom: 8px;}
div.textbox:hover{background-image: url(/images/website302/textframehover.gif); }



span.extra{color: #999999;}
span.highlight{font-size: 12px; font-weight: bold; text-transform: uppercase; color: #660000; }




#emailform{width: 100%; text-align: center; margin-top: 40px; }
#emailform table.form{width: 500px; padding: 10px; border: solid 2px #cccccc;}
#emailform table.form td{padding: 5px; font-size: 12px;}
#emailform table.form td.input{text-align: right; background-color: #efefef;}
textarea.comments{width: 480px; height: 180px; font-size: 12px; color: #333333;}
td.input{width: 200px;}
td.field{}
input.input{width: 300px; font-size: 12px; color: #333333;}
td.submit{text-align:center;}
input.submit{width: 250px; height: 30px; background-color: #999999; color: #FFFFFF; text-transform: uppercase; font-weight: bold; font-size: 11px;}

/*IE for hovers*/
.navbutton { 

background-image: url(/images/website302/home4.gif); 
background-repeat: no-repeat; 
background-position: right;

} 
.navbuttonover { 


background-image: url(/images/website302/home4hover.gif); 
background-repeat: no-repeat; 
background-position: right;


} 
.navbuttonsmall { 


background-image: url(/images/website302/home6.gif); 
background-repeat: no-repeat; 
background-position: right;

} 
.navbuttonsmallover { 


background-image: url(/images/website302/home6hover.gif); 
background-repeat: no-repeat; 
background-position: right;


} 

.navbuttonstudy { 

background-image: url(/images/website302/caseframe.gif); 
background-repeat: no-repeat; 
background-position: left top; 
} 
.navbuttonstudyover { 


background-image: url(/images/website302/caseframehover.gif); 
background-repeat: no-repeat; 
background-position: left top; 

} 

.navbuttonreport { 

background-image: url(/images/website302/reportframe2.gif); 
background-repeat: no-repeat; 
background-position: left top; 
} 
.navbuttonreportover { 


background-image: url(/images/website302/reportframe2hover.gif); 
background-repeat: no-repeat; 
background-position: left top; 

} 



.navbuttonplain { 

background-image: url(/images/website302/textframe.gif); 
background-repeat: no-repeat; 
background-position: left top; 
} 
.navbuttonplainover { 


background-image: url(/images/website302/textframehover.gif); 
background-repeat: no-repeat; 
background-position: left top; 

} 




#surveyreporttitle{border-bottom: solid 5px #5d87a1; padding-bottom: 10px;}
#surveyreporttitle h1, 
#surveyreporttitle h2, 
#surveyreporttitle p{padding: 0px; margin: 0px;}
#surveyreporttitle p{color: #5d87a1;}
#surveyreporttitle h2{font-size: 11px;}
#surveyreport{clear: both;}
#surveyreport h4{font-size: 14px; text-transform: uppercase;}
#surveyreport h5{font-size: 12px; text-transform: uppercase; border-bottom: solid 1px #CCCCCC; margin-bottom: 0px;}
#surveyreport p{margin-bottom: 30px;}
#surveyreport div.col1{float: left; width: 47%;  padding-right: 10px;}
#surveyreport div.col2{float: left; width: 47%;  padding-left: 10px;}
#surveyreport img{margin-top: 0px; margin-bottom: 10px;}
p.highlight{color: #5d87a1;}
p.top{text-align: right;}
a.top{font-size: 10px;}
#surveyreport ul{list-style: none; padding-bottom: 20px; padding-top: 0px; margin-top: 0px;}
#surveyreport ul li{padding: 5px;}