body {margin: 0; background-color: #bdbcb0;}
div#canvas {width: 927px;}

div#header {float: left; width: 895px; height: 132px; background-image: url('../images/header_bg.gif');}
div.header_side {float: left; width: 16px; height: 132px; background-color: #bdbcb0;}

	a:link.srch {float: left; font-weight: bold; width: 48px; height: 17px; line-height: 17px; background-color: #E5E0D1; color: #000000; border: 0;
		 text-decoration: none; text-align: center;}
	a:visited.srch {float: left; font-weight: bold; width: 48px; height: 17px; line-height: 17px; background-color: #E5E0D1; color: #000000; border: 0;
		 text-decoration: none; text-align: center;}
	a:active.srch {float: left; font-weight: bold; width: 48px; height: 17px; line-height: 17px; background-color: #E5E0D1; color: #000000; border: 0;
		text-decoration: none; text-align: center;}
	a:hover.srch {float: left; font-weight: bold; width: 48px; height: 17px; line-height: 17px; background-color: #CCCC00; color: #000000; border: 0;
		text-decoration: none; text-align: center;}

div#nav {float: left; width: 895px; height: 30px; background-color: #CCCC00; text-align: center;}
	/*a:link.navlink {float: left; height: 31px; line-height: 31px; color: #7B7000; text-decoration: none; font-family: arial; font-size: 11px; margin-right: 20px;
		font-weight: bold;}
	a:visited.navlink {float: left; height: 31px; line-height: 31px; color: #7B7000; text-decoration: none; font-family: arial; font-size: 11px; margin-right: 20px;
		font-weight: bold;}
	a:active.navlink {float: left; height: 31px; line-height: 31px; color: #7B7000; text-decoration: none; font-family: arial; font-size: 11px; margin-right: 20px;
		font-weight: bold;}
	a:hover.navlink {float: left; height: 31px; line-height: 31px; color: #1B1804; text-decoration: none; font-family: arial; font-size: 11px; margin-right: 20px;
		font-weight: bold;}*/
div.nav_side {float: left; width: 16px; height: 31px;}


div#main {float: left; width: 895px; background-color: #edf3fb; text-align: left; font-family: verdana; font-size: 11px;
	line-height: 18px; text-align: left;} /*895 minus 40 is 855px */
	div#body_full {float: left; width: 835px; text-align: left;}
	div#body_left {float: left; width: 556px; text-align: left;}
	div#body_right {float: left; width: 279px;}
		div#tabs {float: left; width: 279px; height: 201px;}
			div#tab_blogs {width: 279px; height: 201px; background-image: url('../images/tab_blogs2.gif');}
			div#tab_discussion {width: 279px; height: 201px; background-image: url('../images/tab_discussion.gif');}
			div#tab_faq {width: 279px; height: 201px; background-image: url('../images/tab_faq2.gif');}
			
			div#tab_nav {float: left; width: 279px; height: 27px;}
			div#tab_body {float: left; width: 279px; height: 174px; line-height: 17px;}
			
			/*hr.tabhr {height: 1px; border-bottom: 1px dotted #000000;}*/
			
			div.dotline {height: 1px; background-image: url('../images/dots.gif'); margin-top: 7px; margin-bottom: 7px;}

		
			div#tips {float: left; width: 279px; height: 223px; background-image: url('../images/bg_bluebox.jpg'); color: #6D6F71;}
				div#tips_top {float: left; width: 279px; height: 148px;}
				div#tips_bot {float: left; width: 279px; height: 75px; font-size: 9px; color: #000000; line-height: 14px;} 
		
		div.bar_left {float: left; width: 255px; height: 25px; line-height: 25px; font-weight: bold;}/*background-color: #ebed8a;*/
		div.bar_right {float: left; width: 251px; text-align: right; height: 25px; line-height: 25px;}
		div.bar_full {float: left; width: 506px; text-align: left; font-weight: bold; height: 25px; line-height: 20px;}
		div.dotlinefull {float: left; width: 506px; height: 1px; background-image: url('../images/dots.gif');}
		div.content {float: left; width: 506px;}
		
		
		div.padding_10 {padding: 10px;}
		div.padding_15 {padding: 15px;}
		div.padding_20 {padding: 20px;}
		
		strong.gray {font-size: 10px; font-family: verdana; color: #666666; font-weight: normal;}
		
		
h1 {line-height: 50px; width: 506px; font-family: arial; font-weight: bold; font-size: 18px; color: #999999; font-weight: normal;}
h1.half {float: left; height: 50px; line-height: 50px; width: 506px; font-family: arial; font-weight: bold; font-size: 18px; color: #999999; 
	font-weight: normal;}

	a:link.crumb {font-family: arial; font-size: 18px; color: #999999; font-weight: normal; text-decoration: none;}
	a:visited.crumb {font-family: arial; font-size: 18px; color: #999999; font-weight: normal; text-decoration: none;}
	a:active.crumb {font-family: arial; font-size: 18px; color: #999999; font-weight: normal; text-decoration: none;}
	a:hover.crumb {font-family: arial; font-size: 18px; color: #999999; font-weight: normal; text-decoration: underline;}
	
h2 {font-family: arial; font-size: 14px; color: #999999; font-weight: normal; text-align: center; margin-top: 0;
	margin-bottom: 15px; font-weight: bold;}

a:link {font-family: verdana; font-size: 11px; color: #000000;}
a:active {font-family: verdana; font-size: 11px; color: #000000;}
a:visited {font-family: verdana; font-size: 11px; color: #000000;}
a:hover {font-family: verdana; font-size: 11px; color: #CC6600;}

a:link.ornglink {font-family: verdana; font-size: 11px; color: #CE6F11; text-decoration: none;}
a:active.ornglink {font-family: verdana; font-size: 11px; color: #CE6F11; text-decoration: none;}
a:visited.ornglink {font-family: verdana; font-size: 11px; color: #CE6F11; text-decoration: none;}
a:hover.ornglink {font-family: verdana; font-size: 11px; color: #000000; text-decoration: none;}



a:link.viewall {float: right; font-size: 10px; text-decoration: none; color: #CC6600;}
a:visited.viewall {float: right; font-size: 10px; text-decoration: none; color: #CC6600;}
a:active.viewall {float: right; font-size: 10px; text-decoration: none; color: #CC6600;}
a:hover.viewall {float: right; font-size: 10px; text-decoration: none; color: #663300;}

table.frm {}
table.frm th.frmlbl {text-align: right; font-weight: bold;}



div#footer {float: left; width: 927px; height: 60px; line-height: 20px; text-align: center; color: #dcdcd5; font-family: verdana; font-size: 9px;}
	a:link.footlink {color: #ffffff; font-family: arial; font-size: 10px; text-decoration: none; font-weight: bold;}
	a:visited.footlink {color: #ffffff; font-family: arial; font-size: 10px; text-decoration: none; font-weight: bold;}
	a:active.footlink {color: #ffffff; font-family: arial; font-size: 10px; text-decoration: none; font-weight: bold;}
	a:hover.footlink {color: #ffffff; font-family: arial; font-size: 10px; text-decoration: none; font-weight: bold;}
	
	a:link.smallfoot {color: #dcdcd5; font-family: arial; font-size: 9px; text-decoration: none; font-weight: bold;}
	a:visited.smallfoot {color: #dcdcd5; font-family: arial; font-size: 9px; text-decoration: none; font-weight: bold;}
	a:active.smallfoot {color: #dcdcd5; font-family: arial; font-size: 9px; text-decoration: none; font-weight: bold;}
	a:hover.smallfoot {color: #dcdcd5; font-family: arial; font-size: 9px; text-decoration: none; font-weight: bold;}
	
div.purplebox_news {width: 268px; height: 154px; background-image: url('../images/home_purplebox_news.gif'); line-height: 15px;}
div.purplebox_videos {width: 268px; height: 154px; background-image: url('../images/home_purplebox_videos.gif'); line-height: 15px;}

input {font-family: verdana; font-size: 11px;}
select {font-family: verdana; font-size: 11px;}
textarea {font-family: verdana; font-size: 11px;}
input.gray {font-family: verdana; font-size: 11px; color: #999999;}

.SpryHiddenRegion {visibility: hidden;}

#ajax_msg_pass {color: red;}

.redbox {width: 100%; padding: 5px; background-color: #FEDAD6; color: #F00; border: 1px solid #f00;}

#homebg_asksabrina {float: left; background-image: url('../images/homebg_asksabrina.gif'); width: 852px; height: 103px; margin-left: 21px; margin-right: 22px;
	margin-bottom: 10px;}

/* Nav Styles */
a:link.nav_home {float: left; height: 30px; line-height: 30px; width: 59px; background-image: url('../images/navbtn_home.gif'); text-decoration: none;}
a:active.nav_home {float: left; height: 30px; line-height: 30px; width: 59px; background-image: url('../images/navbtn_home.gif'); text-decoration: none;}
a:visited.nav_home {float: left; height: 30px; line-height: 30px; width: 59px; background-image: url('../images/navbtn_home.gif'); text-decoration: none;}
a:hover.nav_home {float: left; height: 30px; line-height: 30px; width: 59px; background-image: url('../images/navbtn_home_over.gif'); text-decoration: none;}

a:link.nav_bio {float: left; height: 30px; line-height: 30px; width: 97px; background-image: url('../images/navbtn_bio.gif'); text-decoration: none;}
a:active.nav_bio {float: left; height: 30px; line-height: 30px; width: 97px; background-image: url('../images/navbtn_bio.gif'); text-decoration: none;}
a:visited.nav_bio {float: left; height: 30px; line-height: 30px; width: 97px; background-image: url('../images/navbtn_bio.gif'); text-decoration: none;}
a:hover.nav_bio {float: left; height: 30px; line-height: 30px; width: 97px; background-image: url('../images/navbtn_bio_over.gif'); text-decoration: none;}

a:link.nav_asksabrina {float: left; height: 30px; line-height: 30px; width: 108px; background-image: url('../images/navbtn_askSabrina.gif'); text-decoration: none;}
a:active.nav_asksabrina {float: left; height: 30px; line-height: 30px; width: 108px; background-image: url('../images/navbtn_askSabrina.gif'); text-decoration: none;}
a:visited.nav_asksabrina {float: left; height: 30px; line-height: 30px; width: 108px; background-image: url('../images/navbtn_askSabrina.gif'); text-decoration: none;}
a:hover.nav_asksabrina {float: left; height: 30px; line-height: 30px; width: 108px; background-image: url('../images/navbtn_askSabrina_over.gif'); text-decoration: none;}

a:link.nav_shop {float: left; height: 30px; line-height: 30px; width:55px; background-image: url('../images/navbtn_shop.gif'); text-decoration: none;}
a:active.nav_shop {float: left; height: 30px; line-height: 30px; width:55px; background-image: url('../images/navbtn_shop.gif'); text-decoration: none;}
a:visited.nav_shop {float: left; height: 30px; line-height: 30px; width:55px; background-image: url('../images/navbtn_shop.gif'); text-decoration: none;}
a:hover.nav_shop {float: left; height: 30px; line-height: 30px; width:55px; background-image: url('../images/navbtn_shop_over.gif'); text-decoration: none;}

a:link.nav_photos {float: left; height: 30px; line-height: 30px; width: 73px; background-image: url('../images/navbtn_photos.gif'); text-decoration: none;}
a:active.nav_photos {float: left; height: 30px; line-height: 30px; width: 73px; background-image: url('../images/navbtn_photos.gif'); text-decoration: none;}
a:visited.nav_photos {float: left; height: 30px; line-height: 30px; width: 73px; background-image: url('../images/navbtn_photos.gif'); text-decoration: none;}
a:hover.nav_photos {float: left; height: 30px; line-height: 30px; width: 73px; background-image: url('../images/navbtn_photos_over.gif'); text-decoration: none;}

a:link.nav_video {float: left; height: 30px; line-height: 30px; width: 71px; background-image: url('../images/navbtn_videos.gif'); text-decoration: none;}
a:active.nav_video {float: left; height: 30px; line-height: 30px; width: 71px; background-image: url('../images/navbtn_videos.gif'); text-decoration: none;}
a:visited.nav_video {float: left; height: 30px; line-height: 30px; width: 71px; background-image: url('../images/navbtn_videos.gif'); text-decoration: none;}
a:hover.nav_video {float: left; height: 30px; line-height: 30px; width: 71px; background-image: url('../images/navbtn_videos_over.gif'); text-decoration: none;}

a:link.nav_news {float: left; height: 30px; line-height: 30px; width: 106px; background-image: url('../images/navbtn_news.gif'); text-decoration: none;}
a:active.nav_news {float: left; height: 30px; line-height: 30px; width: 106px; background-image: url('../images/navbtn_news.gif'); text-decoration: none;}
a:visited.nav_news {float: left; height: 30px; line-height: 30px; width: 106px; background-image: url('../images/navbtn_news.gif'); text-decoration: none;}
a:hover.nav_news {float: left; height: 30px; line-height: 30px; width: 106px; background-image: url('../images/navbtn_news_over.gif'); text-decoration: none;}

a:link.nav_login {float: left; height: 30px; line-height: 30px; width: 75px; background-image: url('../images/navbtn_login.gif'); text-decoration: none;}
a:active.nav_login {float: left; height: 30px; line-height: 30px; width: 75px; background-image: url('../images/navbtn_login.gif'); text-decoration: none;}
a:visited.nav_login {float: left; height: 30px; line-height: 30px; width: 75px; background-image: url('../images/navbtn_login.gif'); text-decoration: none;}
a:hover.nav_login {float: left; height: 30px; line-height: 30px; width: 75px; background-image: url('../images/navbtn_login_over.gif'); text-decoration: none;}

a:link.nav_contact {float: left; height: 30px; line-height: 30px; width: 75px; background-image: url('../images/navbtn_contact.gif'); text-decoration: none;}
a:active.nav_contact {float: left; height: 30px; line-height: 30px; width: 75px; background-image: url('../images/navbtn_contact.gif'); text-decoration: none;}
a:visited.nav_contact {float: left; height: 30px; line-height: 30px; width: 75px; background-image: url('../images/navbtn_contact.gif'); text-decoration: none;}
a:hover.nav_contact {float: left; height: 30px; line-height: 30px; width: 75px; background-image: url('../images/navbtn_contact_over.gif'); text-decoration: none;}
