*
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
color: #005AB0; 
font-family: Arial, "Lucida Sans", Tahoma, Verdana, sans-serif;
background:#EFEFEF url(/i/page-container-y.png) repeat-y;
/*** text-align: center;  Centers the design in old IE versions ***/
}
body {
font-size: 100%;
}
p {padding: 7px 0 7px 0;font-size:14px;line-height:18px;}

a {
color: #000099;
}
a:hover{
color: #0000FF;
text-decoration: none;
}
a:active
{
  outline: none;
}
:focus
{
  -moz-outline-style: none;
}

h1, h2, h3, h4, h5 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h1 a, #header h2{
color: #fff;
}
.clear {clear: both}
.bg {width:760px;margin:10px auto;background:url(/i/page-container-y-760.png) repeat-y;}
#bg-top {margin:0;padding:0;background:url(/i/page-container-top.png) no-repeat;height:32px}
.bg-bottom {width:760px;margin:0px auto;padding:0;background:#f1f1f1 url(/i/page-container-bottom-760.png) no-repeat;height:18px}
#mainContainer {
width: 752px;
margin: 0px 0 0 19px; /*** Centers the design ***/
padding:0;
min-height: 300px;
text-align: justify; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #mainContainer {
height: 500px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HOME HEADER
**************************/
#header-home {
height:375px;
}
#header-home h1 {visibility:visible;float:left;margin:5px 0 5px 15px;padding:0;background:url(/i/fundaygo-logo.png) no-repeat;width:256px;height:70px;}
/*#header-home h1 a {display:none;}*/
#header-home h1 a img {width:256px;height:70px;}
#header-home h2 {visibility:visible;float:left;margin:30px 0 5px 106px;padding:0;background:url(/i/what-is-it.png) no-repeat;width:357px;height:19px;}
#header-home h2 a {display:none;}

#banner-home {margin:0 auto;width:742px;height:312px;}
/**************************
HEADER
**************************/
#header {
height:195px
}

#header h1 {visibility:visible;float:left;margin:5px 0 5px 15px;padding:0;background:url(/i/fundaygo-logo.png) no-repeat;width:256px;height:70px;}
/*#header h1 a {display:none;}*/
#header h1 a img {width:256px;height:70px;}
#header h2 {visibility:visible;float:left;margin:30px 0 5px 106px;padding:0;background:url(/i/what-is-it.png) no-repeat;width:357px;height:19px;}
#header h2 a {display:none;}

#banner {margin:0 auto;width:742px;height:126px;}

#header-editor {
height:70px
}

#header-editor h1 {visibility:visible;float:left;margin:5px 0 5px 15px;padding:0;background:url(/i/fundaygo-logo.png) no-repeat;width:256px;height:70px;}
/*#header-editor h1 a {display:none;}*/
#header-editor h1 a img {width:256px;height:70px;}
#header-editor h2 {visibility:visible;float:left;margin:30px 0 5px 106px;padding:0;background:url(/i/what-is-it.png) no-repeat;width:357px;height:19px;}
#header-editor h2 a {display:none;}
/**************************
HOME CONTENT AND COLUMNS
**************************/
#content-home {
float: right;
width: 752px;
}
* html #content-home {
position: relative; /*** IE needs this  ***/
}
.contentWrap-home {
padding:0 0 0 0px;
}
.contentWrap-home ol, .contentWrap-home ul {
width:742px;
margin: 0 auto;
}
.contentWrap-home li {
list-style:none;
}
#blocks  {margin:0 0 0 -2px;padding:0;width:750px;height:154px;}
#blocks li {
	float:left;
	text-align:center;
	padding-left:7px;
}
#blocks li img {width:180px;}
#blocks li h3 {
	display:none;	
}
#blocks li.last {padding-right:0px}
/* end home content */
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
margin-top: 50px; /*** Make some space for our top menu ***/
padding-left: 200px; 
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 552px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}
* html .inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
width: 752px;
margin-left: -200px; /*** Same length as .outer padding-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
width: 552px;
background: #fff;
}
#content-fullpage {
float: right;
width: 752px;
background: #fff;
}
* html #content {
position: relative; /*** IE needs this  ***/
}
* html #content-fullpage {
position: relative; /*** IE needs this  ***/
}
.contentWrap {
padding: 5px 10px 5px 0px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap ul li {
padding:0 0 2px 15px;
list-style-image:url(/i/ul.gif);
}
.contentWrap ol li {
padding:0;
}
.contentWrap-fullpage {
padding: 5px 10px 5px 10px;
}
.contentWrap-fullpage ol, .contentWrap-fullpage ul {
margin: 3px 0 5px 35px;
}
.contentWrap-fullpage ul li {
padding:0 0 2px 15px;
list-style-image:url(/i/ul.gif);
}
.contentWrap-fullpage ol li {
padding:0;
}

/* Special: Text Handling */
#content ul.left {float:left;width:175px;margin:0px;padding:15px 0px;border:0px none;list-style-position:inside;list-style-type:square;position:relative;left:20px;}
#content ul.right {float:left;width:175px;margin:0px;padding:15px 0px;border:0px none;list-style-position:inside;list-style-type:square;}

#content li {
font: 500 12px/17px arial, "lucida sans", verdana, sans-serif;
	color:#004EA7;
	padding:0 0 10px 0;
	margin:0;
}

