/* layout */

html, body 
{
	margin: 0;
	padding: 0;
}

body 
{
	font-family: Georgia;
	font-size: 0.7em; /* base font grootte */
	background-color: #ffffff;
}

#container 
{
	position: relative;
	width: 100%;
	height: 100%;
}

	#top 
	{
		position: relative;
		height: 152px;
		background: #ffffff url('/contentsuite/template/wbb/images/menu_bg.gif') repeat-x 0px 110px;
		z-index: 2;
	}

		#head 
		{
			position: relative;
			width: 900px;
			height: 152px;
			margin-left: auto;
			margin-right: auto;
		}

			#logo 
			{
				position: relative;
				float: left;
				width: 232px;
				height: 77px;
				padding: 18px 0 15px 0;
			}
			
			#topmenu 
			{
				position: relative;
				float: right;
				padding: 10px 0 0 0;
			}
			
			#menu 
			{
				position: relative;
				float: left;
				padding-left: 10px;
			}
			
	#middle 
	{
		position: relative;
	}

		#body 	
		{
			position: relative;
			width: 900px;
			margin-left: auto;
			margin-right: auto;	
		}

			#main 
			{
				position: relative;
				width: 900px;
				min-height: 400px;
				height: auto !important;
				height: 400px;
				padding-top: 30px;
				/*font-size: 1.05em;*/
			}
				
				.content_column 
				{
					position: relative;
					float: left;
					display: inline; /*IE6 fix*/
				}
				
				.content_column_info 
				{
					position: relative;
					float: left;
					width: 16px; /*56*/
					margin: 0 20px 0 20px;
					padding-top: 23px;
					display: inline; /*IE6 fix*/
					background: #ffffff url('/contentsuite/template/wbb/images/bullets_large.gif') no-repeat 0 0;
				}
				
				.ciA, .ciB, .ciC, .ciD, .ciE, .ciF, .ciG, .ciH, .ciI, .ciJ, .ciK, .ciL, .ciM, .ciN, .ciO, .ciP, .ciQ, .ciR, .ciS, .ciT, .ciU, .ciV, .ciW, .ciX, .ciY, .ciZ {position: relative; background-image: url('/contentsuite/template/wbb/images/column_info_letters.gif'); background-repeat: no-repeat; width: 8px;}
				.ciA {height: 7px; background-position: 0 -161px;}
				.ciB {height: 7px; background-position: 0 -154px; margin: 0 0 1px 0;}
				.ciC {height: 6px; background-position: 0 -148px;}
				.ciD {height: 7px; background-position: 0 -141px; margin: 0 0 1px 0;}
				.ciE {height: 6px; background-position: 0 -135px; margin: 0 0 1px 0;}
				.ciF {height: 6px; background-position: 0 -129px; margin: 0 0 1px 0;}
				.ciG {height: 7px; background-position: 0 -122px;}
				.ciH {height: 6px; background-position: 0 -116px; margin: 0 0 1px 0;}
				.ciI {height: 3px; background-position: 0 -113px; margin: 0 0 1px 0;}
				.ciJ {height: 6px; background-position: 0 -107px;}
				.ciK {height: 7px; background-position: 0 -100px; margin: 0 0 1px 0;}
				.ciL {height: 6px; background-position: 0 -94px; margin: 0 0 1px 0;}
				.ciM {height: 7px; background-position: 0 -87px; margin: 1px 0 1px 0;}
				.ciN {height: 6px; background-position: 0 -81px; margin: 1px 0 1px 0;}
				.ciO {height: 7px; background-position: 0 -74px;}
				.ciP {height: 7px; background-position: 0 -67px; margin: 0 0 1px 0;}
				.ciQ {height: 6px; background-position: 0 -61px;}
				.ciR {height: 6px; background-position: 0 -55px; margin: 1px 0 1px 0;}
				.ciS {height: 6px; background-position: 0 -49px;}
				.ciT {height: 6px; background-position: 0 -43px;}
				.ciU {height: 6px; background-position: 0 -37px; margin: 1px 0 1px 0;}
				.ciV {height: 7px; background-position: 0 -30px;}
				.ciW {height: 9px; background-position: 0 -21px;}
				.ciX {height: 7px; background-position: 0 -14px;}
				.ciY {height: 8px; background-position: 0 -6px;}
				.ciZ {height: 6px; background-position: 0 0;}
				.ci_ {position: relative; width: 8px; height: 3px;}
						
	#bottom 
	{
		position: relative;
		height: 23px;
		background: #ffffff url('/contentsuite/template/wbb/images/footer_bg.gif') repeat-x 0 0;
	}

		#footer 
		{
			position: relative;
			width: 820px;
			margin-left: auto;
			margin-right: auto;
			padding-left: 80px;
		}

