﻿
<style type="text/css">

p            { font-family: century gothic; font-size: 10pt;text-align: left; }
table        { font-family: century gothic; font-size: 10pt }
h1           { font-family: century gothic; font-size: 10pt; font-weight: bold }
h2           { font-family: century gothic; font-size: 10pt; font-style: italic; font-weight: bold }
textarea     { font-family: century gothic}
td           { font-family: century gothic; font-size: 10pt ; text-align: left;}
tbody        { font-family: century gothic; font-size: 10pt }
body        { font-family: century gothic; font-size: 10pt;background-color: #EEE3C3;
}


.center{
	text-align: center;
}
.error {
font: 10pt 'century gothic' bold;
color: #ffb301;
font-weight: bold;   
background: url(/images/errorsign.gif) no-repeat;
padding: 0px 0px 0px 28px;
}

.rightimg{
	float: right;
}

.rightpic{	float: right;margin: 10px;}


/* --------------ADMIN----------------------------------------- */
.admin{background-color: #fff; border-collapse:collapse;width: 95%;border-bottom: 3px #990000 solid;border-top: 3px #990000 solid;margin-bottom: 15px;margin: 0 auto;}
.admin td{padding: 5px; vertical-align:top;border: 1px #cedbea solid;}
.admin th{border-bottom: 1px #990000 solid;font: bold 10pt 'century gothic', sans-serif !important;padding: 5px; background-color: #ca0016;height: 30px;text-align: left; vertical-align:middle !important;color: #fff;}
.admin th a{color: #fff!important;}


/* --------------HEADER------------- */
#header{width: 100%; height: 163px;clear: right;margin: 0px;padding: 0px;background: url(/images/extendedheaderbg.gif) repeat-x;}
#header td{	padding: 0px; vertical-align:top;}
#header .logo{width: 488px;}
#header img {	border: 0;}
#header .headerlogin{padding-left: 28px;padding-top: 110px;width: 200px;background: url(/images/loginbg2011.gif) no-repeat top left;margin: 0px; vertical-align:top;}
#header .headerlogin .loginbutton{float: right;margin-right: 30px;}
#header .headerlogin a{color: #fff;font:11px 'century gothic', arial, sans-serif; }
#header .headerlogin p{float: left;width: 100px;margin: 0px;}
#header .headerright{background: url(/images/headerright2011.gif) no-repeat top left;}
#header input[type="text"],#header input[type="password"] {margin-right: 5px;float: left; background-color: #fff; border: 1px #990000 solid;padding: 3px 0px 3px 0px;width: 65px;color: #990000;font:11px 'century gothic', arial, sans-serif;}




/* --------------MEMBER HEADER------------- */
#memberheader{width: 100%; height: 186px;margin: 0px;padding: 0px; border-collapse:collapse;background: url(/images/memberheaderbg.gif) repeat-x top left;}
#memberheader td{	padding: 0px; vertical-align:top;}
#memberheader .logo{background: url(/images/logomemberheader.png) no-repeat top left;width: 344px;}
#memberheader .logo p{color: #fff;font:bold 12pt 'century gothic', arial, sans-serif;margin: 150px 0px 0px 170px}
#memberheader img {	border: 0;}
#memberheader .callout{background: url(/images/calloutmemberHeader.gif) no-repeat top left;width: 194px;}
#memberheader .callout p{color: #fff;font:bold 9pt 'century gothic', arial, sans-serif;text-align: center;margin: 0px;padding-right: 20px;}



#memberheader .tabs{height: 140px;text-align: center;}
#memberheader .tabs p{color: #ca0016;font:bold 12pt 'century gothic', arial, sans-serif;text-align: right;margin: 10px 20px 22px 0px;}




/* --------------MEMBER HEADER------------- */
#memberheadernew{width: 100%; height: 186px;margin: 0px;padding: 0px; border-collapse:collapse;background: url(/images/memberheaderbg.gif) repeat-x top left;}
#memberheadernew td{	padding: 0px; vertical-align:top;}
#memberheadernew .logo{background: url(/images/logomemberheader.png) no-repeat top left;width: 320px;}
#memberheadernew .logo p{color: #fff;font:bold 12pt 'century gothic', arial, sans-serif;margin: 150px 0px 0px 170px}
#memberheadernew img {	border: 0;}

#doublecallout{background: url(/images/calloutmemberHeader2.gif) no-repeat top left;width: 351px;height: 141px; border-collapse:collapse; padding: 0px;}
#doublecallout td{color: #fff;font:bold 9pt 'century gothic', arial, sans-serif;text-align: center; line-height:15px!important}
#doublecallout td a{color: #fff!important;font:bold 9pt 'century gothic', arial, sans-serif!important;}
#doublecallout .greencircle{width: 185px;padding: 105px 0px 0px 15px;}
#doublecallout .bluecircle{width: 145px;padding: 15px 25px 0px 0px;}


#memberheadernew .tabs{height: 140px;text-align: center;}
#memberheadernew .tabs p{color: #ca0016;font:bold 12pt 'century gothic', arial, sans-serif;text-align: right;margin: 10px 20px 22px 0px;}

/* --------------TOPNAV FLOWOUT------------------------------------------------------------- */

.suckertreemenu {height: 37px;z-index: 1500;float: left;}
.suckertreemenu img {border: none;height: 37px;}
.suckertreemenu ul{margin: 0px 0px 0px 50px;padding-left: 0px;list-style-type: none;letter-spacing: 0px;z-index: 1000;text-align: right!important;}

.suckertreemenu ul li{position: relative;display: inline;float: left;z-index: 1500;color: #fff!important;font:bold 12pt 'century gothic', arial, sans-serif;background: url(/images/diverMemberNav.gif) no-repeat top left;}
.suckertreemenu ul li a{display: inline;float: left;color: #fff!important;padding: 7px 10px 7px 10px;text-decoration: none!important;}
.suckertreemenu ul li a:hover{ visibility: visible;background-color: #ab0202;}
.suckertreemenu ul li a:hover img{ visibility: hidden;}

.suckertreemenu ul li ul{left: 0em;position: absolute;display: block;visibility: hidden;width: 200px; background: #ab0202; padding: 8px;margin: 0px!important;}
.suckertreemenu ul li ul li{display: list-item;float: none;display: block;padding-top: 5px;color: #fff; background: none}
.suckertreemenu ul li ul li a {margin: 0px;display: block;
overflow: visible;text-align: left;color: #fff;font: bold 8pt 'century gothic', sans-serif !important;
text-decoration: none;padding: 5px;float: none;border-bottom: 1px #fff solid;}
.suckertreemenu ul li ul li a:hover{text-decoration:underline;background-color: #ca0016;}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ left: 0px;top: 0;}

* html p#iepara{ padding-top: 1em;}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */



/* --------------MEMBER BENEFITS------------- */
.memberbenefits{margin: 0px;padding: 0px; border-collapse:collapse;}
.memberbenefits td{background-color: #f6efdb; padding: 6px; border: 10px #eee3c3 solid;vertical-align:top;}
.benefit{width: 340px;border: none;}
.benefit td{background-color: #f6efdb; border: none;}
.benefit p{color: #543414; }
.benefit .logo{ vertical-align:top; width: 135px; height: 135px; background-color: #fff;border: 3px #543414 dashed;}
.benefit .logo td{ vertical-align:middle;border: none;background-color: #fff;}
.benefit .logo img{}
.benefit .companyinfo{padding: 5px; vertical-align:top;border: 0px;width: 195px;}
.benefit .companyinfo h4{color: #527097 !important; font: bold 12pt 'century gothic',sans-serif;background: none;padding: 0px 0px 5px 0px;margin: 0px;}
.benefit .companyinfo h2{color: #543414!important; font: bold 10pt 'century gothic',sans-serif;background: none;padding: 0px;margin: 0px;}
.benefit .companydesc{width: 340px;padding: 8px 5px 5px 5px; vertical-align:top;border: 0px;background:#f6efdb url(https://www.seekingsitters.com/images/companydescbg.gif) no-repeat top center; font: 8pt 'century gothic',sans-serif; color: #704a24;}


.vmb{border: 0px;margin: 15px 0px 0px 20px}

/* --------------ZIP CODE BOX----------------------------------------- */
#zipcodebox{width: 173px; background: url(/images/zipcodebox.gif) no-repeat; vertical-align:top}
#zipcodebox img{border: 0px;}
#zipcodebox p{margin: 42px 0px 0px 5px;}
#zipcodebox input[type="text"]{margin-right: 8px;float: left; background-color: #fff; border: 1px #990000 solid;padding: 3px 0px 3px 0px;width: 75px;color: #990000;font:11px 'century gothic', arial, sans-serif;}


/* --------------ZIP CODE BOX HORIZ----------------------------------------- */
#zipcodeboxhoriz{width: 449px; background: url(/images/zipcodeholder.gif) no-repeat; vertical-align:top}
#zipcodeboxhoriz img{border: 0px;}
#zipcodeboxhoriz p{margin: 55px 0px 0px 15px;}
#zipcodeboxhoriz input[type="text"]{margin-right: 8px;float: left; background-color: #fff; border: 1px #990000 solid;padding: 3px 0px 3px 0px;width: 75px;color: #990000;font:11px 'century gothic', arial, sans-serif;}

/* --------------CALENDAR----------------------------------------- */

#calendar{ border-collapse:collapse;width: 95%; background-color:#fff; }
#calendar td{ vertical-align:top; border: 2px #f2ead2 solid;background-color: #fff;padding: 2px;}
#calendar th{ border: 0px !important;}
#calendar .calHeader{ color: #fff;border: 2px #ca0016 solid;background: url(/franchisees/images/calheaderbg.gif) repeat-x;font: bold 10pt 'century gothic', sans-serif;height: 22px;padding-top: 10px;}
#calendar a{ color: #482c0f;font:8pt verdana, sans-serif}
#calendar .current{ background-color: #482c0f;color: #fff;font:bold 10pt verdana, sans-serif !important;padding: 0px 2px 0px 2px;}

/* --------------FEATURED BLOGGER----------------------------------------- */
#featuredblogger{background: #527097 url(/images/featuredbloggerTOP.gif) no-repeat top left;width: 173px;min-height: 232px;}
#featuredblogger .bloggerinfo{width: 163px;float: left;color: #cedbea; font: bold 8pt 'century gothic', sans-serif; padding: 50px 5px 5px 5px;}
#featuredblogger .bloggerinfo img{border: 2px white solid; float: left; margin-right: 4px;}
#featuredblogger .bloginfo{width: 163px;float: left;color: #cedbea!important; font: 8pt 'century gothic', sans-serif!important;padding: 5px;}
#featuredblogger .bloginfo h5{color: #fff!important; font: bold 10pt 'century gothic', sans-serif!important;margin: 0px!important; padding: 0px!important;}
#featuredblogger .bloginfo a{color: #fff!important; }



/* --------------MEMBER BENEFITS DETAILS------------- */
#memberbenefitdetails{ background: #ca0016 url(/images/memberbenefits_bg_red.jpg) repeat-y;width: 1100px;min-height: 400px;margin: 0 auto;}
#memberbenefitdetails .content{ background: url(/images/memberbenefits_bg.jpg) no-repeat;width: 1100px;min-height: 297px;padding: 100px 0px 20px 0px;}
#memberbenefitdetails .content h5{color: #c6d9f4!important; font: bold 24pt 'century gothic', sans-serif!important;margin: 0px 0px 20px 320px!important; padding: 0px!important;}
#memberbenefitdetails .content h2{color: #fff!important; font: bold 16pt 'century gothic', sans-serif!important;margin: 0px 0px 20px 320px!important; padding: 0px!important;}
#memberbenefitdetails .content h3{ text-decoration: underline;color: #fff!important; font: bold 14pt 'century gothic', sans-serif!important;margin: 0px 0px 10px 320px!important; padding: 0px!important;}
#memberbenefitdetails .content p{color: #fff!important; font: 11pt 'century gothic', sans-serif!important;margin: 0px 20px 20px 320px!important; padding: 0px!important;}
#memberbenefitdetails .content ul{padding: 5px 20px 20px 350px; list-style-type:disc; }
#memberbenefitdetails .content ul li{padding: 0px 0px 10px 0px;color: #fff;font: 10pt 'century gothic', sans-serif;}
#memberbenefitdetails .content a{color: #fff!important; font: 11pt 'century gothic', sans-serif!important;}
#memberbenefitdetails .content .note{color: #fff!important; font-style:italic!important; font: 8pt 'century gothic', sans-serif!important;margin: 0px 20px 20px 320px!important; padding: 0px!important;}


/* --------------MEMBER BENEFITS HOME------------- */
#memberbenefithome { background: #ca0016 url(/images/memberbenefitshome_bg_red.jpg) repeat-y;width: 331px;min-height: 200px;margin: 0 auto;}
#memberbenefithome .content{ background: url(/images/memberbenefitshome_bg.jpg) no-repeat;width: 331px;min-height: 145px;padding: 50px 0px 10px 0px;}
#memberbenefithome .content h5{color: #c6d9f4!important; font: bold 14pt 'century gothic', sans-serif!important;margin: 0px 0px 5px 150px!important; padding: 0px!important;}
#memberbenefithome .content h2{color: #fff!important; font: bold 11pt 'century gothic', sans-serif!important;margin: 0px 0px 5px 150px!important; padding: 0px!important;}
#memberbenefithome .content p{color: #fff!important; font: 11pt 'century gothic', sans-serif!important;margin: 0px 10px 5px 150px!important; padding: 0px!important;}
#memberbenefithome .content a{color: #fff!important;font: 11pt 'century gothic', sans-serif!important; }
#memberbenefithome .content img{float: left;margin: 110px 0px 0px 20px;border: 0px; }



#faq ol{ font-size: 12pt; font-weight:bold;color: #502f0f; font-family:'century gothic', arial, sans-serif!important; text-align:left;}
#faq ol li{ padding: 5px 0px;font-family:'century gothic', arial, sans-serif!important;}
#faq ol li a{ font-size: 12pt!important; font-weight:bold;color: #502f0f;font-family:'century gothic', arial, sans-serif!important;}
#faq ol li a:hover{ color: #ca0016;}


/* --------------DETAILED APP------------- */
#detailedapp{
	border-collapse: collapse;
	border: 1px solid #704a24;
	background-image: url('/images/retrodotbg.gif');
	padding: 5px;
	float: left;
	font:10px 'century gothic', arial, sans-serif !important; 
	width: 700px;
}
#application{ width: 710px;}

#application td{ vertical-align:top;padding: 3px;}

.topwhite{	background: url('/images/tab_bg.gif') repeat-x top left;}


.reddot {
height: 36px;
margin: 0px;
margin-left: 0px;
margin-right: 0px;
background: url(/images/dotheaderbg.gif) repeat-x;
}

.left {
width: 11px;
margin: 0px;
margin-left: 0px;
margin-right: 0px;
background: url(/images/leftbgwhite.gif) repeat-y;
}

.right {
width: 11px;
margin: 0px;
margin-left: 0px;
margin-right: 0px;
background: url(/images/rightbgwhite.gif) repeat-y;
}


.pinkdot {
height: 36px;
margin: 0px;
margin-left: 0px;
margin-right: 0px;
background: url(/images/dotheaderbgpink.gif) repeat-x;
}


.leftshadow {
width: 9px;
margin: 0px;
margin-left: 0px;
margin-right: 0px;
float: left;
background: url(/images/leftshadowbutter.png) repeat-y;
}

.membermessage {
font: 12pt 'century gothic' bold;
color: #6986be;
font-weight: bold;      
padding: 5px 5px 5px 5px;
}

.membergreeting {
font: 14pt 'century gothic' bold;
color: #ab0202;
font-weight: bold;      
padding: 10px 0px 0px 0px;
}

.content .blueheader {
font: 14pt 'century gothic' bold;
color: #6986be!important;
font-weight: bold;      
padding: 0px 0px 0px 0px;
background: none;
}


.blue8 {
font: 8pt 'century gothic' bold;
color: #6986be;
font-weight: bold;      
}

.blue8nb {
font: 8pt 'century gothic' bold;
color: #6986be;
padding: 5px 5px 5px 5px;
}


.blue10 {
font: bold 10pt 'century gothic';
color: #6986be;
font-weight: bold;      
padding: 0px 0px 0px 0px;
}

.blue10nb {
font: 10pt 'century gothic';
color: #6986be;
padding: 0px 0px 0px 0px;
}


.blue12 {
font: 12pt 'century gothic' bold;
color: #6986be;
font-weight: bold;      
padding: 3px 3px 3px 3px;
}

.blue12bright {
font: 12pt 'century gothic' bold;
color: #3f86e1;
font-weight: bold;      
}

.brown10bold {
font: 10pt 'century gothic' bold;
color: #382b20;
font-weight: bold;      
padding: 0px 0px 0px 0px;
}

.brown8 {
font: 8pt 'century gothic';
color: #382b20;
padding: 0px 0px 0px 0px;
}


.brown14 {
font: 14pt 'century gothic' bold;
color: #382b20;
font-weight: bold;      
padding: 0px 0px 0px 0px;
}

.pink8 {
font: 8pt 'century gothic';
color: #ff5292;
padding: 0px 0px 0px 0px;
font-weight: bold;      

}

.pink14 {
font: 14pt 'century gothic' bold!important;
color: #ff5292;
font-weight: bold;      
padding: 0px 0px 0px 0px;
}

.pink10 {
font: 10pt 'century gothic' bold;
color: #ff5292;
font-weight: bold;      
padding: 0px 0px 0px 0px;
}

.pink12 {
font: 12pt 'century gothic' bold;
color: #ff5292;
font-weight: bold;      
padding: 0px 0px 0px 0px;
}


.red10 {
font: bold 10pt 'century gothic';
color: #ab0202;
padding: 0px 0px 0px 0px;
}

.red12 {
font: bold 12pt 'century gothic';
color: #ab0202;
padding: 0px 0px 0px 0px;
}


.redform {
font: 10pt 'century gothic';
color: #ce2026;
padding: 0px 0px 0px 0px;
}


.red8 {
font: 8pt 'century gothic';
color: #ab0202;
padding: 0px 0px 0px 0px;
}


.red8bold {
font: 8pt 'century gothic';
color: #ab0202;
font-weight: bold;      
padding: 5px 5px 5px 5px;
}


.red12 {
font: 12pt 'century gothic' bold;
color: #ab0202;
font-weight: bold;      
padding: 0px 0px 0px 0px;
}

.red12bright {
font: 12pt 'century gothic' bold;
color: #ce2026;
font-weight: bold;      
padding: 0px 0px 0px 0px;
}

.white12 {
font: 12pt 'century gothic' bold;
color: #ffffff;
font-weight: bold;      
padding: 3px 3px 3px 3px;
}

.white14 {
font: 14pt 'century gothic' bold;
color: #ffffff;
font-weight: bold;      
}

.whitelarge {
font: 18px 'century gothic' bold;
color: #ffffff;
font-weight: bold; 
text-align: center;
}


.headred {
font: 10pt 'century gothic' bold;
color: #ab0202;
font-weight: bold;      
padding: 0px 0px 0px 0px;
}

.tanheader {
font: 12pt 'century gothic' bold;
color: #ab0202;
font-weight: bold;      
padding: 3px 3px 3px 3px;
height: 42px;
background: url(/images/tanheader.gif) repeat-x;
}

.admintable .bluetableheader {
font: 10pt 'century gothic' bold;
color: #ffffff;
font-weight: bold;      
padding: 3px 3px 3px 3px;
background: #6986be;
}



.admintable .tableheader {
font: 11pt 'century gothic' bold;
color: #ab0202;
font-weight: bold;
padding: 0px 0px 0px 10px;      
height: 52px;
background: url(/images/tableheader.gif) repeat-x;
}


.admintable {
border: 1px solid #fff;
width: 95%;
}

#admintable td {
padding: 5px;
border: 1px solid #fff;
}

.pad5 {
width: 95%;
}

#pad5 td {
padding: 5px;
}



.tan {
padding: 3px 3px 3px 3px;
background: #e3d49d;
}







.yellow12 {
font: 12pt 'century gothic' bold;
color: #ffea00;
font-weight: bold;      
background: #705c4b;
}

.green12 {
font: 12pt 'century gothic' bold;
color: #009b54;
font-weight: bold;      
}

.green10 {
font: 10pt 'century gothic' bold;
color: #009b54;
font-weight: bold;      
}

.whitediv {
height: 3px;
background: #fff;
}

.tandiv {
height: 2px;
background: #e3d49d;
}


.memberlocation {
font: 12pt 'century gothic' bold;
color: #fff;
font-weight: bold;      
padding: 0px 0px 0px 0px;
}

.white {
font: 8pt 'century gothic' bold;
color: #fff;
font-weight: bold;      
padding: 0px 0px 0px 0px;
}

.white8index {
font: 8pt 'century gothic';
color: #fff;
padding: 0px 0px 0px 5px;
line-height: 14px

}

.8reg {
font: 8pt 'century gothic';
color: #382b20;
padding: 0px 0px 0px 0px;
}

.content{
	padding: 10px 10px 10px 10px;
	font-family: century gothic;
	font-size: 10pt;
	color: #382b20;
	background: url(/images/tan.gif);

	
}

.whiteborder{
border: 1px white solid;

	
}



#buttonnavbar{
	padding: 0px 10px 10px 10px;
	float: left;
	width: 193px
}

#buttonnavbar img{
	border: 0px;
}


#buttonnavbar .button{
	padding: 0px 0px 15px 0px;
	border: 0px;
}

#buttoninfobox{
float: left;
padding: 25px 0px 15px 0px;
}

#buttoninfoboxtwo{
float: left;
padding: 0px 0px 15px 0px;
}


#buttoninfobox .top, #buttoninfoboxtwo .top{
height: 76px;
}

#buttoninfobox .links, #buttoninfoboxtwo .links{
background: url(/images/fbinfobg.gif) repeat-y;
}

#buttoninfobox .bottom, #buttoninfoboxtwo .bottom{
height: 23px;
}


#buttoninfobox .linkssitter{background: url(/images/sbinfobg.gif) repeat-y;}

#buttoninfobox .topfran{background: url(/images/frbinfotop.gif) no-repeat;height: 76px;}

#buttoninfobox .linksfran{background: url(/images/frbinfobg.gif) repeat-y;}

#buttoninfobox .bottomfran{background: url(/images/frbinfobottom.gif) no-repeat;height: 23px;}

#buttoninfobox .linkscorporate{background: url(/images/cbinfobg.gif) repeat-y;}

#buttoninfobox ul, #buttoninfoboxtwo ul{
margin: 0;
padding: 10px 6px 10px 8px;
}


#buttoninfobox ul li, #buttoninfoboxtwo ul li {
list-style-type: none;
display: block;
padding-top: 8px;
}


#buttoninfobox li a, #buttoninfoboxtwo li a{
color: #fff;
text-decoration: none;
font: bold 10pt "century gothic", Sans-Serif;
padding-top: 15px;
padding-bottom: 15px;
}

#buttoninfobox ul li a:hover, #buttoninfoboxtwo ul li a:hover{ /*hover state CSS*/
color: #fff;
text-decoration: underline;

}

#buttoninfobox  ul li a:visited, #buttoninfoboxtwo ul li a:visited{ /*hover state CSS*/
color: #fff;
}

#dotbox {
	border-collapse: collapse;
	border: 1px solid #704a24;
	background-image: url('images/retrodotbg.gif');
	padding: 20px;
	float: left;
}

#dotbox td{
	padding: 7px;
}

#dotbox td .arrow{
	padding: 0px;
}

