/*****************************************************************
############### COMMON ELEMENT STYLES ##############
******************************************************************/
body {margin: 0; padding: 0; font-family: verdana, arial, sans-serif; font-size: small; }

h2 { font-size: 170%; margin-bottom: 10px; margin-top: 10px; font-weight: normal; }
h3 { font-size: 130%; margin-bottom: 0px; }
h4 { font-size: 100%; margin-bottom: 0px; }

a, a:link { }
a:visited {	}
a:hover, a:active {	}

ul { list-style-image: url(../images/bullet.gif); }

dd {padding:0; margin:0 0 10px 0;}

/*****************************************************************
####################### LAYAUT HOLDERS ###########################
******************************************************************/
#wrapper {	background: url("../images/blueback.gif") repeat-y top left; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; voice-family: "\"}\""; voice-family: inherit; width: 744px; }
#container { margin: 0; padding: 0; font-size: 85%; }
#left {	float: left; text-align: left; border-right: 1px solid #fff; voice-family: "\"}\""; voice-family: inherit; width: 159px; }
#right { float: right; text-align: left; margin-right: 15px; voice-family: "\"}\""; voice-family: inherit; width: 151px; }
.resetter { clear:both; height:1px; font-size:1px; line-height:1px; }



/*****************************************************************
########################### HEADER ##############################
******************************************************************/
#header { font-size: 90%; float: left; border-bottom: 1px solid #fff; padding: 3px 5px 3px 5px; voice-family: "\"}\""; voice-family: inherit; width: 734px; }
#header input {	font-size:90%; margin:1px 0 1px 0; }
#header_l { float: left; padding-left: 5px; }
#header_l select { font-size: 90%; }
#header_l label { color: #fff; margin-right: 3px; }
#header_r { float: right; padding-right: 5px; }
#header form { margin:0; padding:0; }
#header input { font-size:90%; margin:1px 2px 1px 5px; padding: 0; }
#header input.searchgo, #header input.langchgo { vertical-align: bottom; }
#banner { border-bottom: 1px solid #fff; }



/*****************************************************************
########################### FOOTER ###############################
******************************************************************/
#footer { margin: 0; padding: 0; clear: both; padding: 2px 15px; padding-bottom: 20px; font-size: 90%; }
#footer p { padding-bottom: 4px; margin-bottom: 4px; }
#footer_menu { text-align: right; padding: 0; margin: 0; list-style: none; }
#footer_menu li { display: inline; margin-left: 10px; padding-left: 10px; }



/*****************************************************************
########################## TOP MENU ##############################
******************************************************************/
#topmenu { float: right; padding: 8px 10px; voice-family: "\"}\""; voice-family: inherit; width: 564px; }
#topmenu ul { padding: 0; margin: 0; list-style: none; float: right; }
#topmenu ul li { display: inline; font-weight: bold; margin-left: 10px; padding-left: 10px; border-left: 1px solid #009999; }
#topmenu ul li a, #topmenu ul li a:link, #topmenu ul li a:visited { text-decoration: none; }
#topmenu ul li a:hover { text-decoration: underline; }



/*****************************************************************
######################### LEFT MENU ##############################
******************************************************************/
#leftmenu_holder { background: url(../images/lh_nav_bot_bg.png) no-repeat bottom left; padding-bottom: 170px; }	
#leftmenu {	margin: 0; padding: 0; list-style: none; list-style-image: none; }
#leftmenu li { padding: 0; margin: 0; background: url(../images/lh_nav_bg_b.gif) repeat-x top left; border: 3px solid #029A9A; border-bottom: 0; margin-bottom: 1px; }	
#leftmenu ul { margin: 0; padding: 0; list-style: none; }
#leftmenu ul li a,  #leftmenu ul li a:link, #leftmenu ul li a:visited { font-weight: bold; text-decoration: none; }
#leftmenu li a, #leftmenu li a:link { display: block; padding: 6px 5px 6px 10px; font-weight: bold; text-decoration: none; }
#leftmenu li a:visited { }
#leftmenu li a:hover, a:active { text-decoration: underline; }
#leftmenu .selected { padding: 2px 0px 1px 2px; margin: 0; border: 0; margin-bottom: 1px; voice-family: "\"}\""; voice-family: inherit; }
#leftmenu li a.selected, #leftmenu li a:link.selected, #leftmenu li a:visited.selected{ display: block; padding: 6px 5px 6px 10px; font-weight: normal; text-decoration: none; }



