body {
	margin: 0;
	padding: 0;
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 76%;
	color: #424242;
	background-color: #fff;
	
	}
	
#header
{
	background:transparent url(../images/header.gif) no-repeat top left;
	width:722px;
	height:	63px;
	margin:0 auto 0 auto;
}

	
a {
	text-decoration: underline;
	color: #0066cc;
	}
a:link {
	text-decoration:underline;
	}
a:visited {
	text-decoration:underline;
	}
	
a:hover {
	color:#28641f;
	text-decoration:underline;
	}
	
a:active {
	color:#73BE1E;
	text-decoration:underline;
	}
.close_link a:link { 
	text-decoration: none; 
	color: #fff;
	}
.close_link a:visited { 
	text-decoration: none; 
	color: #fff;
	}
.close_link a:hover, a:active { 
	text-decoration: none; 
	color: #fff;
	}
#button, .button a
{
color: red;
text-decoration:none;
font-size:14px;
font-weight:bold;
padding:1px;
margin:5px 0px;;
}
#button:hover
{
color: red;
text-decoration:none;
font-size:14px;
font-weight:bold;
padding:1px;
}
/*Typography*/
h1 {
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 1em;
	color: #333333;

	}

.current {
	font-size: 1em;
	color: #28641f;
		font-weight: normal;
	/*font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	
	margin: 0;
	float: left;
	text-align: left;*/
}
	

.close {
	font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #0c57b0;
	font-variant: normal; 
	text-align: right;
	margin: 0 0 0 0px;
}	

h2 {
	font-size: 1.6em;
	margin: 0.5em 0em 0.5em 0em;
	font-weight: normal;
	color: #333333;

	}
	
h2.closer
	{
	margin-bottom:0.2em;
	}	

h3 {
	font-size: 1.4em;
	margin: 0.25em 0em 0.5em 0em;
	font-weight: normal;
	color: #333333;
	}
	
h3.closer
	{
	margin-bottom:0em;
	}
	
h4 {
	font-size: 1.2em;
	margin: 0.5em 0em 0.5em 0em;
	font-weight: bold;
	color: #333333;
	}
	
h4.closer
	{
	margin-bottom:0em;
	}
	
h5 {
	font-size: 1.0em;
	margin: 0.5em 0em 0.5em 0em;
	font-weight: bold;
	color: #333333;
	}
	
h5.closer
	{
	margin-bottom:0em;
	}

h6 {
	font-size: 0.8em;
	margin: 0.5em 0em 0.5em 0em;
	font-weight: bold;
	color: #333333;
	}

h6.closer
	{
	margin-bottom:0em;
	}
	
	
img {
	border: 0;
	}
ul, li {
	/*list-style: none;*/
	list-style-type:disc;
	font-size: 18px;
	line-height: 1.3em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	
	}
p {
	font-size: 1em;
	line-height: 1.3em;
	margin: 0.5em 0em 0.5em 0em;
	}
	
p.fine {
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	}
	
p.larger {
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0.5em 0em 0.5em 0em;
	}

li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	color:#000;
	}
	
.lime_green
{
	color:#66a700;
}

.b
{
	color:#000000;
	
}

.b2
{	font-weight:normal;
	font-size: 1em;
	color:#3b3b3b;
	margin:0;
	text-decoration: none;
	paddding:0;
	text-align:left;
}

.fine {
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	}

/*****************Cascading styles***********************/
#header-link
{
	font-size: 1.3em;
	font-weight: bold;
	width:500px;
	margin:0px auto 0 20px;
	padding:10px 0 0 170px;
}

#container
{
	width:700px;
	height:450px;
	margin:10px auto;
	border:1px solid #999;
}

#text-container
{
	width:350px;
	padding:100px 0 0 20px;
	background-color:transparent;
}

#footer
{
	width:700px;
	margin:0 auto;
}

#footer-text
{

	width:365px;
	text-align:center;
	margin:0 auto;
}

#welcome #container
{
	background:#FFF url(../images/welcome.jpg) no-repeat bottom right;
}

#welcome #navcontainer li#welcome-link a
{
background: #f90;
color: #fff;
}

#welcome #text-container
{
	width:350px;
	padding:100px 0 0 20px;
	background-color:transparent;
}

#private #container
{
	background:#FFF url(../images/private.jpg) no-repeat bottom left;
}

#private #navcontainer li#private-link a
{
background: #f90;
color: #fff;
}

#private #text-container
{
	width:350px;
	padding:70px 0 0 340px;
	background-color:transparent;
}

#personalize #container
{
	background:#FFF url(../images/personalize.jpg) no-repeat bottom right;
}

#personalize #navcontainer li#personalize-link a
{
background: #f90;
color: #fff;
}

#create #container
{
	background:#FFF url(../images/create.jpg) no-repeat bottom left;
}

#create #navcontainer li#create-link a
{
background: #f90;
color: #fff;
}

#create #text-container
{
	width:350px;
	padding:50px 0 0 340px;
	background-color:transparent;
}

#checkout #container
{
	background:#FFF url(../images/checkout.jpg) no-repeat bottom right;
}

#checkout #navcontainer li#checkout-link a
{
background: #f90;
color: #fff;
}

#final #container
{
	background:#FFF url(../images/final.jpg) no-repeat bottom left;
}

#final #navcontainer li#final-link a
{
background: #f90;
color: #fff;
}

#final #text-container
{
	width:350px;
	padding:70px 0 0 340px;
	background-color:transparent;
}

#enjoy #container
{
	background:#FFF url(../images/enjoy.jpg) no-repeat bottom right;
}

#enjoy #navcontainer li#enjoy-link a
{
background: #f90;
color: #fff;
}

#enjoy #text-container
{
	width:350px;
	padding:100px 0 0 20px;
	background-color:transparent;
}

#navcontainer
{
padding: 0;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
width:100px;
}

#navcontainer ul li a
{
background: #fff;
/*width: 100px;*/
height: 40px;
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
border-right: none;
padding: 0;
margin: 0 0 0 0;
color: #000;
text-decoration: none;
display: block;
text-align: center;
font: normal 13px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover
{
color: #fff;
background: #73BE1E;
}

#navcontainer a:active
{
background: #c60;
color: #fff;
}

/*#next_prev
{
	width:700px;
	margin:0 auto 0 auto;
	clear:none;
}*/

#next_btn
{
	float:right;
	width:150px;
}

#next_btn a
{
	float:right;
}

#prev_btn
{
	float:left;
	width:150px;
}

#next_prev a {
	text-decoration: none;
	/*font-weight: bold;*/
	color: #fff;
	background-color:#73BE1E;
	padding-left:0.5em;
	padding-right:0.5em;
	}
#next_prev a:link {
	text-decoration: none;
	}
#next_prev a:visited {
	text-decoration: none;
	}
	
#next_prev a:hover {
	background-color:#f90;
	text-decoration: none;
	}
	
#next_prev a:active {
	background-color:#f90;
	text-decoration: none;
	}