#dotbox ul{
padding: 10px;
margin: 0px;
}


#dotbox ul li {
background: url(/images/arrowbluesm.gif) no-repeat;
padding-left: 20px;
list-style-type: none;
display: block;
padding-bottom: 15px;
padding-top: 0px;
color: #382b20;
font: 10pt 'century gothic', Sans-Serif;
}


#dotbox li a{
color: #ab0202;
text-decoration: underline;
font: 10pt 'century gothic', Sans-Serif;
}

#dotbox ul li a:hover{ /*hover state CSS*/
color: #382b20;
}


ul.yellowbullet{
padding: 15px;
}

.yellowbullet li{
background: url(/images/bulletyellow.gif) no-repeat;
padding-left: 20px;
list-style-type: none;
display: block;
padding-bottom: 15px;
padding-top: 0px;
color: #382b20;
font: 10pt 'century gothic', Sans-Serif;
}

.yellowbullet li a{
color: #ab0202;
text-decoration: underline;
}

.yellowbullet li a:hover{ /*hover state CSS*/
color: #94c43d;
}


.bluepageheader {
background: url('images/phdotbgBlue.gif') repeat-x;
clear: right;
font: 14pt 'century gothic' bold;
color: #6986be;
font-weight: bold;  
padding: 20px 0px 20px 0px;

}

