body  
{ 
color: #000; 
font-size: 12px; 
font-family: Georgia, Times, arial, verdana, Tahoma, sans-serif;
font-style: normal; 
background-color: #fff;
/* background-image: url(); 
background-position: top;
background-repeat: repeat-x;*/
margin: 0; 
padding: 0 
}	 

img
{
	border: 0;
}

h1 
{
margin:-1px 0 0 0;
font-size:1.85em;
font-weight:normal;
color:#3d567c;
font-family: arial, verdana;
}

h2 
{
margin:12px 0 0px 0;
font-size:1.55em;
font-weight:normal;
color: #a8565c;
}

h3 
{
margin:12px 0 12px 0;
font-size:1.4em;
font-weight:normal; 
color:#000;
}

h4 
{
margin:0 0 -10px 0;
font-size:1em;
color:#000;
font-family: arial, verdana;
}

p
{
font-size: 1em;
line-height: 1.3em;
}

a
{ 
color: #a04022; 
font-size: 1em;
}

a:link
{ 
color: #5392ab;
text-decoration: underline;
}

a:visited
{ 
color: #4f6774; 
text-decoration: underline;
}

a:hover
{ 
color: #a8565c;
text-decoration: underline;
}

a:active
{ 
color: #4f6774;
text-decoration: underline;
}

.smalltxt
{
font-size: .85em;
font-weight: normal;
color: #333;
font-family: arial, verdana;
}

.hltxt
{
font-size: 1.08em;
font-weight: bold;
color: #a8565c;
font-family: arial, verdana;
}

.hltxt2
{
font-size: 1.08em;
font-weight: bold;
color: #3d567c;
font-family: arial, verdana;
}

.headingspace
{
margin-top: 25px;
margin-bottom: -5px;
}

input.custom
{
background: #F9F9F9;
border: 1px solid #333;
margin-top: 2px;
margin-right: 2px;
font-size: 1em;
}

textarea.custom
{
background: #F9F9F9;
border: 1px solid #333;
margin-top: 2px;
font-size: .85em;
}

input.postal
{
background: #F9F9F9;
border: 1px solid #a8565c;
margin-top: 2.1px;
font-size: 2em;
margin-bottom: 5px;
}

input.postalbutton
{
background: #F9F9F9;
border: 1px solid #333;
font-size: 1em;
font-weight: bold;
margin-right: 2px;
padding: 3px;
}


#layout
{
width: 800px;
font-size: 1em;
padding: 0px;
position: relative;
margin-left: auto;
margin-right: auto;
}

/* HEADER --------------------------------------------------------------------*/

#layout #header
{ 
font-size: 1em; 
width: 800px;
height: 98px;
padding: 6px;
}


#layout #header #headerleft
{ 
width: 358px;
float: left;
padding: 0 0 0 0;
height: 85px;
}

#layout #header #headerright
{
width: 400px;
height: 80px;
float: right;
padding: 2px;
/* border: 1px solid #f8f6f3;
border-style: dashed; 
margin-top: 5px;*/
margin-right: 5px;
text-align: right;
}

/* HEADER CL --------------------------------------------------------------------*/

#layout #headerCL
{ 
font-size: 1em; 
width: 800px;
height: 98px;
padding: 0 0 0 0;
}


#layout #headerCL #headerleftCL
{ 
width: 358px;
float: left;
padding: 0 0 0 0;
height: 85px;
}

#layout #headerCL #headerrightCL
{
width: 400px;
height: 97px;
float: right;
padding: 0px;
/* border: 1px solid #f8f6f3;
border-style: dashed; 
margin-top: 5px;*/
margin-right: 5px;
text-align: right;
}


/*MENUS --------------------------------------------------------------------*/
/* Top, right, bottom, left */

/* TOP MENU ------------------------*/
#layout #menu 
{
width:800px;
height: 35px;
border-bottom: 1px solid #e0cfba;
}

#layout #menu ul 
{
width:800px;
font-size: 1.08em;
line-height:normal;
float:left;
margin:0;
padding:0;
list-style:none;
background-color: #3d567c;
background-image: url(AsSeenOnline_images/nav-bkgrd.gif); 
background-position: center;
}