#content p{
	font: normal 12px/17px arial, "lucida sans", verdana, sans-serif;
	color:#004EA7;
	padding:0 0 10px 0;
	margin:0;
}

#content h1 {
	font: bold 22px "lucida sans", verdana, sans-serif;
	line-height: 24px;
	color: #FF9E00;
  	padding-bottom:5px;
	padding-left:5px;
	margin: 0;
	font-weight:bold;
	text-align:left;
	letter-spacing:-2px;
}

#content h2 {
	font: normal 19px arial, "lucida sans", verdana, sans-serif;
	line-height: 21px;
	color: #f90;
	padding: 0px 0 0px 0;
	margin: 0px 0 0px 0;
	font-weight:bold;
	text-align:left;
}

#content h3 {
	font: normal 17px arial, "lucida sans", verdana, sans-serif;
	line-height: 19px;
	color: #f90;
	padding: 0px 0 0px 0;
	margin: 0px 0 0px 0;
	text-align:left;
}

#content h4 {
	font: normal 15px arial, "lucida sans", verdana, sans-serif;
	line-height: 17px;
	color: #f90;
	padding: 0px 0 0px 0;
	margin: 0px 0 0px 0;
	text-align:left;
}
#content h4 a {text-decoration:none;}
#content h4 strong {font-size:18px;}
#content em {
	font: normal 17px arial, "lucida sans", verdana, sans-serif;
	line-height: 19px;
	font-style: italic;
	color: #f90;
	padding: 0px 0 0px 0;
	margin: 0px 0 5px 0;
}
#content .red {color:#cc0000;}
#content .purple {color:#5D1276;}

/* Special: Text Handling for Full Page */
#content-fullpage ul.left {float:left;width:175px;margin:0px;padding:15px 0px;border:0px none;list-style-position:inside;list-style-type:square;position:relative;left:20px;}
#content-fullpage ul.right {float:left;width:175px;margin:0px;padding:15px 0px;border:0px none;list-style-position:inside;list-style-type:square;}

#content-fullpage li {
font: 500 12px/17px arial, "lucida sans", verdana, sans-serif;
	color:#004EA7;
	padding:0 0 10px 0;
	margin:0;
}

#content-fullpage p{
	font: normal 12px/17px arial, "lucida sans", verdana, sans-serif;
	color:#004EA7;
	padding:0 0 10px 0;
	margin:0;
}

#content-fullpage h1 {
	font: bold 22px "lucida sans", verdana, sans-serif;
	line-height: 24px;
	color: #FF9E00;
  	padding-bottom:5px;
	padding-left:5px;
	margin: 0;
	font-weight:bold;
	text-align:left;
	letter-spacing:-2px;
}

#content-fullpage h2 {
	font: normal 19px arial, "lucida sans", verdana, sans-serif;
	line-height: 21px;
	color: #f90;
	padding: 0px 0 0px 0;
	margin: 0px 0 0px 0;
	font-weight:bold;
	text-align:left;
}

#content-fullpage h3 {
	font: normal 17px arial, "lucida sans", verdana, sans-serif;
	line-height: 19px;
	color: #f90;
	padding: 0px 0 0px 0;
	margin: 0px 0 0px 0;
	text-align:left;
}

#content-fullpage h4 {
	font: normal 15px arial, "lucida sans", verdana, sans-serif;
	line-height: 17px;
	color: #f90;
	padding: 0px 0 0px 0;
	margin: 0px 0 0px 0;
	text-align:left;
}