#bluepageheader {
background: url('images/phdotbgBlue.gif') repeat-x;
height: 50px;
clear: right;
width: 100%;
}

#bluepageheader img{
border: 0px;
}

#bluepageheader .text{
font: 14pt 'century gothic' bold;
color: #6986be;
font-weight: bold;  
float: left;
padding: 20px 0px 20px 0px;

}

#bluepageheader .img{
float: right;
}

#bluepageheader .imgleft{
float: left;
}



.bluepageheaderimage {
padding: 20px 0px 10px 0px;
clear: right;
background: url('images/phdotbgBluetall.gif') repeat-x;
}


#redpageheader {
background: url('/images/phdotbgred.gif') repeat-x;
height: 50px;
clear: right;
width: 100%;
font: 14pt 'century gothic' bold;
color: #ca0016;
font-weight: bold;  
float: left;
padding: 20px 0px 20px 0px;

}


.pinkpageheader {
font: 14pt 'century gothic' bold;
color: #ff5292;
font-weight: bold;      
padding: 20px 0px 20px 0px;
text-transform:uppercase;
clear: right;
background: url('images/phdotbgpink.gif') repeat-x;
}

.yellowpageheader {
clear: right;
background: url('images/phdotbgyellow.gif') repeat-x;
height: 50px;
float: left;
margin: 0px 20px 20px 5px;
width: 710px;
}

