/* Sarginsons, Hughes & Masser */
body {
	margin:				0;
	padding:			0;
	background-color:	#fff;
	color:				#222;
	font-family:		arial, verdana, sans-serif;
	font-size:			75%;
}
* {
	margin:				0;
	padding:			0;
}
#page_wireframe {
	margin:				0 auto;		
	width:				850px;
}

/* graphic top - (dynamic)  */
#masthead {
	height:				166px;
	margin:				0;
	background:			url(images/bg_home_mast_850x166.jpg) no-repeat top left;
}
#logo {
	float:				right;
	height:				125px;
	width:				208px;
	margin:				20px;
	background:			transparent;
}
#logo span {
	display:			none;
}


/* search and navigation */
#main_menu {
	margin:				4px 0 0 0;
	padding:			0;
	border-bottom:		12px solid #2A2D7E;
}
#main_menu ul {
	list-style-type:	none;
	margin:				0;
}
#main_menu ul li {
	float:				left;
}
#main_menu ul li a {
	display:			block;
	padding:			6px 16px 6px 8px;
	margin:				0;
	background:			url(images/navtab.gif) no-repeat top right;
	text-decoration:	none;
	color:				#2A2D7E;
}
#main_menu ul li a:hover {
	background:			url(images/navtab_over.gif) no-repeat top right;
	color:				#fff;
}
#search {
	padding:			0;
	float:				right;
	text-align:			right;
	width:				220px;
}
#search input {
	border:				2px solid #ddd;
	background:			#fff url(images/magglass.gif) no-repeat top left;
	padding:			1px 1px 1px 18px;
	width:				145px;
}
#search input.button {
	border:				0;
	background:			#fff;
	padding:			1px;
}

/* main content   */
#main_content {
	border-top:			12px solid #7D98C8;
	padding:			10px 0 8px 0;
}

/* specifically the home page  */
#home_left {
	margin:				0;
	float:				left;
	padding:			12px;
	width:				310px;
	background-color:	#D4E8F8;
	
	color:				#2B2E7E;  /* use this dark blue  */
}
#home_left h2 {
	font-size:			1.6em;
	margin:				0 0 6px 0;
}
#home_main {
	margin:				0 0 0 344px;
}
div.top_banner {
	padding:			6px 12px;
	margin:				0 0 8px 0;
	background-color:	#DCE3F0;
	
	font-size:			1.8em;
	color:				#7D98C8;
}

/* indifferently the other pages */
div.wide_banner {
	padding:			6px 12px;
	margin:				0 0 8px 0;
	font-size:			1.8em;
	color:				#fff;
}
#page_left {
	float:				left;
	width:				220px;
}
#page_left img {
	margin:				0 0 10px 0;
}
div.left_block {
	padding:			6px;
}

#page_main {
	margin:				0 0 0 232px;
}

#section_links {
	margin:				5px 0 0 0;
}
#section_links h3 {
	font-size:			1.2em;
	padding:			3px 6px;
}
#section_links ul {
	list-style-type:	none;
	padding:			5px 0;
}
#section_links ul li {
	
}
#section_links ul li a {
	display:			block;
	padding:			3px 6px;
	margin:				2px;
	text-decoration:	none;
	color:				#444;
}
#section_links ul li a:hover {
	text-decoration:	underline;
}

div.home_inline_image {
	
	border-top:			1px solid #eee;
	border-bottom:		1px solid #eee;
	
	padding:			10px 0;	
}
div.home_inline_image img {
	margin:				10px;
}


.right_block {
	float:				right;
	text-align:			right;
	width:				165px;
	margin:				0 0 0 16px;	
	
}

/* distinct structure and palette for side nav  */
/* for colors see foot of sheeet  */
div.rainbow_nav, .hip_block {

}
div.rainbow_nav ul {
	list-style-type:	none;
}
div.rainbow_nav ul li {
	margin:				0 0 4px 0;
}
div.rainbow_nav ul li a {
	display:			block;
	color:				#fff;
	text-decoration:	none;
	padding:			14px 6px 4px 6px;
}
div.rainbow_nav ul li a:hover {
	color:				#ccc;
}