/*****************************************************************
######################## BREADCRUMBS #############################
******************************************************************/
#breadcrumbs { background: url(../images/breadcrumb_bg.gif) repeat-y top left; padding: 8px 10px; voice-family: "\"}\""; voice-family: inherit; width: 563px; float: left; }
#breadcrumb_menu { list-style: none; padding: 0; margin: 0; display: inline; }
#breadcrumb_menu li { padding: 0; margin: 0; display: inline; }



/*****************************************************************
####################### CONTENT HOLDERS ##########################
******************************************************************/
.content { float:left; min-height:400px; height:auto !important; height:400px; padding: 0 20px 10px 19px; voice-family: "\"}\""; voice-family: inherit; width: 379px; margin: 0px;}
#content_default_layout { float:left; min-height:400px; height:auto !important; height:400px; padding: 0 20px 10px 19px; voice-family: "\"}\""; voice-family: inherit; width: 540px; }
.content p { line-height: 1.4em; margin-top: 10px; margin-bottom: 0px;}


/*****************************************************************
######################### FEATURE BOX ############################
******************************************************************/
.featurebox{ font-size: small; }
.featurebox h4 { font-size: 85%; padding: 5px; padding-right: 15px; margin-bottom: 1px; }
.featurebox  p{	margin: 8px; padding-bottom: 8px; font-size: 85%;	}
.featurebox ul { padding: 0; margin: 0; padding-top: 5px; padding-left: 30px; padding-bottom: 7px; font-size: 85%; }
.featurebox ul li { padding: 0; margin: 0; }
.featurebox .featurebox_footer { border-top: 1px solid #fff; padding: 5px; margin: 0; font-size: smaller; }



/*****************************************************************
######################### FORM ERRORS ############################
******************************************************************/
.form_errors ul, .form_errors p {color: red;}
.form_errors li {list-style:disc;}



/*****************************************************************
########################## ARTICLE ##############################
******************************************************************/
.article_summary p { margin-top:5px; }
.article_display_pubdate { margin-top:5px; }
.article_display_widgets { margin-top:5px; }
.article_display_content li { line-height: 1.4em; }	
.document_display h3 {font-size: 11px;}	
.article_summary img {float:left;}
.article_display img {float:right;}
	
	
/*****************************************************************
########################### FORUMS ##############################
******************************************************************/
#forums table { border-collapse: collapse; }
#forums th, td { vertical-align: top; }
#forums th { font-weight: bold;	text-decoration: none; font-size: 11px;	padding:5px; }
#forums h3 { margin:0;padding:0; }
#forums .message_widgets {border-bottom: 1px solid #ddd; }
#forums tr.topic_message td{ border:1px solid white; padding:5px; }
#forums tr.row0 td{ border:1px solid white; padding:5px; }
#forums tr.row1 td{ border:1px solid white; padding:5px; }
.forums_widgets { margin-bottom:3px; padding-bottom:3px; }
.forums_paging { margin-bottom:3px; padding-bottom:3px; font-size:12px;}
#forums a.new_message {background: url(/speck/images/icons/16x16/add_comment.gif) no-repeat; padding:0px 0 2px 17px; }
#forums a.new_topic {background: url(/speck/images/icons/16x16/add_folder.gif) no-repeat; padding:0px 0 2px 17px; }
.message_widgets, .message_widgets a { font-size: 11px; }
.message_body { margin-top:5px; margin-bottom:5px; }
.message_body ul { padding-bottom:0; margin-bottom:0; }
.message_body ul li { padding-bottom:0; margin-bottom:0; }
#forums a.topic_reply { background: url(/speck/images/icons/mini/comment.gif) no-repeat; padding:0 0 0 12px; }
table.forums_form { }
table.forums_form td { border:1px solid white; padding:5px; }
table.forums_form tr.replying_to { }



/*****************************************************************
########## STYLES SPECIFIC FOR: [WHA] WEBSITE ####################
******************************************************************/	
	
	/* ### FIRST FEATURE BOX ###*/
		
	#firstFeaturebox .featurebox {
		background: #FFE5BF;
		color: #660000;
		margin-top: 20px;
		font-size: small;
		padding-bottom: 3px;
		}
	
	#firstFeaturebox .featurebox h4 {
	 color: #fff;
	 font-size: 85%;
	 background: #FF9900 url(../images/rh_arrow_highlight.gif) no-repeat 133px center;
	 padding: 5px;
	 padding-right: 15px;
	 margin-bottom: 1px;
	}
	
	#firstFeaturebox .featurebox p{
		margin: 8px;
		padding-bottom: 0px;
		font-size: 85%;
	}
	
	#firstFeaturebox .featurebox a, #firstFeaturebox .featurebox a:link {
		color: #663300;
		}
	
	#firstFeaturebox .featurebox a:visited {
		color: #993300;
		}
	
	#firstFeaturebox .featurebox a:hover, #firstFeaturebox  .featurebox a:active {
		color: #CC0033;
		}

	
	
	
	/* ### MAIN HOME FEATURE BOX ###*/
	
	#content_box_left {
		float: left;
		width: 194px;
		margin-right: 10px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 184px;
		}
	
	#content_box_right {
		float: right;
		width: 184px
		}
	
	#content_feature_box {
		float: left;
		margin-top: 15px;
		margin-bottom: 15px;
		font-size: small;
		}
		
	#content_feature_box h4 {
		color: #000;
		font-size: 85%;
		background: #B2E0E0;
		padding: 5px;
		margin: 0;
		border-bottom: 1px solid #fff;
		}
	
	#content_feature_box img {
		border: 1px solid #B2E0E0;
	}
	
	#content_feature_box ul {
		padding: 0;
		margin: 0;
		padding-top: 7px;
		padding-left: 30px;
		font-size: 85%;
		}
	
	#content_feature_box li {
		margin-bottom: 5px;
		}
	
	#content_feature_box p {
		padding-left: 10px;
		padding-right: 5px;
		font-size: 85%;
		}

	
	
	/* ### RIGHT LINKS ###*/
	
	#right_links {
	margin: 0;
	margin-top: 15px;
	padding: 0;
	list-style: none;
	list-style-image: none;
	}
	
	#right_links li {
	 background:  #D9F0F0 url(../images/rh_arrow_normal.gif) no-repeat 133px center;
	 border: 1px solid #A6DBDB;
	 padding: 5px;
	 padding-right: 20px;
	 margin-bottom: 10px;
	 font-weight: bold;
	}
	