.yellowpageheader p{
font: 14pt 'century gothic' bold;
color: #f3b835;
font-weight: bold;      
padding: 0px 0px 20px 0px;
text-transform:uppercase;
float: left;
margin-top: 20px;
}

.yellowpageheader img{
float: right;
border: 0px;
}

.floatleft{
float: left;
width: 150px;
}




.texttable {
	border-collapse: collapse;
	padding: 20px;
	width: 730px;
	float: left;
}


#photogallery {
	border-collapse: collapse;
	padding: 0px;
	font: 10pt 'century gothic' bold;
	color: #382b20;
	font-weight: bold;      
width: 700px;
	text-align: center;

}

#photogallery td{
	padding: 5px;
	width: 230px;
	
}

#photogallery img{
	border: 2px #fff solid;
	}

#socialroom{
	height: 266px;
}

#newsletterbox {
	background: #cedbea url('/images/retroheadnewsletter.gif') no-repeat;
	width: 270px;
	height: 266px;
	color: #704a24;
	font: bold 12pt 'century gothic';
	text-align: center;
}

#socialroom p{
padding: 90px 10px 0px 10px
}

#socialroom img{
border: 0px;
}


#blogbox {
	background: #cedbea url('/images/retroheadblog.gif') no-repeat;
	width: 270px;
	height: 266px;
	color: #704a24;
	font: bold 12pt 'century gothic';
	text-align: center;
}


