/* testing 'Conditional Elastic' */

body
{
text-align: center; 
margin: 0; 
padding: 0; 
font-family: verdana, tahoma, helvetica, sans-serif; 
background: #eee;
}


a{color:#3366CC}

a:visited{color:#9900CC;}


/* ********************************************************** PAGE STRUCTURE */

#wrapper 
{
background-color: white; 
width: 99%; 
margin: 0 auto 0 auto; 
max-width: 60em; 
min-width: 552px; 
text-align: left; 
border: solid 1px #fff; 
overflow: hidden;
}

* html #wrapper {overflow: visible;}




table.main
{
	width:100%;
	font-size:small;
}

table.main td.left
{
	width:200px;
	background-color:white;
}


table.main td.maincontent
{
	background-color:white;
}

table.main td.right
{
	width:200px;
	background-color:white;
}





/* ********************************************************** HEADER */

#header 
{
width: 100%; 

border-top: solid 1px #fff; 
border-bottom: solid 1px #fff; 
text-align: center; 
background: #fff url('../images/borders/header.jpg') repeat-x scroll 0 0;
font-size:small;
padding-bottom:10px;
}

#header .phone
{
	background: url('../images/borders/header-phone.gif') no-repeat;
	width: 263px;
	height:35px;
	position:relative;
	top:0;
	left: 30%;
	float:left;
}

#header .logo
{
	background: url('../images/borders/logo-withreflection.gif') no-repeat;
	width: 248px;
	height:110px;
	position:relative;
	top:10px;
	left: 3px;
	float:left;
}

#header h1
{
	margin:40px 0 5px 265px;
	text-align:left;
	color:#03A603;
	font-weight:bold;
	font-size: 150%;
}

#header .menu
{
	margin:0 10px 5px 265px;
	font-size: 85%;
	text-align:center;
	padding-bottom: 10px;
}


#header .menu a
{
	text-decoration:none;
	color: #000;
}

#header .menu a:visited
{
	text-decoration:none;
	color: #000;
}


#header .menu a:hover
{
	text-decoration:underline;
	color:#03A603;
}


/* ----------------------------------------------------------------------------HEADINGS */
h4
{
color:#03A603;
font-weight:bold;
margin-top: 3px;
}



h3
{
color:#03A603;
font-weight:bold;
margin-top: 3px;
}



h2
{
color:#03A603;
font-weight:bold;
margin-top: 3px;
}



h1
{
color:#03A603;
font-weight:bold;
margin-top: 3px;
}



h1 
{
font-size: 160%; 
}

h2 
{
font-size: 140%; 
}

h3 
{
font-size: 120%; 
}

h4 
{
font-size: 110%; 
}


/* ********************************************************** MAINCONTENT (LEFT) */




table.main td.maincontent ul
{
	list-style-image: url('../images/borders/bullet-small.gif');
	font-family:Verdana, Arial,Helvetica, Sans-Serif;
	font-size:100%;
	padding:0 0 0 5em;
	margin:0 3em 1.5em 0;
}


table.main td.maincontent .returntotop
{
	text-align:right;
	font-size: 65%;
}

table.main td.maincontent a
{
	color:#3366CC;
	text-decoration: underline;
}

table.main td.maincontent a:visited
{
	color: #631D6D;
	text-decoration: underline;
}


table.main td.maincontent hr
{
	color:#FCF22A; background: #FCF22A; border: 0; Height:2px; width: 90%;
}

table.main td.maincontent p 
{
margin: 1em 1em .8em 1em; 
font-size: 100%;
}

table.main td.maincontent p.normalsmall 
{
	font-size: 70%;
	text-align:center;
}

table.main td.maincontent img
{
	float:right;
	padding: 3px;
}

table.main td.maincontent img.nofloat
{
	float:none;
	text-align:center;
	padding: 3px;
}


table.main td.maincontent .menu
{
	font-size: 70%;
	text-align:center;
	padding-bottom: 10px;
	text-align:center;
}


table.main td.maincontent .menu a
{
	color: #000;
}

table.main td.maincontent .menu a:visited
{
	color: #000;
}


table.main td.maincontent .menu a:hover
{
 	color:#03A603;
}


#homeimages
{
		text-align:center;
}


#homeimages img
{
	float:none;
	padding:0;
} 

/* ********************************************************** SECONDARY CONTENT (RIGHT) */




table.main td.right a
{
color: #000;
text-decoration: underline;
}

table.main td.right a:visited
{
color: #000;
text-decoration: underline;
}

table.main td.right ul 
{
list-style: square inside;
margin: 0 0 0 15px;
padding:0;
font-size: 80%; 

}

table.main td.right hr
{
	color:#FCF22A; background: #FCF22A; border: 0; Height:2px; width:90%;
}

table.main td.right img
{
	text-align:center;
	margin: 0em 2em;
}

table.main td.right div.loginpic img
{
	text-align:center;
	margin: 0;
}

table.main td.right p 
{
margin: 6px 3px .8em 5px; 
font-size: 100%;
}

table.main td.right p.normalsmall 
{
	font-size: 70%;
	text-align:center;
}


/* ********************************************************** FOOTER */

#footer 
{
clear: both; 
text-align: center; 
width: 100%;
color: #000;
}

table.footertable
{
padding:0px;
border-collapse:collapse;
background-color:#D8D8D8;
font-size: 70%;
}

table.footertable span.large
{
	font-size: 110%;
	font-weight:bold;
}

table.footertable td.tl
{
	height: 18px;
	width: 24px;
	background: url('../images/borders/footer-tl.gif') no-repeat;
}

table.footertable td.t
{
	height: 18px;
	background: url('../images/borders/footer-t.gif') repeat-x;
}

table.footertable td.tr
{
	height: 18px;
	width:24px;
	background: url('../images/borders/footer-tr.gif') no-repeat;
}

table.footertable td.l
{
	width:24px;
	background: url('../images/borders/footer-l.gif') repeat-y;

}

table.footertable td.r
{
	width:24px;
	background: url('../images/borders/footer-r.gif') repeat-y;

}

table.footertable td.bl
{
	height: 15px;
	width:24px;
	background: url('../images/borders/footer-bl.gif') no-repeat;

}

table.footertable td.b
{
	height: 15px;
	background: url('../images/borders/footer-b.gif') repeat-x;

}

table.footertable td.br
{
	height: 15px;
	width:24px;
	background:url('../images/borders/footer-br.gif') no-repeat;	
}

/* ********************************************************** LINKS */


#footerlinks
{
text-align: center; 
color: #03A603;
font-size:65%;
margin: 3px;
background-color:#FFF;
padding-top:8px;
}

#footerlinks a:visited
{
text-align: center; 
color: #03A603;
text-decoration: none;
}

#footerlinks a
{
text-align: center; 
color: #03A603;
text-decoration: none;
}

.returntotop
{
	font-size: 70%;
	text-align:right;
}


#designedby
{
text-align: center; 
color: #2A3B8B;
font-size:90%;
margin: 3px;
}


#designedby a
{
text-align: center; 
color: #2A3B8B;
text-decoration: none;
}

/* ********************************************************** menus */
.box
{
	width:191px;
	background:url('../images/borders/menu-bot.jpg') no-repeat bottom left;
}

.box h2
{
	width:191px;
	background:url('../images/borders/menu-top.gif') no-repeat top left;
	margin:0;
	padding: 3px;
	font-size: 85%;
	text-align:center;
}



.buttonscontainer {width: 191px;}

.buttons a 
{
color: #000;
padding: 2px 0;
font: 90% Verdana, sans-serif;
font-weight:bold;
text-decoration: none;
display: block;
width: 100%;
margin:0;
text-align: left;
line-height: 150%;
}

.buttons a:visited 
{
color: #000;
text-decoration: none;
}


.buttons a:hover 
{
background-color: #04DA04;
color: #FFF22B;
text-decoration: none;
}

/*add and active class for each and associate it with the page by adding the id to the body tag on each page. */
#home .buttons .active1 {background-color: #03A603;color: #FFF22B;text-decoration: none;}
#started .buttons .active2{background-color: #03A603;color: #FFF22B;text-decoration: none;}
#programs .buttons .active3{background-color: #03A603;color: #FFF22B;text-decoration: none;}
#products .buttons .active4{background-color: #03A603;color: #FFF22B;text-decoration: none;} 
#why .buttons .active5{background-color: #03A603;color: #FFF22B;text-decoration: none;}
#info .buttons .active6{background-color: #03A603;color: #FFF22B;text-decoration: none;}
#prize .buttons .active7{background-color: #03A603;color: #FFF22B;text-decoration: none;}
#process .buttons .active8{background-color: #03A603;color: #FFF22B;text-decoration: none;}
#service .buttons .active9{background-color: #03A603;color: #FFF22B;text-decoration: none;}
#questions .buttons .active10{background-color: #03A603;color: #FFF22B;text-decoration: none;}
#about .buttons .active11{background-color: #03A603;color: #FFF22B;text-decoration: none;}
#contact .buttons .active12{background-color: #03A603;color: #FFF22B;text-decoration: none;}


.reflection
{
	
	width:191px;
	height:105px;
	background:url('../images/borders/menu-reflection.gif') no-repeat top left;
}



/* ********************************************************** LEFT AND RIGHT SIDE BOXES */


.yellowbox
{
	width:191px;
	background:url('../images/borders/yellowbox-bot.jpg') no-repeat bottom left;
}

.yellowbox h2
{
	width:180px;
	background:url('../images/borders/yellowbox-top.jpg') no-repeat top left;
	margin:0;
	padding: 3px;
	font-size: 90%;
	text-align:center;
}

.yellowboxreflection
{

	width:191px;
	height:105px;
	background:url('../images/borders/yellowbox-reflection.jpg') no-repeat top left;
}

.yellowbox h6
{

	margin: 0;
	padding: 5px 10px;
	font-size: 80%;
	color: #000;
	font-weight: normal;
}


.greybox
{
	width:191px;
	background:url('../images/borders/greybox-bot.jpg') no-repeat bottom left;
}

.greybox h2
{
	width:191px;
	background:url('../images/borders/greybox-top.jpg') no-repeat top left;
	margin:0;
	padding: 3px;
	font-size: 90%;
	text-align:center;
	color: black;
}

.greyboxreflection
{

	width:191px;
	height:105px;
	background:url('../images/borders/greybox-reflection.jpg') no-repeat top left;
}

.greybox h6
{
	margin: 0;
	padding: 10px;
	font-size: 80%;
	color: #000;
	font-weight: normal;
}


.greenbox
{
	width:191px;
	background:url('../images/borders/greenbox-bot.jpg') no-repeat bottom left;
}

.greenbox h2
{
	width:191px;
	background:url('../images/borders/greenbox-top.jpg') no-repeat top left;
	margin:0;
	padding: 3px;
	font-size: 110%;
	text-align:center;
	color: black;
}

.greenbox p
{
	padding:5px;
	font-size: 60%;
	color: #000;
	text-align:center;
}

.greenbox img
{
	text-align:center;
}


.greenbox a
{
	color:#000;
}


.greenbox a:hover
{
	color:#000;
}


.greenbox a:visited
{
	color:#000;
}



/* ********************************************************** FORM TEXT */

.formtext
{
font-size:10px;
font-family:Verdana, Arial,Helvetica, Sans-Serif;
font-weight:bold;
text-align: right;
color:#000000;
}

.formtextleft
{
font-size:10px;
font-family:Verdana, Arial,Helvetica, Sans-Serif;
font-weight:bold;
text-align: left;
color:#000000;
}

.formtextright
{
font-size:10px;
font-family:Verdana, Arial,Helvetica, Sans-Serif;
font-weight:bold;
text-align: right;
color:#000000;
}

.formtextrequired 
{
font-size:10px;
font-family:Verdana, Arial,Helvetica, Sans-Serif;
font-style:italic;
text-align: left;
color:#ff0000;
}

/* ********************************************************** COMMON QUESTIONS */
.question
{
	font-size: 110%;
	font-weight:bold;
}

.answer
{
	padding: 0 0 0 2em;
}

/* ********************************************************** PRODUCTS */
td.productarea
{	
	width:50%;
	padding: 0 20px;
}

.productcontainer
{
	width:100%;
	text-align:left;

}

.productcontainer hr
{
	clear:both;
	width:100%;
}

.products
{
	float:left;
	text-align:center;
	width:150px;
	padding: 5px;
/*	border: 1px solid green; */
	height: 210px;
}


.products p
{
	text-align:center;
	padding:0;
}

.products img
{
	text-align:center;
	border:0;
}


center;
	padding:0;
}

.products img
{
	text-align:center;
	border:0;
}

.producttext {
	font-size: 75%;
	padding:0;
}

/* ********************************************************** SERVICE AREA */

table .area
{
	width:100%;
}

table .area td
{
	padding:5px;
	vertical-align:top;
	font-size:80%;
	color:#000;
	text-align:left;
}

table .area td.title
{
	padding:5px;
	vertical-align:top;
	font-size:90%;
	color:#03A603;
	font-weight:bold;
	text-align:left;
}



/* ----------------------------------------------------------------------------TEXT */

/* This is needed to get the min-max to workin IE...seems to have to be at the bottom of the css */

/* IE min-max expression for 'conditional elastic'. Will make IE5.0, 5.5 & IE6 behave. */
/* Wrap it in a 'conditional comment' if you like - it won't make it more valid */

* html body #wrapper {width: 60em /* fallback value */; width:expression(((document.compatMode &&document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth : document.body.clientWidth)>(970/12) * parseInt(document.body.currentStyle.fontSize)?
  "60em" : (((document.compatMode &&document.compatMode=='CSS1Compat') ?
  document.documentElement.clientWidth :document.body.clientWidth) < 558 ? "552px" : "99%")); }