/* -------------------------------------
/*  html, body
/* -------------------------------------*/


html {
	background:				#e2e2e2;
	text-align:				center;	
}


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

body {
	font: 75% georgia, sans-serif;
	line-height: 1.88889;
	text-align:				left;
	width:					915px;
	margin:					0 auto;
}

/* -------------------------------------
/*  Baseline values for browser consistency
/* -------------------------------------*/

p, div, h1, h2, h3, h4, ul, li, form, input, select, option {
	margin:					0;
	padding:				0;
}

img {
	margin:					0;
	padding:				0;
	border:					0;
}

ul {
	list-style-type: disc;
	line-height: 1.5em;

}

a {
	outline:				0;
}

/* -------------------------------------
/*  default links
/* -------------------------------------*/

a:link, a:visited {
	color:					#0e7fc7;
	text-decoration:		none;
}

a:hover {
	text-decoration:		underline;
}

.clear {
	clear:					both;
	height:					0px;
	font-size: 0px;
	line-height: 0px;
}


/*-------------------------------------
 	Header
---------------------------------------*/


#header {
	width:					900px;
	margin:					7 auto;
}

#header h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
}

/*-------------------------------------
 	Content
---------------------------------------*/

#content {
	/* necessary to prevent the background image from spacing
		itself down from the top */
	padding-top:			30px;
	color:					#333333;
	padding-bottom:			26px;
}


#content h2{
	font: 					normal 25px/35px arial,georgia, serif;
	letter-spacing:			-1px;
	padding-left: 			0px;
	margin:					0;
	color: 					#999999;
	text-shadow: 			0px 0px 1px #fff;
	margin-bottom: 5px;
}

#masthead {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				10px;
}


/*-------------------------------------
 	Copyright
---------------------------------------*/


#copyright {
	color:					#8ba9bc;
	margin:				    25px 0;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	line-height:			18px;
	text-align:				center;
}


#copyright a:link, #copyright a:visited {
	color:					#57b3e1;
}

































/*  Site Tab */
#home #siteNav li.current a, #home #siteNav li.current a:link, #home #siteNav li.current a:visited { background-color:#fff;	background-image: none; color: #37454e; border-bottom: 1px solid #fff;}

/*  Structure */
#home #wrapperWit { background-color:	#fff;	background-image: none; border-top: 1px solid #fff;}

	#home #wrapperWit #content {	padding-top:12px;	padding-left: 12px;width: 891px;}
	#home #wrapperWit #shell { background-color: #fff; background-image: none; }

#home #content {
	width: 890px;
}

#container-1 p{
	color: #333333;
	line-height: 18px;
	padding-bottom: 10px;
}
	
#section-1 .macro {	float:right; margin-top:0px; margin-right:190px}
#section-1 .text {	width: 432px;	padding: 50px 0 0 36px;float:left;}
#section-2 .text {	width: 432px;	padding: 50px 0 0 36px;float:left;}
#section-3 .text {	width: 400px;	padding: 50px 0 0 36px;float:left;}
#section-3 .diagram {float:right;margin:0px;}
#section-4 .text {	width: 400px;	padding: 50px 0 0 36px;float:left;}
#section-4 .diagram {float:right;margin:0px;}
#section-5 .text {	width: 360px;	padding: 40px 0 0 45px;	float:left;}
#section-5 .textr {	width: 360px;	padding: 75px 45px 0 0;	float:right;
}

/*

Tabs - not important for accessibility, just for the look of it...

*/

#container-1 {
	background: #ffffff url(./v2.PNG) top left no-repeat;
	width: 890px;
	padding: 0;
	margin: 0;
	height:417px;
}

.fragment1,.fragment2,.fragment3,.fragment4,.fragment5 { height: 417px;}
.fragment2,.fragment3,.fragment4,.fragment5 { display:none;}

.anchors {list-style: none; margin: 0; padding: 0; height: 84px;}
.anchors li {
	margin: 0;
	float: left;
}


.anchors .tab1 {	background: url(./a_hover.png) top left no-repeat; width: 178px;}
.anchors .tab2 {	background: url(./b_hover.png) top left no-repeat; width: 177px;}
.anchors .tab3 {	background: url(./c_hover.png) top left no-repeat; width: 178px;}
.anchors .tab4 {	background: url(./d_hover.png) top left no-repeat; width: 178px;}
.anchors .tab5 {	background: url(./e_hover.png) top left no-repeat; width: 179px;}


.anchors a {display: block; position: relative; top: 0px; left:0; z-index: 2; padding: 0px; color: #000; height: 84px;}


/* Tab Rollovers */
.anchors .tab1 a:link, .anchors .tab1 a:visited { background: url(./a_top.png) top left no-repeat;width: 178px;position:static;}
.anchors .tab2 a:link, .anchors .tab2 a:visited { background: url(./b_top.png) top left no-repeat;width: 177px;position:static;}
.anchors .tab3 a:link, .anchors .tab3 a:visited { background: url(./c_top.png) top left no-repeat;width: 178px;position:static;}
.anchors .tab4 a:link, .anchors .tab4 a:visited { background: url(./d_top.png) top left no-repeat;width: 178px;position:static;}
.anchors .tab5 a:link, .anchors .tab5 a:visited { background: url(./e_top.png) top left no-repeat;width: 179px;position:static;}

.anchors .tab1 a:hover { background: url(./a_hover.png) top left no-repeat;width: 178px;position:static;}
.anchors .tab2 a:hover { background: url(./b_hover.png) top left no-repeat;width: 177px;position:static;}
.anchors .tab3 a:hover { background: url(./c_hover.png) top left no-repeat;width: 178px;position:static;}
.anchors .tab4 a:hover { background: url(./d_hover.png) top left no-repeat;width: 178px;position:static;}
.anchors .tab5 a:hover { background: url(./e_hover.png) top left no-repeat;width: 179px;position:static;}


/* Makes the text disappear */
.anchors span {display:block;height:0;width:0; overflow: hidden;font-size: 1px;color: #3B88AF;}


.anchors .tabOn1 {	background: url(./a_active.png) top left no-repeat; width: 178px;}
.anchors .tabOn2 {	background: url(./b_active.png) top left no-repeat; width: 177px;}
.anchors .tabOn3 {	background: url(./c_active.png) top left no-repeat; width: 178px;}
.anchors .tabOn4 {	background: url(./d_active.png) top left no-repeat;	width: 178px;}
.anchors .tabOn5 {	background: url(./e_active.png) top left no-repeat;	width: 179px;}