html, body {
height : 100%;
background-color : #ffffff;
}
a:link {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
line-height : normal;
font-weight : bold;
font-variant : normal;
text-transform : none;
color : #000066;
text-decoration : none;
}
.red_txt {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
line-height : normal;
font-weight : bold;
font-variant : normal;
text-transform : none;
color : #ff0000;
text-decoration : none;
}
a:visited {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
line-height : normal;
font-weight : bold;
font-variant : normal;
text-transform : none;
color : #000066;
text-decoration : none;
}
.white_bg {
	background-color: #FFFFFF;
}

a:hover {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
line-height : normal;
font-weight : bold;
font-variant : normal;
text-transform : none;
color : #006666;
text-decoration : underline;
}
.tiny_txt {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-style : normal;
line-height : normal;
font-weight : normal;
font-variant : normal;
text-transform : none;
color : #1e618b;
text-decoration : none;
}
a:active {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
line-height : normal;
font-weight : bold;
font-variant : normal;
text-transform : none;
color : #66cccc;
text-decoration : none;
}
#bg {
background-color : #FFFFFF;
width : 975px;
margin : 0 auto;
text-align : left;
}
.title {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
font-style : normal;
line-height : normal;
font-weight : bold;
font-variant : normal;
text-transform : capitalize;
color : #333333;
}
body {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
line-height : normal;
font-weight : normal;
font-variant : normal;
text-transform : none;
color : #333333;
text-align : center;
}
.white_txt {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
line-height : normal;
font-weight : normal;
font-variant : normal;
text-transform : none;
color : #ffffff;
text-decoration : none;
padding : 5px;
background-color : #557a9f;
}
.main_content {
padding-top : 5px;
padding-right : 5px;
padding-bottom : 5px;
background-color : #FFFFFF;
position : relative;
width : 750px;
left : 0;
float : left;
min-height : 400px;
}
#editable_box {
padding-top : 5px;
padding-right : 5px;
padding-bottom : 5px;
padding-left : 5px;
background-color : #FFFFFF;
position : relative;
width : 730px;
left : 10px;
float : left;
background-image : url(furniture/white_bg.jpg);
min-height : 400px;
margin-top : 1px;
}
#right_image {
position : relative;
width : 240px;
left : 15px;
float : left;
margin-top : 1px;
}
.popup_box {
top:0px;
left:0px;
width : 400px;
position : absolute;
height : 259px;
background-image : url(furniture/popup_bg.jpg);
}
.col1 {
	text-align : right;
	width : 135px;
	height : 31px;
	margin : 0;
	float : left;
	margin-right : 2px;
	background-image: url(furniture/bg_label.gif);
	background-repeat: no-repeat;
}
.col2 {
	width : 195px;
	height : 31px;
	display : block;
	float : left;
	margin : 0;
	background-image: url(furniture/bg_textfield.gif);
	background-repeat: no-repeat;
}
.col2comment {
	width : 195px;
	height : 98px;
	margin : 0;
	display : block;
	float : left;
	background-image: url(furniture/bg_textarea.gif);
	background-repeat: no-repeat;
}
.col1comment {
	text-align : right;
	width : 135px;
	height : 98px;
	float : left;
	display : block;
	margin-right : 2px;
	background-image: url(furniture/bg_label_comment.gif);
	background-repeat: no-repeat;
}
div.row {
clear : both;
width : 335px;
}
.submit {
height : 29px;
width : 330px;
background : url(furniture/bg_submit.gif) no-repeat;
padding-top : 5px;
clear : both;
}
.input {
	background-color : #fff;
	color : #5a698b;
	margin : 4px 0 5px 8px;
	padding : 1px;
	border : 1px solid #8595b2;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
}
.search_input {
	background-color : #FCF78D;
	right:200px;
	color : #990099;
	border : 1px solid #FF9900;
	margin-top: 0px;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: normal;
}
.red_input {
background-color : #333333;
color : #0099cc;
margin : 4px 0 5px 8px;
padding : 1px;
border : 1px solid #ff0000;
font-family : "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 14px;
}
.textarea {
border : 1px solid #8595b2;
background-color : #fff;
font : 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #5a698b;
margin : 4px 0 5px 8px;
}
.table_header1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
font-variant : normal;
text-transform : capitalize;
color : #ffffff;
text-decoration : none;
background-color : #557a9f;
padding-right : 10px;
padding-left : 10px;
}
.table_header2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
font-variant : normal;
text-transform : capitalize;
color : #ffffff;
text-decoration : none;
background-color : #87a3be;
padding-right : 10px;
padding-left : 10px;
}
.table_light1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
font-variant : normal;
text-transform : capitalize;
color : #005279;
text-decoration : none;
background-color : #d9e1ea;
padding-right : 10px;
padding-left : 10px;
}
.table_light2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
font-variant : normal;
text-transform : capitalize;
color : #006699;
text-decoration : none;
background-color : #eef2f7;
padding-right : 10px;
padding-left : 10px;
}
.header {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
font-variant : normal;
text-transform : capitalize;
color : #ffffff;
text-decoration : none;
height : auto;
padding-right : 10px;
padding-left : 10px;
}
a.header:link {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
font-variant : normal;
text-transform : capitalize;
color : #ffffff;
text-decoration : none;
height : auto;
padding-right : 10px;
padding-left : 10px;
}
a.header:visited {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
font-variant : normal;
text-transform : capitalize;
color : #ffffff;
text-decoration : none;
height : auto;
padding-right : 10px;
padding-left : 10px;
}
a.header:active {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
font-variant : normal;
text-transform : capitalize;
color : #ffffff;
text-decoration : none;
height : auto;
padding-right : 10px;
padding-left : 10px;
}
a.header:hover {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
font-variant : normal;
text-transform : capitalize;
color : #ffffff;
text-decoration : underline;
height : auto;
padding-right : 10px;
padding-left : 10px;
}
a.white_txt_link:link {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
line-height : normal;
font-weight : normal;
font-variant : normal;
text-transform : none;
color : #d0e1e7;
text-decoration : none;
padding : 5px;
}
a.white_txt_link:active {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
line-height : normal;
font-weight : normal;
font-variant : normal;
text-transform : none;
color : #d0e1e7;
text-decoration : none;
padding : 5px;
}
a.white_txt_link:visited {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
line-height : normal;
font-weight : normal;
font-variant : normal;
text-transform : none;
color : #d0e1e7;
text-decoration : none;
padding : 5px;
}
a.white_txt_link:hover {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
line-height : normal;
font-weight : normal;
font-variant : normal;
text-transform : none;
color : #d0e1e7;
text-decoration : underline;
padding : 5px;
}
a.header_link:link {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
font-variant : normal;
text-transform : capitalize;
color : #ffffff;
text-decoration : none;
background-color : #557a9f;
height : auto;
border-left-color : #557a9f;
padding-top : 5px;
padding-right : 10px;
padding-bottom : 5px;
padding-left : 10px;
}
a.header:active {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
font-variant : normal;
text-transform : capitalize;
color : #ffffff;
text-decoration : none;
background-color : #557a9f;
height : auto;
border-left-color : #557a9f;
padding-top : 5px;
padding-right : 10px;
padding-bottom : 5px;
padding-left : 10px;
}
a.header:visited {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
font-variant : normal;
text-transform : capitalize;
color : #ffffff;
text-decoration : none;
background-color : #557a9f;
height : auto;
border-left-color : #557a9f;
padding-top : 5px;
padding-right : 10px;
padding-bottom : 5px;
padding-left : 10px;
}
a.header:hover {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
font-variant : normal;
text-transform : capitalize;
color : #ffffff;
text-decoration : underline;
background-color : #557a9f;
height : auto;
border-left-color : #557a9f;
padding-top : 5px;
padding-right : 10px;
padding-bottom : 5px;
padding-left : 10px;
}
.glossymenu {
cursor: pointer;
cursor: hand;
margin : 0px 0;
padding : 0;
width : 217px;
border : 1px solid #9a9a9a;
border-bottom-width : 0;
float : left;
}
.glossymenu a.menuitem {
color : #FFFFFF;
display : block;
position : relative;
width : auto;
padding-left : 10px;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
height : 34px;
padding-right : 0;
padding-bottom : 0;
background-color : #715391;
background-image : url(furniture/glossy_back.jpg);
background-repeat : repeat-x;
background-position : left bottom;
text-align : left;
vertical-align : middle;
margin : 0;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
color : white;
}
.glossymenu a.submenuheader {
height : 19px;
line-height : 19px;
}
.glossymenu a.menuitem .statusicon {
position : absolute;
top : 21px;
right : 0;
border : none;
}
.glossymenu a.menuitem:hover {
background-image : url(furniture/glossy_back2.jpg);
background-repeat : repeat-x;
color : #222222;
}
.glossymenu div.submenu {
background : black;
}
.glossymenu div.submenu ul {
background-image : url(furniture/product_bg.jpg);
background-repeat : repeat-y;
list-style-type : none;
margin : 0;
padding : 0;
}
.glossymenu div.submenu ul li {
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #006699;
}
.glossymenu div.submenu ul li a {
display : block;
color : #FFFFFF;
text-decoration : none;
padding : 2px 0;
padding-left : 10px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
font-variant : normal;
}
.glossymenu div.submenu ul li a:hover {
	background-image : url(furniture/product_bg_hover.jpg);
	background-repeat : repeat-x;
	color : white;
	background-color: #F8B90A;
}