/* adjustments for textual content  */
.content {
	line-height:			120%;
	font-size:				1em;
	color:					#333;
	margin:					0 180px 0 0;
}
.content p {
	margin:					0 0 10px 0;
	padding:				0;
}
.content a {
	text-decoration:		none;
	color:					#2A2D7E;	
}
.content a:hover {
	text-decoration:		underline;
}
.content span.quote {
	display:				none;
}
.content ul, .content ol {
	margin:				3px 0 3px 23px;
}

fieldset.contact_form {
	border:					0;
	padding:				4px;
}
fieldset.contact_form  p {
	padding:				2% 10% 2% 0;
	margin:					2px 0 6px;
	text-align:				right;
}
fieldset.contact_form  input, fieldset.contact_form  textarea {
	border:					2px solid #ddd;
	margin:					3px;
	padding:				1px;
}
fieldset.contact_form textarea {
	width:					200px;
}


/* specials for the HIP forms  .... */
fieldset.hip_form {
	border:					1px solid #eee;
	padding:				4px;
	margin:					2px 0 12px 0;
}
fieldset.hip_form legend {
	font-size:				1.6em;
}
fieldset.hip_form  p {
	padding:				2% 10% 2% 0;
	margin:					2px 0 6px;
	text-align:				right;
}
fieldset.hip_form  input, fieldset.hip_form  textarea {
	border:					2px solid #ddd;
	margin:					3px;
	padding:				1px;
}
fieldset.hip_form textarea {
	width:					200px;
}








.warn {
	border:					2px solid red !important;
}
#prefoot {
	margin:				5px 0;
	padding:			6px;
	color:				#fff;
}
#right_prefoot {
	float:				right;
	text-align:			right;
}
#prefoot p {
	margin:				0;
	padding:			0;
	font-size:			1.4em;
}

#footer {
	padding:			6px;
	color:				#525595;	
}
#right_foot {
	float:				right;
	text-align:			right;
}
#footer ul {
	list-style-type:	none;
}
#footer ul li {
	display:			inline;
	padding:			0 2px;
	margin:				1px 2px;
	border-left:		1px solid #525595;
}
#footer ul li a {
	text-decoration:	none;
	color:				#525595;
}
.clear {
	clear:				both;
}






/* rainbow colors */
/* 	made of three (3) components - 
	background, lighter background and text color  */
.home, .rainbow_ {
	background-color:	#F0F0F0;
	color:				#525595 !important;
}
.rainbow__light {background-color:#D4E8F8;}
.rainbow__text {color:#2B2E7E;}

.rainbow_1 {background-color:#C74235;}
.rainbow_1_light {background-color:#EED3D0;}
.rainbow_1_text {color:#962832;}

.rainbow_2 {background-color:#D97E74;}
.rainbow_2_light {background-color:#F5DFDC;}
.rainbow_2_text {color:#9C4F46;}

.rainbow_3 {background-color:#D1A755;}
.rainbow_3_light {background-color:#F3E9D4;}
.rainbow_3_text {color:#96783C;}

.rainbow_4 {background-color:#E1C27A;}
.rainbow_4_light {background-color:#F7F0DE;}
.rainbow_4_text {color:#78643C;}

.rainbow_5 {background-color:#D1D65E;}
.rainbow_5_light {background-color:#F3F5D7;}
.rainbow_5_text {color:#6B6B34;}

.rainbow_6 {background-color:#8BB488;}
.rainbow_6_light {background-color:#E2ECE1;}
.rainbow_6_text {color:#648264;}

.rainbow_7 {background-color:#4BAEC7;}
.rainbow_7_light {background-color:#D2EBF1;}
.rainbow_7_text {color:#316373;}

.rainbow_8 {background-color:#97BDE6;}
.rainbow_8_light {background-color:#E5EEF9;}
.rainbow_8_text {color:#3C5A78;}

.rainbow_9 {background-color:#8F99CA;}
.rainbow_9_light {background-color:#E3E5F2;}
.rainbow_9_text {color:#2A3463;}