.clear 
{
	clear: both;
}

.input 
{
	font-family: Georgia;
	font-size: 1em;
	color: #004368;
	border: solid 1px #66a2c0;
	padding: 2px;
}

.tblSystemMessage 
{
	width: 100%;
	margin-bottom: 10px;
	border: dashed 1px #66a2c0; 
	background: #ffffff;
	font-style: italic;
}


/* elements */

h1 
{
	color: #005a8c;
	font-family: Georgia;
	font-size: 1.7em;
	font-weight: 900;
	margin-top: 0;
}

h2 
{
	color: #005a8c;
	font-family: Georgia;
	font-size: 1.5em;
	font-weight: 900;
	margin-top: 0;
}

h4 
{
	color: #005a8c;
	font-family: Georgia;
	font-size: 1.1em;
	font-weight: 900;
	margin-bottom: 0;
	line-height: 1.3em;
}

p 
{
	line-height: 1.5em;
	margin: 0 0 1em 0;
	padding: 0;
}

div p:first-child {margin-top: 0;}
div p:last-child {margin-bottom: 0;}
div h4:first-child {margin-top: 0;}
div h4:last-child {margin-bottom: 0;}

form 
{
	margin: 0;
	padding: 0;
}


/* (text) markup */

.error 
{
	color: #e00000;
}

#topmenu, #topmenu a
{
	font-family: Arial;
	font-size: 1em;
	color: #909090;
	text-decoration: none;
}

#topmenu a:hover 
{
	text-decoration: underline;
}

#body 
{
	color: #000000;
}

#body a 
{
	color: #606060;
	text-decoration: none;
}

#body a:hover 
{
	text-decoration: underline;
}

#body li 
{
	line-height: 1.5em;
}

ul 
{
	margin-left: 20px;
	padding: 0;
}

li 
{
	line-height: 1.5em;
}

#sitemap ul 
{
	margin: 0 0 0 20px;
}


#footer, #quote 
{
	color: #66a2c0;
	font-size: 10px;
}

.italic 
{
	font-style: italic;
}

.small 
{
	font-size: 0.8em;
}

.large 
{
	font-size: 1.2em;
}

.hidden 
{
	display: none;
}

/* menu */

.jqueryslidemenu
{
	font-size: 1.1em;
	font-family: Georgia;
	width: 100%;
}

.jqueryslidemenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.jqueryslidemenu ul li /*Top level list items*/
{
	position: relative;
	display: inline;
	float: left;
}

.jqueryslidemenu ul li a /*Top level menu link items style*/
{
	display: block;
	background: #ffffff; /*background of tabs (default state)*/
	color: #ababab;
	padding: 4px 10px 12px 10px;
	color: #606060;
	text-decoration: none;
	border-top: solid 8px #bfbfbf;
	white-space: nowrap;
}

* html .jqueryslidemenu ul li a /*IE6 hack to get sub menu links to behave correctly*/
{
	display: inline-block;
}

.jqueryslidemenu ul li a:hover
{
	border-top: solid 8px #005a8c;
}

.jqueryslidemenu ul li .menu_active
{
	border-top: solid 8px #005a8c;
	color: #005a8c;
}
	
.jqueryslidemenu ul li ul /*1st sub level menu*/
{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	padding-bottom: 10px;
	background-color: #ffffff;
	margin-top: -1px; /* IE */
}

.jqueryslidemenu ul li ul li /*Sub level menu list items (undo style from Top level List Items)*/
{
	display: list-item;
	float: none;
}

.jqueryslidemenu ul li ul li ul /*All subsequent sub menu levels vertical offset after 1st level sub menu */
{
	top: 0;
}

.jqueryslidemenu ul li ul li a /* Sub level menu links style */
{
	background: transparent url(/contentsuite/template/wbb/images/menu_bullet.gif) no-repeat left center;
	font-size: 0.9em;
	font-family: Arial;
	color: #000000;
	/*width: 150px; /*width of sub menus*/
	padding: 2px 20px 2px 25px;
	margin: 0;
	border-top: 0;
}

.jqueryslidemenu ul li ul li a:hover /*sub menus hover style*/
{
	color: #005a8c;
	border-top: 0;
	text-decoration: underline;
}

.jqueryslidemenu ul li ul li .menu_sub_active
{
	color: #005a8c;
}

.menu_divider 
{
	width: 1px;
	height: 34px;
	background: #ffffff url(/contentsuite/template/wbb/images/menu_divider.gif) no-repeat left bottom;
	border-top: solid 8px #bfbfbf;
}