#twitterbox {
	background: #cedbea url('/images/retroheadtwitter.gif') no-repeat;
	width: 270px;
	height: 266px;
}

#twitterbox p{
	color: #704a24;
	font: bold 12pt 'century gothic';
	text-align: center;
}



#twitterbox ul{
padding: 0px 0px 0px 10px;
margin: 0px;
}


#twitterbox ul li {
background: url(/images/arrowsmyellow.gif) no-repeat;
padding-left: 10px;
list-style-type: none;
display: block;
padding-bottom: 10px;
padding-top: 0px;
color: #ce8e00;
font: bold 10pt 'century gothic', Sans-Serif;
}


#twitterbox li a{
color: #ce8e00;
text-decoration: underline;
font: bold 10pt 'century gothic', Sans-Serif;
}

#twitterbox ul li a:hover{ /*hover state CSS*/
color: #ce8e00;
}


.retrobottom{
	background-image: url('/images/retrobottom.gif');
	width: 270px;
	height: 20px;
}


#newsletternav {
	background: url('/images/newsletternavbg.gif') repeat-y;
	height: auto;
	height: 100%;
	width: 200px;
	padding: 0px;
}

#newsletternav p{
	padding: 0px 0px 0px 10px;
	color: #fff;
	font: bold 10pt'century gothic', Sans-Serif;
}


#newsletternavcontent {
	padding: 10px;
	color: #fff;
	font: bold 10pt 'century gothic', Sans-Serif;
	width: 195px;
	float: left;

}

#newsletternav .month{
	color: #fff;
	font: bold 20pt 'century gothic', Sans-Serif;
	text-transform:uppercase;

}

#newsletternav img{
text-align: center;
border: 0px;
}

#newsletternav ul{
padding: 15px 0px 0px 10px;
margin: 0px;
}


#newsletternav ul li {
background: url(/images/arrowsmwhite.gif) no-repeat;
padding-left: 10px;
list-style-type: none;
display: block;
padding-bottom: 10px;
padding-top: 0px;
color: #fff;
font: bold 12pt 'century gothic', Sans-Serif;
}


#newsletternav li a{
color: #fff;
text-decoration: underline;
font: bold 12pt 'century gothic', Sans-Serif;
}

#newsletternav ul li a:hover{ /*hover state CSS*/
color: #fff;
}

#monthlyspecial {
	background-color: #fbca5d;
	width: 215px;
	text-align: center;
	margin: 0px; padding: 0px 0px 20px 0px;
	border-collapse:collapse;
}
#monthlyspecial td{
	margin: 0px; padding: 0px;
}


#newsletter {
	width: 697px;
	color: #5a3915;
	font: 10pt 'century gothic', Sans-Serif;
	margin-top: 20px;
	padding: 0px; border-collapse:collapse;

}

#newsletter .section{
background: url(/images/newslettersectionbg.gif) repeat-y;
}

#newsletter .sectionblue{
background: url(/images/newletterbluebg.gif) repeat-y;
}



#newsletterred{
background-color: #fff;
padding: 10px;
}

#newsletterred a{
color: #ca0016;
text-decoration: underline;
}

#newsletterred img{
	border: 2px #ca0016 solid;
}

#newsletterpink{
background-color: #fff;
padding: 10px;
}

#newsletterpink a{
color: #ef5491;
text-decoration: underline;
}

#newsletterpink img{
	border: 2px #ef5491 solid;
}


#newsletteryellow{
background-color: #fff;
padding: 10px;
}

#newsletteryellow a{
color: #e2a723;
text-decoration: underline;
}

#newsletteryellow img{
	border: 2px #e2a723 solid;
}


#newsletterblue{
padding: 10px;
color: #fff;

}

#newsletterblue a{
color: #fff;
text-decoration: underline;
}

#newsletterblue img{
	border: 2px #fff solid;
}


#newsletterblue2{
padding: 10px;
color: #fff;

}

#newsletterblue2 a{
color: #fff;
text-decoration: underline;
}

#newsletterblue2 img{
	border: 2px #fff solid;
}

#newsletterred ul{
padding: 15px 0px 0px 10px;
margin: 0px;
}


#newsletterred ul li {
background: url(/images/arrowsmred.gif) no-repeat;
padding-left: 10px;
list-style-type: none;
display: block;
padding-bottom: 10px;
padding-top: 0px;
color: #ca0016;
font: bold 12pt 'century gothic', Sans-Serif;
}


#newsletterred li a{
color: #ca0016;
text-decoration: underline;
font: bold 12pt 'century gothic', Sans-Serif;
}

#newsletterred ul li a:hover{ /*hover state CSS*/
color: #ca0016;
}


#headerlinks {
text-align: right;
padding-top: 5px;
height: 50px;
}

#headerlinks a{
font: 11pt 'century gothic' bold;
color: #ff5292;
font-weight: bold;     
text-decoration: none; 
}

.hometext {
padding: 5px;
font: bold 10pt 'century gothic' bold;
color: #382b20;
}


#dottable{
padding: 0px;
float: left;
margin-left: 10px;}

#dottable td{
padding: 0px;
}


#dottable .whitecell {
	background-color: #FFFFFF;
}

#dottable .whitecellborder {
	background-color: #FFFFFF;
	border-right: 1px #704a24 solid;
	width: 60%;
}

#dottable .dottop {
	background-image: url('images/dotboxbrownTBG.gif');
}
#dottable .dotleft {
	background-image: url('images/dotboxbrownLBG.gif');
}
#dottable .dotbottom {
	background-image: url('images/dotboxbrownBBG.gif');
}
#dottable .dotright {
	background-image: url('images/dotboxbrownRBG.gif');
}

#logocell{
	background-color: #FFFFFF;
	border-top: 1px #6986be solid;
	border-bottom: 1px #6986be solid;
	width: 100%;
	text-align: center;
}



