body {
  	margin: 0;
 	background-color: #ffffff;
	background: url(/img/gradient_bg_0.png);
	background-repeat: repeat-x;
	/* IE only, does not validate w3c!
    scrollbar-face-color : #006666;
    scrollbar-shadow-color : #006600;
    scrollbar-highlight-color : #00CC99;
    scrollbar-3dlight-color : #000000;
    scrollbar-darkshadow-color : #000000;
    scrollbar-track-color : #009999;
    scrollbar-arrow-color : #ffffff; */
    text-align: center;
}

body,p,td,div,input,textarea,select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

input, textarea {  border-style: solid; border-width: 1px; border-color: #6e9195 }

a.nava, a.navb , a.navc, a.navd, a.nave, a.navf {
	display: block;
	width: 195px;
	border-bottom:1px solid #cdcdcd;
	margin: 0 0 0 0;
	text-align: left;
	padding: 10px 0 10px 15px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	/* background: url(/img/menu_gradient_0.png); */
	background: #566978;
}


a.navaa, a.navbb,a.navcc,a.navdd,a.navee,a.navff {
	display: block;
	width: 195px;
	border-bottom:1px solid #cdcdcd;
	margin: 0 0 0 0;
	text-align: left;
	padding: 2px 0 2px 15px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

a.nava,a.navaa {
	background: #566978
}
a.navb,a.navbb {
	background: #3e4099
}
a.navc,a.navcc {
	background: #993e98

}
a.navd,a.navdd {
	background: #58993e
}
a.nave,a.navee {
	background: #c1793e
}
a.navf,a.navff {
	background: #3e7c99
}

a.navaa {
	background: url(/img/menu_gradient_0.png);
}
a.navbb {
	background: url(/img/menu_gradient_1.png);
}
a.navcc {
	background: url(/img/menu_gradient_2.png);
}
a.navdd {
	background: url(/img/menu_gradient_3.png);
}
a.navee {
	background: url(/img/menu_gradient_4.png);
}
a.navff {
	background: url(/img/menu_gradient_5.png);
}

a.nava:hover,a.navaa:hover{ 
	color: #fff;
	background: #566978
}
a.navb:hover,a.navbb:hover{ 
	color: #fff;
	background: #3e4099
}
a.navc:hover,a.navcc:hover{ 
	color: #fff;
	background: #993e98
}
a.navd:hover,a.navdd:hover{ 
	color: #fff;
	background: #58993e
}
a.nave:hover,a.navee:hover{ 
	color: #fff;
	background: #c1793e
}
a.navf:hover,a.navff:hover{ 
	color: #fff;
	background: #3e7c99
}

.mainbox {
	width: 1022px;
	margin-left: auto ;
	margin-right: auto ;
	border: 1px solid #cdcdcd;
	text-align: left;
}

.top {
}

.nav {
	
	float: left;
}

.content {
	width: 802px;
	margin: 5px 5px 5px 200px;
	padding-left: 10px;
	border-left: 1px solid #ddd;
	text-align: center;
}

.bottom {
	
}

	
.green_box,
.blue_box,
.purple_box,
.orange_box,
.cyan_box {
		padding: 0 3px 0 3px;
		text-align: left;
		color: #eeeeee;
		text-decoration: none;
		display: block;
		height: 72px; 
		font-size: 10px
}
a.green_box:hover,
a.blue_box:hover,
a.purple_box:hover,
a.orange_box:hover,
a.cyan_box:hover {
		text-decoration: none;
		color: #ffffff;
}
h1 { 
	font-size: 13px;
	text-align: center;
}

h2 { 
	font-size: 12px;
	text-align: center;
}

h3 { 
	font-size: 11px;
	text-align: center;
}


#imageContainer { height:272px; }  
#imageContainer img { display:none; 	
			position:absolute; 	
			top:0px; left:0px; 	
			height:272px;  	
			width:800px; 	
			} 

.foot, .copy {
	text-align: center;
	font-size: 8px;
}

/* SHADS */
.title { color: #000000; font-size: 15px;margin: 3px}
.titles { color: #ac1e44; font-size: 11px;margin: 3px}
.shads_td { padding: 1px}
.shads_ad_viewer_selection {float: left}
.shads_txtarea { width: 500px}
.adv_table { width: 90% }
.adv_top { width: 25%; text-align: center;background: #c5c6ff;}
.adv_td1 { padding: 1px; background: #c5c6ff; width: 40%}
.adv_td2 { padding: 1px; background: #c5c6ff;width: 60%}
.adv_td3 { padding: 1px; background: #c5c6ff;width:20%}
.adv_td4 { padding: 1px; background: #c5c6ff}
.adv_td5 { padding: 1px; background: #c5c6ff}
.adv_td6 { padding: 1px; background: #c5c6ff}
.adv_td7 { padding: 1px; background: #c5c6ff}

/*
   #############################################
            SHARP UPDATE CSS CLASSES
   #############################################
*/

/* ________ the standard sharp update module css _______ */

/* the style of the image buttons (mostly margins) */
.shu_buttons {}

.shu_table {width: 800px}
.diary_header, .shu_title {font-weight: normal; font-size: 14px}
.shu_img {margin: 10px}
.shu_text {text-align: justify}
.shu_file {}

/* ________ the sharp update advert insert module css _______ */

.shu_title_insert {} /* title anchor */
.shu_img_insert {} /* image anchor */
.shu_txt_insert {} /* text anchor */

/* ________ the sharp update summary module css _______ */

.summary_table {}
.summary_title {}
.summary_text {}

/* ________ the sharp update links module css _______ */

.link_table {}
.link_title {}
.link_img {}
.link_text {}

/* the style of the text above the links */
.links_header {}

/* the style of the anchor text above the links */
.links_header_anchor {}

/* ________ the sharp update guestbook module css _______ */

.guestbook_table {}
.guestbook_title {}
.guestbook_text {}

/* the style of the text above the links */
.guestbook_header {}

/* the style of the anchor text above the links */
.guestbook_header_anchor {}

/* ________ the sharp update adverts module css _______ */

.advert_table {}
.advert_title {}
.advert_img {}
.advert_text {}
.advert_phone {}
.advert_feedback {}

/* the style of the text above the adverts */
.adverts_header {}
/* the style of the anchor text above the adverts */
.adverts_header_anchor {}

/* ________ the sharp update shopping module css _______ */

.shop_table {}
.shop_title {}
.shop_file {}
.shop_img {}
.shop_text {}
.already_in_cart {}
.shop_button {}
.shop_class_2 {}
.shop_checkout {}

/* ________ the sharp update checkout module css _______ */

.checkout_table {}
.checkout_title {}
.checkout_table_2 {}
.checkout_button {}
.checkout_class_2 {}
/* the style of the text asking user additional instructions */
.checkout_class_3 {}
.checkout_terms_and_conds {background: #EEDD66; font-weight: bold}

/* ________ the sharp update diary module css _______ */

.diary_table {background: #dddddd; width: 790px;}
.diary_header {}
.diary_text {border-top: 1px solid #ffffff}

/* ________ the sharp update mini cart module css _______ */

.mini_cart_table {}
.mini_cart_header {}
.mini_cart_text {}
.mini_cart_text_2 {}



/* ________ the sharp update archive output css _______ */

.shu_archive_title {}

.title { color: #000000; font-size: 15px;margin: 3px}
.titles { color: #ac1e44; font-size: 11px;margin: 3px}
.shads_td { padding: 1px;background: #c5c6ff;}
.shads_ad_viewer_selection {float: left}
.shads_txtarea { width: 500px}
.adv_table { width: 100%}
.adv_top { width: 25%; text-align: center;background: #c5c6ff;}
.adv_td1 { padding: 1px; background: #c5c6ff; width: 40%}
.adv_td2 { padding: 1px; background: #c5c6ff;width: 60%}
.adv_td3 { padding: 1px; background: #c5c6ff;width:20%}
.adv_td4 { padding: 1px; background: #c5c6ff}
.adv_td5 { padding: 1px; background: #c5c6ff}
.adv_td6 { padding: 1px; background: #c5c6ff}
.adv_td7 { padding: 1px; background: #c5c6ff}