#layout #menu li 
{
float:left;
margin:0;
padding:8px 31px 8px 20px;
}

#layout #menu li.navdivide
{
margin-top: 8px;
padding:0;
background-image: url(AsSeenOnline_images/nav-div.gif); 
background-position: right;
background-repeat: no-repeat;
}

#layout #menu img.lock
{
margin: 0;
padding:0;
}

#layout #menu a 
{
float:left;
display:block;
color:#e0cfba;
text-decoration: none;
white-space:nowrap;
font-family: arial, verdana;
font-weight: bold;
}

#layout #menu > ul a 
{
width:auto;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#layout #menu a 
{
float:none;
}
/* End IE5-Mac hack */


#layout #menu a:hover 
{
color:#617f9b;
}

/* SUB MENU ------------------------*/

#layout #sub-menu 
{
font-size: 1em;
line-height:normal;
margin: 10px 0px 7px 17px;
}

#layout #sub-menu ul 
{
margin:0 0 0px 0;
padding:0;
list-style-image: url(AsSeenOnline_images/submenu-arrow.gif);
}

#layout #sub-menu li 
{
margin:0 0 0 0;
padding:0 0 0 0;
}

#layout #sub-menu a 
{
display:block;
width:.1em;
padding:3px 0px 2px 0px;
color:#000000;
text-decoration: none;
white-space:nowrap;
}

#layout #sub-menu > ul a 
{
width:auto;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#layout #sub-menu a 
{float:none;
}
/* End IE5-Mac hack */


#layout #sub-menu a:hover 
{
color:#617f9b;
}


p.startbutton
{
background: #fffeb3;
border: 2px solid #a8565c;
border-bottom-style: groove;
border-top-style: groove;
font-size: 1em;
color: #fff;
font-weight: bold;
font-family: arial, verdana;
padding: 0 0px 0 8px;
width: 125px;
}
/* MAIN BODY 1 --------------------------------------------------------------------*/

#layout #mainbody1
{
position: relative;
text-align: left;
padding: 0;
vertical-align: top;
}

#layout #mainbody1 table
{
width: 100%;
}

#layout #mainbody1 td.page-left
{
font-size: 1em;
vertical-align: top;
padding: 3px 12px 3px 10px;
border: 1px solid #fcece5;
}

#layout #mainbody1 td.page-right
{
border: 1px solid #fcece5;
padding: 3px 10px 8px 10px;
vertical-align: top;
text-align: left;
width: 450px;
}


/* MAIN BODY 2 --------------------------------------------------------------------*/

#layout #mainbody2
{
text-align: left;
padding: 0;
vertical-align: top;
}

#layout #mainbody2 table
{
width: 100%;
padding: 5px;
margin-top: 5px;
}

#layout #mainbody2 td.page-left
{
background-color: #fff;
padding: 0px 12px 3px 5px;

vertical-align: top;
text-align: left;
width: 200px;
border: 3px solid #c3b4a2;
border-style: double;
background-image: url(AsSeenOnline_images/submenu-bkgrd.gif); 
background-position: top;
background-repeat: repeat-x;
}

#layout #mainbody2 td.page-right
{
font-size: 1em;
vertical-align: top;
padding: 9px 10px 8px 10px;
}

#layout #mainbody2 #friend
{
background-color: red;
}
/* MAIN BODY TEXT STYLES --------------------------------------------------------------------*/

#layout #mainbody1 ul, #mainbody2 ul
{
font-size: 1em;
line-height: 1.4em;
list-style: circle;
}

#layout #mainbody1 ol, #mainbody2 ul
{
font-size: 1em;
line-height: 1.4em;
}


/* FOOTER --------------------------------------------------------------------*/

ul.navlist
{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

#layout #footerbar
{
width:800px;
height: 2px;
border-bottom: 1px solid #e0cfba;
}

#layout #footer
{
position: relative;
width: 800px;
margin-top: 0px;
height: 120px;
}

#layout #footer p.footer-copyright
{
color: #e0cfba;
font-size: .8em;
line-height: 12px;
text-align: left;
padding: 0px 0px 0px 8px;
}

#layout #footer a
{
color: #3d567c;
text-decoration: underline;
}

#layout #footer ul { padding: 0; }
#layout #footer ul li { display: inline; }

#layout #footer ul
{
margin: 0px 0px 0px 0px;
padding: 0;
font-size: .9em;
font-weight: normal;
height: 20px;
}

#layout #footer ul li a
{
padding: 7px 10px 0px 20px;
color:#3d567c;
text-decoration: none;
float: left;
border: none;
text-align: centre;
}

#layout #footer ul li a:hover
{
color: #a8565c;
}

/* NEW F.A.R TABLE ----------------------------------------------------------------- */

.farlist
{
	font-size: 1em;
	border-top: 1px solid #999;
	padding: 0px;
	margin: 0px;
	font-family: arial, verdana;
}

.farlist td
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom: 1px solid #999;
	width: auto;
	font-size: .9em;
}

.farlist td a
{
	font-size: .9em;
}

.fartable
{
	font-size: 1em;
	width: 750px;
	padding: 0px;
	margin: 0px;
}

.fartable th
{
	font-size: .9em;
	padding: 3px;
	margin: 0px;
	text-align: left;
	background-color : #000;
	color: #FFF;
}

.fartable td
{
	font-size: .9em;
	margin-left: -1px;
	padding: 3px;
}

.farlist td.rt
{
	border-right: 1px solid #999;
}


.fartable td a
{
	font-size: .9em;
}

.fartable tr.Odd 
{
	background-color : #faf9f5;
}

.fartable tr.Even 
{
	background-color : #FFF;
}    





/* IF WE WERE USING TABS FOR NAV --------------------------------------------------------------------*/

/* change the #current state to use body id's and place id's on each li
body.one #menu li.one
{
background-image:url(../tab_left_on.gif);
border-width:0;
font-weight:bold;
}
body.two #menu li.two
{
background-image:url(../tab_left_on.gif);
border-width:0;
font-weight:bold;
}
body.three #menu li.three
{
background-image:url(../tab_left_on.gif);
border-width:0;
font-weight:bold;
}
body.four #menu li.four
{
background-image:url(../tab_left_on.gif);
border-width:0;
font-weight:bold;
}
body.five #menu li.five
{
background-image:url(../tab_left_on.gif);
border-width:0;
font-weight:bold;
}
body.six #menu li.six
{
background-image:url(../tab_left_on.gif);
border-width:0;
font-weight:bold;
}
body.seven #menu li.seven
{
background-image:url(../tab_left_on.gif);
border-width:0;
font-weight:bold;
}

body.one #menu li.one a
{
background-image:url(../tab_right_on.gif);
padding-bottom:6px;
color:#000000;
text-shadow: #6B7B3F 2px 2px 2px;
}
body.two #menu li.two a
{
background-image:url(../tab_right_on.gif);
padding-bottom:6px;
color:#000000;
text-shadow: #6B7B3F 2px 2px 2px;
}
body.three #menu li.three a
{
background-image:url(../tab_right_on.gif);
padding-bottom:6px;
color:#000000;
text-shadow: #6B7B3F 2px 2px 2px;
}
body.four #menu li.four a
{
background-image:url(../tab_right_on.gif);
padding-bottom:6px;
color:#000000;
text-shadow: #6B7B3F 2px 2px 2px;
}
body.five #menu li.five a
{
background-image:url(../tab_right_on.gif);
padding-bottom:6px;
color:#000000;
text-shadow: #6B7B3F 2px 2px 2px;
}
body.six #menu li.six a
{
background-image:url(../tab_right_on.gif);
padding-bottom:6px;
color:#000000;
text-shadow: #6B7B3F 2px 2px 2px;
}
body.seven #menu li.seven a
{
background-image:url(../tab_right_on.gif);
padding-bottom:6px;
color:#000000;
text-shadow: #6B7B3F 2px 2px 2px;
}


change the #current state to use body id's and place id's on each li 
#menu #current 
{
background-image:url(../tab_left_on.gif);
border-width:0;
font-weight:bold;
}

#menu #current a 
{
background-image:url(../tab_right_on.gif);
padding-bottom:6px;
color:#000000;
text-shadow: #6B7B3F 2px 2px 2px;
}*/