.article_summary p {margin-top:5px;}
.article_summary_title {font-size: 11px;}
.article_display_title {font-size: 18px; font-weight: normal; margin-top: 10px;}
.article_display_documents {font-size: 14px;}
.document_display_title {font-size: 10px;}
.article_display_pubdate {margin-top:5px;}
.article_display_widgets {margin-top:5px;}
.article_summary img {float:left;}
.article_display img {float:right;}
	
/*****************************************************************
*******************************************************************
############### !EDIT THESE STYLES FOR COLOR CHANGE! ###############
*******************************************************************
******************************************************************/
	
	/*  M A I N    E L E M E N T S   */
	body { background: #CCEBEB url("../images/bg.gif") repeat-x top left; }
	
	h2 { color: #007F7F; }
	h3 { color: #006666; }
	h4 { color: #006666; }	
	
	a, a:link {	color: #006666; }
	a:visited {	color: #009999;	}
	a:hover, a:active {	color: #CC0033;	}
	
	
	/*  H E A D E R  &  F O O T E R  */
	#header { background: #006666; }
	#header_l label { color: #fff; }
	#footer p { border-bottom: 3px solid #BFE5E5; color: #4B4B4B; }
	#footer_menu li { border-left: 1px solid #7FCCCC; }
	
	
	/* M E N U S */
	#topmenu { background: #B2E0E0;	}
	#leftmenu_holder { background-color: #99D6D6; }
	#leftmenu {	background: #fff; }
	#leftmenu li { background-color: #029A9A; }
	#leftmenu li a, #leftmenu li a:link { color: #fff; }
	#leftmenu li a:visited { color: #fff; }
	#leftmenu ul li a,  #leftmenu ul li a:link, #leftmenu ul li a:visited  { color: #fff; }
	#leftmenu .selected { background: #7FCCCC; }
	#leftmenu li a.selected, #leftmenu li a:link.selected, #leftmenu li a:visited.selected{ color: #005959; }
	
	
	/*  C O N T E N T  */
	.content p, .content li, .content dd, .content dt, .content td { color: #4B4B4B; }
	.featurebox{ background: #D9F0F0; color: #000; }
	.featurebox h4 { color: #000; background:  #A6DBDB; }
	.featurebox .featurebox_footer { background: #CCEBEB; }
	
	
	/*  F O R U M S  */
	#forums th { color: #FFF; background-color: #066; border:1px solid white; }
	#forums tr.topic_message td { background-color:#F2EBD4; }
	#forums tr.row0 td { background-color:#F2EBD4; }
	#forums tr.row1 td { background-color:#FAF7EC; }
	table.forums_form { background-color:#FAF7EC; }
	table.forums_form tr.replying_to { background-color:#F2EBD4; }
	
.form_errors ul, .form_errors p {color: red;}
.form_errors li {list-style:disc;color: red;}