#slideshowtop{
	background-image: url('/images/localownerheader.png');
	width: 350px;
	height: 95px;
	position: relative;
		z-index: 50;


}
#slideshow{
	background: url('/images/slideshowbg.gif') no-repeat;
	width: 350px;
	height: 220px;
	margin-top: -18px;
	padding: 0px;
}

.borderpic {
	border: 4px #f6cd72 solid;
	margin: 0px 15px 15px 15px;

}



/* --------------FOOTER------------- */

#footer {
height: auto;
width: 100%;

}

#footer p{ 
margin-top: 20px;
font: 10pt 'century gothic',sans-serif;
color: #fff;
}




/* --------------FOOTER LINKS------------- */

#footer ul { padding: 0px;}
#footer .links ul { margin: 0px; padding: 0px;}

#footer .links li {
display: inline;
list-style-type: none;
}

#footer .links li a {
color: #fff;
text-decoration: none;
border-right: 1px solid;
padding: 0px 7px 0px 7px;
font: 9pt 'century gothic',sans-serif;
}

#footer .links li a:hover { text-decoration: underline; }


/* --------ASC LINKS--------- */

#footer .asc ul { margin: 0px; padding: 0px;}
#footer .asc li { display: block; list-style-type: none;}

#footer .asc li a {
color: #fff;
text-decoration: underline;
font: 8pt 'century gothic',sans-serif;
}

#footer .asc {
color: #fff;
font: 8pt 'century gothic',sans-serif;
width: 25%;
background-color: #990000;
text-align: left;
padding-left: 10px;
}


#footer .seo {
color: #fff;
text-decoration: none;
font: 8pt 'century gothic',sans-serif;
background-color: #990000;
width: 75%;
padding: 10px;
}

#footer .seo a{
color: #fff;
text-decoration: none;
font: 8pt 'century gothic',sans-serif;
}


/* --------SLIDER--------- */

#slider {
    width: 324px; /* important to be same as image width */
    height: 250px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	z-index: 5;
}
#sliderContent {
    width: 300px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
	height: 260px;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
	margin: -3px 0px 0px -16px;
}
.sliderImage span {
    position: absolute;
	font: bold 11pt arial, sans-serif;
    padding: 5px 0px 5px 5px;
    width: 300px;
    background-color: #ca0016;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.9;
    color: #fff;
    display: none;
    text-align: center;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0px;
    left: 0;
}
ul { list-style-type: none;}


/* --------BENEFITS TABLE--------- */

#benefits {
padding: 5px;
background-color: #fff;
width: 95%;
border: 1px #714b25 solid;
border-collapse:collapse;

}

#benefits td{
padding: 5px;
border: 1px #714b25 solid;
border-collapse:collapse;
}


#benefits .headercell{
padding: 5px;
background-color: #714b25;
font: bold 12pt 'century gothic', sans-serif;
color: #fff;
}

#benefits .sscell{
background-color: #ca0016;
font: bold 10pt 'century gothic', sans-serif;
color: #fff;
text-align: center;
}

#benefits .othercell{
font: bold 10pt 'century gothic', sans-serif;
color: #714b25 ;
text-align: center;
}


/* -------------TABS------------- */


#tabs{
background: url('/images/tab_bg.gif') repeat-x;
width: 100%;
height: 71px;
float: right;
}

#tabs td{padding: 0px;width: 1%;}

#tabs th{padding: 0px;width: 95%;}

#tabs img{border: 0px;}





/* -------------AWSOnlineMap------------- */

.awsonlinemap {
background-color: #fff;
width: 290px;
height: auto;
height: 100%;
}

.awsonlinemap td {
padding: 0px;
font: 11px 'century gothic', sans-serif; 
color: #704a24;
vertical-align:top;
}

.awsonlinemap th {
padding: 4px;
color: #704a24;
background-color: #cedbea;
font: bold 11px 'century gothic', sans-serif; 
}

.awsonlinemap a{
color: #704a24;
font: bold 11px 'century gothic', sans-serif; 
text-decoration: underline;
}


#awsonlinemapholder{
width: 330px;
background: #fff;
height: auto;
height: 100%;
border-bottom: 4px #704a224 solid;
margin-bottom: 20px;
}

#awsonlinemapholder th{
background: url(/images/nowservicing.gif) no-repeat;
height: 79px;
}

#awsonlinemapholder td{
vertical-align:top;
}

.starttext {
font:  bold 12pt 'century gothic' bold;
color: #704a24;
padding: 15px; text-align: center;
}

#loginhome{
background: url(/images/loginhomeboxbg.gif) no-repeat top center;
width: 220px;
height: 100px;
}

#loginhome p{
padding: 0px 0px 0px 10px;
}



#loginhome td{
text-align: left;
padding: 0px;
}

#loginhome .loginboxlinks{
margin-left: 10px;
}


#loginhome a{
background: url(/images/pinkarrowtiny.gif) no-repeat top left;
padding-left: 9px;
padding-right: 5px;
color: #ff4c8f;
font: 10px 'century gothic', sans-serif; 

}

#loginhomecontent td{
padding: 2px;
text-align: left;
}

#loginhomecontent{
float: left;
width: 200px;
margin-top: 20px;
margin-left: 10px;
}