/* Layout Styles (images) */
/**************************/
#top_wood{
	background-image: url(furniture/top_graphic.jpg);
	width:811px;
	height:78px;
	float:left;
}
#search_box{
	background-image: url(furniture/search_bg.jpg);
	width:164px;
	height:78px;
	float:left;
	position:relative;
}
#search_field{
	background-image: url(furniture/search_bg.jpg);
	width:164px;
	height:78px;
	float:left;
	position:relative;
	top:25px;
}
#member_online_box{
	background-image: url(furniture/member_online_box.jpg);
	width:181px;
	height:95px;
	float:left;
}
#support_beam{
	background-image: url(furniture/support_beam.jpg);
	width:116px;
	height:95px;
	float:left;
}
#join_now_box{
	background-image: url(furniture/join_now_default.jpg);
	width:90px;
	height:95px;
	float:left;
}
#site_map_box{
	background-image: url(furniture/site_map.jpg);
	width:89px;
	height:95px;
	float:left;
}
#remain_of_top{
	background-image: url(furniture/witch_rest.jpg);
	width:319px;
	height:95px;
	float:left;
}
#top_nav_bar{
	background-image: url(furniture/top_nav_bg.jpg);
	float:left;
	width:975px;
	height:24px;
}
#top_nav_spacer{
	float:left;
	width:975px;
	height:13px;
	background-color: #FFFFFF;
}
.top_nav_black{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
a.top_nav_black:Link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
a.top_nav_black:Visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
a.top_nav_black:Active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
a.top_nav_black:Hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: underline;
}
#bottom_panel{
	float:left;
	width:975px;
	height:32px;
	background-color: #715391;
}
/* start the folding tree menu system: */
.treeview ul{ /*CSS for Simple Tree Menu*/
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #FFFFFF;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	list-style-type: none;
	padding-left: 22px;
	margin-bottom: 3px;
	background-image: url(furniture/menu_go.jpg);
	background-color:#715391;
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	color: #462a62;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
	cursor: pointer!important;
	cursor: pointer !important;
	background-color:#715291;
	background-image: url(furniture/closed_folder.jpg);
	background-repeat: no-repeat;
	background-position: left 1px;
	color: #FFFFFF;
}
.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}


/* start the editing folding tree menu system: */
.edit_treeview ul{ /*CSS for Simple Tree Menu*/
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #FFFFFF;
}

.edit_treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	list-style-type: none;
	padding-left: 22px;
	margin-bottom: 3px;
	background-image: url(furniture/menu_go.jpg);
	background-color:#715391;
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	color: #462a62;
}

.edit_treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
	cursor: pointer!important;
	cursor: pointer !important;
	background-color:#715291;
	background-image: url(furniture/closed_folder.jpg);
	background-repeat: no-repeat;
	background-position: left 1px;
	color: #FFFFFF;
}
.edit_treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.edit_treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}