body { margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.75em; Xbackground:url(../images/bgd-1.jpg) repeat-x; }

h1 { font-size:1.75em; font-weight:100; }
h2 { font-size:1.5em; font-weight:100; }
h3 {  font-size:1.25em; font-weight:100; }
a:hover { text-decoration:underline; }
ul { margin-left:1em; padding-left:0; }  
li {  margin-left:1em; padding-left:0; }

#wrapper { margin:0 auto; width:980px; }

#header_wrapper { }
#logo { float:left; width:200px; margin:1em 0 0 40px; padding:0; }
#header_right_wrapper { float:right; }
#top_nav { text-align:right; padding:1em 1em; }
#top_nav a {margin-left:20px;  }
#nav { margin-top:0; padding-right:20px; }
#nav div { float:left; margin-left:2px; width:100px; padding:5px; text-align:center;  }
#nav div a { font-weight:bold; text-decoration:none; }
#nav div a:hover, #nav div a.selected { color:black; }
#header_img { clear:both; height:160px; }
#header_img_caption { }
#header_img_caption div { 
	float:right;
	width:250px;
	margin-top:50px;
	margin-right:150px;
	border:1px dotted #777777; 
	padding:1em;
	background:#fafafa;
	color:#74121D;
	text-align:center;
	}

#content_wrapper { margin:1em auto; width:940px; }
#footer { clear:both; margin-top:2em; padding:1em 0; font-size:.9em; text-align:center; }
#footer a { font-weight:normal; }

/**** 4 cols, eg home page ****/
xdiv { border:1px solid #cccccc; }
#c1_4 { float:left; width:180px; margin-right:20px; }
#c2_4 { float:left; width:220px; margin-right:20px; }
#c3_4 { float:left; width:220px;  margin-right:20px; }
#c4_4 { float:left; width:180px;  }
#xxxc1_4 h1 a {  font-weight:100; text-decoration:none; }

/*** 3 cols ****/
#c1_3 { float:left; width:180px; margin-right:20px; }
#c2_3 { float:left; width:540px; margin-right:20px; }
#c3_3 { float:left; width:178px;   }
#xxxc1_3 h1 a {  font-weight:100; text-decoration:none; }

/*** 2 cols ****/
#c1_2 { float:left; width:180px; margin-right:20px; }
#c2_2 { float:left; width:660px; }
#xxxc1_2 h1 a {  font-weight:100; text-decoration:none; }


h1 a {  font-weight:100; text-decoration:none; }
h1 a:hover {  text-decoration:none; }

/***** tabs ****/
#tab_wrapper { margin:0; padding:0;   }
#tab_wrapper table, #tab_wrapper tr  { margin:0; padding:0;    }
.tab { float:left; margin-right:2px; border:1px solid #dddddd; border-bottom:0; padding:3px 10px; height:2.5em; font-weight:bold; background:url(../images/bgd-gradient-2.jpg) repeat-x top; }
#tab_contents_wrapper { clear:both; padding:5px 15px; border:1px solid #dddddd; background:url(../images/bgd-gradient-2.jpg) repeat-x top; }
.tab_content { display:none;  }


/*** home ***/
.homepage_panel { margin:20px 0; border:1px dotted #680D16; color:#680D16; padding:.5em 1em; background:#fafafa; }
.homepage_panel H2 { margin-top:0; padding-top:0; color:#680D16; }

/*** products ***/
.product_wrapper { background:#fafae9; border:1px solid #999988; margin-bottom:1em; }
.product_wrapper h1 { margin:0; padding:.2em 5px; }
.product { margin-bottom:.25em; padding:5px;  }
.product:hover { }
.product a { font-weight:bold; }
.product ul li a { font-weight:normal; }

#idea_addons ul li { margin-top:.5em; } 

/*** training V1 ***/
.subnav { margin-bottom:1em; padding:1em .5em; }
.subnav:hover { }
.subnav.selected { }
.subnav h2 { margin:0; padding:0; font-size:1em; }
.subnav a { text-decoration:none; 	}
.subnav a:hover { text-decoration:underline; 	}
.subnav h2 a.selected { text-decoration:underline; }

.panel_wrapper { margin-bottom:0;  }
.panel_wrapper:hover {  }
.panel_wrapper h2 { margin:0; padding:.2em 5px; }
.panel_wrapper h2 a { }
.panel_wrapper h2 a:hover {}
.panel_wrapper p { margin:1em; }

.table { margin-top:1em; margin-left:1em; background:#cccccc; }
.td1 { background:#dfdfdf; padding:3px 10px; }
.td2 { background:#efefef; padding:3px 10px; }
.td3 { background:#f9f9f9; padding:3px 10px; }

.end_floats { clear:both; }

/**** colours ****/
#logo h1 a { color:#5F3616; text-decoration:none; }
body { color:#5F5F5F; }
strong { color:#3f3f3f; }
a { color:#35689B; font-weight:bold;  }
a:hover, a.selected { color:#155D89; xx:#033669; }
h1 { color:#4E81B4; }
h2, h3 { color:#4E81B4; } h3 { font-weight:bold; }
#nav div { border:1px solid #ffffff; background:#74121d; border-bottom:0; }
#nav div a {color:#f5f5f5; }
#nav div a:hover, #nav div a.selected { color:#f5f5f5;  }
#nav div:hover, #nav div.selected { background:#B51C2E; zz:#DD273C; xxxx:#B51C2E; xxx:#A81A2B; }
#header_img { border:2px solid #ffffff; }
#header_img_caption { color:white; }
#content_wrapper { xxxxxborder-top:10px solid #665f6e; }
#footer { border-top:1px solid #cccccc; }
#header_img_caption { color:#ffffff; }
.subnav { border:1px solid #D0D1AB;  background:#ffffee; }
.subnav.selected { background:#ffffdd; }
.panel_wrapper { margin-bottom:1em;   }
.panel_wrapper h2 { font-size:1em; font-weight:bold; color:#5F3616; padding:0 .25em .1em .25em; border-bottom:1px dotted #5f3616;  }
.panel_wrapper h2  a { color:#5F3616; text-decoration:none  }
.panel_content { margin-top:1px; padding-top:.5em; background:url(../images/bgd-gradient-3.jpg) repeat-x top; }
.panel_link { margin:0 .5em .5em 1em; padding:0 1em; padding-left:10px; background:url(../images/arrow-4.gif) left top no-repeat;  }
.panel_link a { font-weight:bold; text-decoration:none; }
.panel_link a:hover { text-decoration:underline;  }
.panel_link a.selected { text-decoration:underline;  }

/****/
body {  background:#efefef; margin-top:2em; }
#wrapper { background:#ffffff; border:1px solid #dddddd; } 
#header_img { border:10px solid #ffffff; border-top:1px;}
h1,h2,h3 { color:#196B9F; zzz:#4D6882; }
a { color:#2089CB; }
#nav div { xbackground:url(../images/bgd-nav-1.jpg) repeat-x top; }


.arrow { padding-left:10px; background:url(../images/arrow-4.gif) left top no-repeat; }

#hbiconsulting {  margin:0 auto; width:980px; text-align:right; padding:1em 0; }
#hbiconsulting a { color:#aaaaaa; font-weight:normal; margin-right:20px;  }
#hbiconsulting a:hover { color:#aaaaaa; font-weight:normal;  }

/**** admin ****/
#admin_content {}
#resources_admin_wrapper { border:1px dotted #cccccc; padding:5px; }
#resources_admin_wrapper h1 { color:red; }


.alert { padding:1em 20px; border:1px dotted #ccc; background:lightyellow; }