.smallFont {font-family: century gothic; font-size: 8pt }
.largeFont {font-family: century gothic; font-size: 8pt }
.white8 {font-family: century gothic; font-size: 8pt; color: #ffffff; }

a:link     	 { font-family: century gothic; text-decoration: underline; color: #990000; font-size: 10pt }
a:visited  	 { font-family: century gothic; text-decoration: underline; color: #990000; font-size: 10pt }
a:hover    	 { font-family: century gothic; text-decoration: underline; color: #990000; font-size: 10pt }

a.menu2:link {  font-family: century gothic; text-decoration: underline; color: #223820; font-size: 10pt;}
a.menu2:visited  { font-family: century gothic; text-decoration: underline; color: #223820; font-size: 10pt; }
a.menu2:hover { font-family: century gothic; text-decoration: underline; color: #223820; font-size: 10pt;}

a.login:link {  font-family: century gothic; text-decoration: underline; color: #eee3c3; font-size: 8pt;  font-weight: bold}
a.login:visited  { font-family: century gothic; text-decoration: underline; color: #eee3c3; font-size: 8pt;  font-weight: bold}
a.login:hover { font-family: century gothic; text-decoration: underline; color: #eee3c3; font-size: 8pt; font-weight: bold}

a.menu3:link {  font-family: century gothic; text-decoration: none; color: #ffffff; font-size: 10pt;}
a.menu3:visited  { font-family: century gothic; text-decoration: none; color: #ffffff; font-size: 10pt; }
a.menu3:hover { font-family: century gothic; text-decoration: none; color: #ffffff; font-size: 10pt;}

a.menu4:link {  font-family: century gothic; text-decoration: none; color: #ffffff; font-size: 8pt;}
a.menu4:visited  { font-family: century gothic; text-decoration: none; color: #ffffff; font-size: 8pt; }
a.menu4:hover { font-family: century gothic; text-decoration: underline; color: #ffffff; font-size: 8pt;}

a.white:link {  font-family: century gothic; text-decoration: none; color: #ffffff; font-size: 8pt; font-weight: bold}
a.white:visited  { font-family: century gothic; text-decoration: none; color: #ffffff; font-size: 8pt; font-weight: bold }
a.white:hover { font-family: century gothic; text-decoration: underline; color: #ffffff; font-size: 8pt; font-weight: bold}

a.bluedenim:link {  font-family: century gothic; text-decoration: underline; color: #6986be; font-size: 10pt; font-weight: bold}
a.bluedenim:visited  { font-family: century gothic; text-decoration: underline; color: #6986be; font-size: 10pt; font-weight: bold }
a.bluedenim:hover { font-family: century gothic; text-decoration: underline; color: #6986be; font-size: 10pt; font-weight: bold}

a.blue8:link {  font-family: century gothic; text-decoration: underline; color: #6986be; font-size: 8pt;}
a.blue8:visited  { font-family: century gothic; text-decoration: underline; color: #6986be; font-size: 8pt;}
a.blue8:hover { font-family: century gothic; text-decoration: underline; color: #6986be; font-size: 8pt; }


a.headred:link {  font-family: century gothic; text-decoration: none; color: #ab0202; font-size: 10pt; font-weight: bold}
a.headred:visited  { font-family: century gothic; text-decoration: none; color: #ab0202; font-size: 10pt; font-weight: bold }
a.headred:hover { font-family: century gothic; text-decoration: underline; color: #ab0202; font-size: 10pt; font-weight: bold}

a.pink10:link {  font-family: century gothic; text-decoration: underline; color: #ff5292; font-size: 10pt; font-weight: bold}
a.pink10:visited  { font-family: century gothic; text-decoration: underline; color: #ff5292; font-size: 10pt; font-weight: bold }
a.pink10:hover { font-family: century gothic; text-decoration: underline; color: #ff5292; font-size: 10pt; font-weight: bold}


a.brightred10:link {  font-family: century gothic; text-decoration: underline; color: #ca0016; font-size: 10pt; font-weight: bold}
a.brightred10:visited  { font-family: century gothic; text-decoration: underline; color: #ca0016; font-size: 10pt; font-weight: bold }
a.brightred10:hover { font-family: century gothic; text-decoration: underline; color: #ca0016; font-size: 10pt; font-weight: bold}


a.green10:link {  font-family: century gothic; text-decoration: underline; color: #67942a!important; font-size: 10pt; font-weight: bold}
a.green10:visited  { font-family: century gothic; text-decoration: underline; color: #67942a!important; font-size: 10pt; font-weight: bold }
a.green10:hover { font-family: century gothic; text-decoration: underline; color: #67942a!important; font-size: 10pt; font-weight: bold}

a.bread:link {  font-family: century gothic; text-decoration: none; color: #382b20; font-size: 12pt; font-weight: bold}
a.bread:visited  { font-family: century gothic; text-decoration: none; color: #382b20; font-size: 12pt; font-weight: bold }
a.bread:hover { font-family: century gothic; text-decoration: underline; color: #382b20; font-size: 12pt; font-weight: bold}


a.brown:link {  font-family: century gothic; text-decoration: underline; color: #382b20; font-size: 8pt;}
a.brown:visited  { font-family: century gothic; text-decoration: underline; color: #382b20; font-size: 8pt;}
a.brown:hover { font-family: century gothic; text-decoration: underline; color: #382b20; font-size: 8pt;}


a.brownhover:link {  font-family: century gothic; text-decoration: underline; color: #382b20; font-size: 8pt;}
a.brownhover:visited  { font-family: century gothic; text-decoration: underline; color: #382b20; font-size: 8pt;}
a.brownhover:hover {border:0; position:relative; z-index:500; font-family: century gothic; text-decoration: none; color: #009b54; font-size: 8pt;}
a.brownhover:hover b {display:block; position:absolute; top:-25px; left:15px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;}
a.brownhover:hover b em {position:absolute; left:4px; top:-3px; width:11px; height:6px; background:#fff url(/images/toolarrow.gif) 0 0; display:block; font-size:1px;}
a.brownhover b {display:none;}



a.subnav:link {  font-family: century gothic; text-decoration: underline; color: #6986be; font-size: 10pt; font-weight: bold}
a.subnav:visited  { font-family: century gothic; text-decoration: underline; color: #6986be; font-size: 10pt; font-weight: bold}
a.subnav:hover { font-family: century gothic; text-decoration: underline; color: #ab0202; font-size: 10pt; font-weight: bold}


a.menu5:link {  font-family: century gothic; text-decoration: none; color: #ffffff; font-size: 8pt;}
a.menu5:visited  { font-family: century gothic; text-decoration: none; color: #ffffff; font-size: 8pt; }
a.menu5:hover { font-family: century gothic; text-decoration: underline; color: #ffffff; font-size: 8pt;}

a.menu6:link {  font-family: century gothic; text-decoration: none; color: #ffffff; font-size: 10pt;}
a.menu6:visited  { font-family: century gothic; text-decoration: none; color: #ffffff; font-size: 10pt; }
a.menu6:hover { font-family: century gothic; text-decoration: underline; color: #ffffff; font-size: 10pt;}

a.green:link {  font-family: century gothic; text-decoration: none; color: #67942a!important; font-size: 8pt;}
a.green:visited  { font-family: century gothic; text-decoration: none; color: #67942a!important; font-size: 8pt; }
a.green {color:#c00;}
a.green b {display:none;}
a.green:hover {border:0; position:relative; z-index:500; font-family: century gothic; text-decoration: none; color: #67942a!important; font-size: 8pt;}
a.green:hover b {display:block; position:absolute; top:30px; left:0px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;}
a.green:hover b em {position:absolute; left:4px; top:-6px; width:11px; height:6px; background:#fff url(/images/toolarrow.gif) 0 0; display:block; font-size:1px;}

a.tabsmall:link {  font-family: century gothic; text-decoration: none; color: #ffffff; font-size: 10pt; font-weight: bold }
a.tabsmall:visited  { font-family: century gothic; text-decoration: none; color: #ffffff; font-size: 10pt; font-weight: bold  }
a.tabsmall:hover { font-family: century gothic; text-decoration: underline; color: #ffffff; font-size: 10pt; font-weight: bold }

a.tabbig:link {  font-family: century gothic; text-decoration: none; color: #ffffff; font-size: 10pt; font-weight: bold }
a.tabbig:visited  { font-family: century gothic; text-decoration: none; color: #ffffff; font-size: 10pt; font-weight: bold  }
a.tabbig:hover { font-family: century gothic; text-decoration: underline; color: #ffffff; font-size: 10pt; font-weight: bold }

a.red:link {  font-family: century gothic; text-decoration: none; color: #ca0016!important; font-size: 8pt;}
a.red:visited  { font-family: century gothic; text-decoration: none; color: #ca0016!important; font-size: 8pt; }
a.red b {display:none;}
a.red:hover {border:0; position:relative; z-index:500; font-family: century gothic; text-decoration: none; color: #ca0016!important; font-size: 8pt;}
a.red:hover b {display:block; position:absolute; top:30px; left:0px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;}
a.red:hover b em {position:absolute; left:4px; top:-6px; width:11px; height:6px; background:#fff url(/images/toolarrow.gif) 0 0; display:block; font-size:1px;}


a.red12:link {  font-family: century gothic; text-decoration: underline; color: #ca0016!important; font-size: 12pt;}
a.red12:visited  { font-family: century gothic; text-decoration: underline; color: #ca0016!important; font-size: 12pt; }
a.red12:hover {border:0; position:relative; z-index:500; font-family: century gothic; text-decoration: underline; color: #ca0016!important; font-size: 12pt;}

a.hotpink:link {  font-family: century gothic; text-decoration: none; color: #FF00FF; font-size: 8pt;}
a.hotpink:visited  { font-family: century gothic; text-decoration: none; color: #FF00FF; font-size: 8pt; }
a.hotpink b {display:none;}
a.hotpink:hover {border:0; position:relative; z-index:500; font-family: century gothic; text-decoration: none; color: #FF00FF; font-size: 8pt;}
a.hotpink:hover b {display:block; position:absolute; top:30px; left:0px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;}
a.hotpink:hover b em {position:absolute; left:4px; top:-6px; width:11px; height:6px; background:#fff url(/images/toolarrow.gif) 0 0; display:block; font-size:1px;}

a.blue:link {  font-family: century gothic; text-decoration: none; color: #385984!important; font-size: 8pt;}
a.blue:visited  { font-family: century gothic; text-decoration: none; color: #385984!important; font-size: 8pt; }
a.blue b {display:none;}
a.blue:hover {border:0; position:relative; z-index:500; font-family: century gothic; text-decoration: none; color: #385984!important; font-size: 8pt;}
a.blue:hover b {display:block; position:absolute; top:30px; left:0px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;}
a.blue:hover b em {position:absolute; left:4px; top:-6px; width:11px; height:6px; background:#fff url(/images/toolarrow.gif) 0 0; display:block; font-size:1px;}


.yellow {  font-family: verdana; text-decoration: none; color: #dc9701!important;}
a.yellow:link {  font-family: century gothic; text-decoration: none; color: #dc9701!important; font-size: 8pt;}
a.yellow:visited  { font-family: century gothic; text-decoration: none; color: #dc9701!important; font-size: 8pt; }
a.yellow b {display:none;}
a.yellow:hover {border:0; position:relative; z-index:500; font-family: century gothic; text-decoration: none; color: #dc9701!important; font-size: 8pt;}
a.yellow:hover b {display:block; position:absolute; top:30px; left:0px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;}
a.yellow:hover b em {position:absolute; left:4px; top:-6px; width:11px; height:6px; background:#fff url(/images/toolarrow.gif) 0 0; display:block; font-size:1px;}

a.black:link {  font-family: century gothic; text-decoration: none; color: #000000; font-size: 8pt;}
a.black:visited  { font-family: century gothic; text-decoration: none; color: #000000; font-size: 8pt; }
a.black:hover { font-family: century gothic; text-decoration: underline; color: #000000; font-size: 8pt;}

a.purple:link {  font-family: century gothic; text-decoration: underline; color: #800080; font-size: 8pt;}
a.purple:visited  { font-family: century gothic; text-decoration: underline; color: #800080; font-size: 8pt; }
a.purple{display:none;}
a.purple:hover {border:0; position:relative; z-index:500; font-family: century gothic; text-decoration: none; color: #009933; font-size: 8pt;}
a.purple:hover b {display:block; position:absolute; top:30px; left:0px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;}
a.purple:hover b em {position:absolute; left:4px; top:-6px; width:11px; height:6px; background:#fff url(/images/toolarrow.gif) 0 0; display:block; font-size:1px;}

a.darkblue:link {  font-family: century gothic; text-decoration: underline; color: #000080; font-size: 8pt;}
a.darkblue:visited  { font-family: century gothic; text-decoration: underline; color: #000080; font-size: 8pt; }
a.darkblue b {display:none;}
a.darkblue:hover {border:0; position:relative; z-index:500; font-family: century gothic; text-decoration: none; color: #000080; font-size: 8pt;}
a.darkblue:hover b {display:block; position:absolute; top:30px; left:0px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;}
a.darkblue:hover b em {position:absolute; left:4px; top:-6px; width:11px; height:6px; background:#fff url(/images/toolarrow.gif) 0 0; display:block; font-size:1px;}

a.green:link {  font-family: century gothic; text-decoration: none; color: #67942a!important; font-size: 8pt;}
a.green:visited  { font-family: century gothic; text-decoration: none; color: #67942a!important; font-size: 8pt; }
a.green {color:#c00;}
a.green b {display:none;}
a.green:hover {border:0; position:relative; z-index:500; font-family: century gothic; text-decoration: none; color: #67942a!important; font-size: 8pt;}
a.green:hover b {display:block; position:absolute; top:30px; left:0px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;}
a.green:hover b em {position:absolute; left:4px; top:-6px; width:11px; height:6px; background:#fff url(/images/toolarrow.gif) 0 0; display:block; font-size:1px;}

/* --------------GENERAL----------------------------------------- */
.general{background-color: #fff; border-collapse:collapse;width: 95%;border-bottom: 3px #385984 solid;border-top: 3px #385984 solid;margin-bottom: 15px;margin: 0 auto;}
.general td{padding: 5px; vertical-align:top;border: 1px #cedbea solid;}
.general th{border-bottom: 1px #325076 solid;font: bold 10pt 'century gothic', sans-serif !important;padding: 5px; background: #506f97 url(/franchisees/images/headerrowbg.gif) repeat-x;height: 30px;text-align: left; vertical-align:middle !important;color: #fff;}
.general th a{color: #fff!important;}
.general tr:hover{ background-color:#dbe3eb;}
.blueheader{background-color: #385984;font: bold 14pt 'century gothic', sans-serif !important;color: #fff;padding: 10px 5px 20px 5px!important;}

.fixedwidth{width: 1200px!important; margin-left: 20px;}

/* --------------CHAT----------------------------------------- */
#chat{margin-top: 20px;float: left; width: 154px; height: 107px;background: url(/images/chatbg.jpg) no-repeat top left;padding: 140px 0px 0px 180px;}
#bgscreening{margin: 20px 20px 0px 0px;float: right; width: 334px; height: 247px;}


</style>