#content-fullpage em {
	font: normal 17px arial, "lucida sans", verdana, sans-serif;
	line-height: 19px;
	font-style: italic;
	color: #f90;
	padding: 0px 0 0px 0;
	margin: 0px 0 5px 0;
	text-align:left;
}
#content-fullpage h4 a {text-decoration:none;}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 195px;
min-height: 250px;
padding: 0;
margin: 0 0 0 5px;
}
* html #left {
position: relative; /*** IE needs this  ***/
height: 250px;
}
#left ul {
width:181px;
list-style: none;
padding-bottom: 4px;
}
#left li {
list-style: none;
list-style-type:none;
padding-bottom: 2px;
}
#left h3 {display: none;}
/**************************
LEFT COLUMN NAV FOR FRANCHISE
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left-nav {
float: left;
width: 180px;
min-height: 250px;
padding: 0;
margin: 0 0 0 5px;
}
* html #left-nav {
position: relative; /*** IE needs this  ***/
height: 250px;
}
#left-nav ul {
list-style: none;
padding-bottom: 4px;
}
#left-nav li {
list-style: none;
list-style-type:none;
padding-bottom: 2px;
}
#left-nav li a {text-transform:uppercase;padding-left:20px;padding-bottom:10px;font-weight:bold;}
#left-nav h3 {display: none;}

.slidedoormenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 162px; /* width of menu (don't forget to add border with below!) */
border-left: 8px solid #004EA7; /* thick left border of menu */

}

.slidedoormenu li{
border-bottom: 1px solid #004EA7; /* Gray border beneath each menu item */
}

.slidedoormenu li a{
background: white; /* Background image positioned to the left(v) top(h) corner initially */
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color:#004EA7;
width: auto;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color:#004EA7;
}

.slidedoormenu li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color:#FF9A00;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}

.slidedoormenu li a{ /* Menu link width value for IE */
width: 100%;
}

#contentarea em {
	font: normal 17px arial, "lucida sans", verdana, sans-serif;
	line-height: 19px;
	color: #f90;
	font-style:normal;
}
#franchiseapplication {border:3px solid #fff}
#franchiseapplication:hover {border:3px solid #F90}

/*************************
HOME RIGHT COLUMN
**************************/
#right-home {
margin: -36px 0 0 -752px; /*** Move the right column so it takes the positon as a top menu ***/
float: left; 
width: 752px;
padding: 0px;
height: 27px;
}
* html #right-home {
position: relative; /*** IE needs this  ***/
}
#right-home ul {
list-style: none;
}
#right-home li {
display: inline;
padding-right: 15px;
}
#nav-home {margin:0 auto;width:742px;height:27px;padding:0;}
#nav-home h2 {display:none;}
/*************************
RIGHT COLUMN
**************************/
#right {
margin: -36px 0 0 -752px; /*** Move the right column so it takes the positon as a top menu ***/
float: left; 
width: 752px;
background: #fff;
padding: 0px;
height: 31px;
}
* html #right {
position: relative; /*** IE needs this  ***/
}
#right ul {
list-style: none;
}
#right li {
display: inline;
padding-right: 15px;
}
#nav {margin:0 auto;width:742px;height:27px;}
#nav h2 {display:none;}
/**************************
FOOTER
**************************/
#footer {
width: 748px;
margin: 0 0 0 21px;
padding:0;
text-align: center;
font-size:11px;
color:#888;
}
#footer a {color:#888;text-decoration:none;}
#footer a:hover {color:#888;text-decoration:underline;}
#footercopy {margin:0 auto;width:740px;}
#footercopy p {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;text-align:justify;font-size:10px;color:#777;line-height:12px}
#footercopy p a {color:#0000FF;text-decoration:none}
#footercopy p a:hover {color:#FF9A00;text-decoration:underline;}
/**************************
SPECIAL: Flash NoScript Message
**************************/
#flashcontent {
width: 742px;
height: 126px;
margin: 0;
padding:0;
}
#flashcontent blockquote {
text-align:left;
padding:0;
margin:10px;
}
/**************************
SPECIAL: Nifty Corners & SIFR
**************************/
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

#contact form{width:530px;background-color: #BBD8FF}
#contact fieldset{border: 0px solid #000}
#contact legend{font: bold 140%/1.6 Arial,sans-serif;color: #27518A;padding-left:10px;}
#contact fieldset label{float:left;display:inline;width:150px;line-height:18px;margin: 3px 10px;text-align:center;background: #FFF url("/i/arrow.jpg") no-repeat right center}
#contact input,#contact textarea{margin:3px 0 8px;border-style:solid;border-color: #778AA2 #7EA4D8 #7EA4D8 #778AA2;border-width:2px 1px 1px 2px;width: 310px}
#contact input{height: 18px}
#contact br{clear:left}
#contact input#go{margin:1px 0 4px 170px;border-style:solid;border-color: #FFF #333 #333 #FFF;border-width:1px 2px 2px 1px;background: #CCC;width:50px;height:25px}