/******************************************************************************
 * Generic CSS
 *****************************************************************************/
body {
	font-family: Verdana, Arial, sans-serif; font-size:12px; color:#000000;
	border:0px; margin:27px auto 0px auto; padding:0px 0px 0px 0px;
	text-align:center;
	background-color:#20304f;
	background-image:url(../images/body-bg.jpg);
	background-repeat:repeat-x; background-position:top center;
}

* html body { text-align: center; /* IE 5 centering */ }

/******************************************************************************
* GENERIC FORMATTING
*****************************************************************************/
p { margin:0px 0px 10px 0px; }

a { color:#000000; font-size:12px; }

h1 { font-size:16px; margin:0px 0px 20px 0px; color:#224698; font-size:14px; }

h2 { font-size:14px; margin:0px 0px 10px 0px; color:#224698; }

h3 { font-size:12px; margin:0px 0px 10px 0px; color:#224698; }

/******************************************************************************
* Normal Images
*****************************************************************************/
img { border:none; margin:0px; padding:0px; }

/******************************************************************************
* Normal Unordered List
*****************************************************************************/
ul.normal {
	display:block; float:left; list-style:none;
	padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
}

ul.normal li {
	display:block; line-height:18px;
	margin:0px 0px 10px 0px; padding:0px 0px 0px 10px;
	background-image:url(../images/ul_bullet.gif);
	background-repeat:no-repeat; background-position:0px 6px;
}

/******************************************************************************
* Accessibility Features
*****************************************************************************/
p#skipToMainContent { display:none; }

/******************************************************************************
* Misc
*****************************************************************************/
div.centered { text-align:center; }

/******************************************************************************
* wrapper
*****************************************************************************/
div#wrapper {
	width:820px; margin:0px auto 0px auto; text-align:left;
}

* html div#wrapper { text-align: left; /* Win IE 5 left align after centering */ }

div#wrapper-i {
	float:left; width:820px;
	background-image:url(../images/wrapper-i-bg.jpg);
	background-repeat:repeat-y;
}

div#wrapper-ii {
	float:left; width:820px;
	background-image:url(../images/wrapper-ii-bg.jpg);
	background-repeat:no-repeat;
}

/******************************************************************************
* header
*****************************************************************************/
div#header {
	float:left; width:800px; height:126px; padding:10px 0px 0px 10px;
}

div#header-i {
	float:left; width:781px; height:89px; padding:37px 0px 0px 19px;
	background-image:url(../images/header-i-bg.jpg);
}

div#header h1, div#header h2 {
	display:none;
}

div#header a {
	display:block; width:377px; height:48px;
}

div#header a span { display:none; }

/******************************************************************************
* footer
*****************************************************************************/
div#footer {
	float:left; width:820px; padding-top:20px; margin-bottom:40px;
	background-image:url(../images/footer-bg.jpg);
	background-repeat:no-repeat;
}

div#footer p, div#footer p a {
	color:#ffffff; font-size:10px;
}

div#footer p a { text-decoration:none; }

div#footer p a:hover { text-decoration:underline; }

div#footer p#footer-left {
	float:left; width:600px; margin-left:14px;
}

html>body div#footer p#footer-left { margin-left:28px; }

div#footer p#footer-right {
	float:right; width:100px; text-align:right; padding-right:28px;
}

/******************************************************************************
* main-content
*****************************************************************************/
div#main-content {
	float:left; width:748px; margin:22px 18px 0px 18px;
}

html>body div#main-content { margin-left:36px; margin-right:36px; }

/******************************************************************************
* layout_01
*****************************************************************************/
div.layout_01 {
	float:left; width:735px; margin-left:5px;
}

html>body div.layout_01 { margin-left:10px; }

div.layout_01_left {
	float:left; width:380px; margin:4px 0px 0px 0px;
}

div.layout_01_left p {
	line-height:26px; margin-left:0px;
}

div.layout_01_right {
	float:right; width:318px;
}

/******************************************************************************
* layout_mh (marketing holes)
*****************************************************************************/
div.layout_mh {
	float:left; width:745px; margin:30px 0px 10px 0px;
}

div.layout_mh a {
	display:block; float:left; width:243px; height:134px;
}

div.layout_mh a.middle { margin-left:8px; }

div.layout_mh a.last { float:right; }

/******************************************************************************
* layout_ig (image gallery)
*****************************************************************************/
div.layout_ig {
	float:left; margin:0px 0px 10px 0px;
}

div.layout_ig img { margin-bottom:10px; }

div.layout_ig img.left { float:left; }

div.layout_ig img.right { float:right; }

/******************************************************************************
* layout_02
*****************************************************************************/
div.layout_02 {
	float:left; margin:4px 0px 0px 10px;
}

div.layout_02 img#work-area { margin-left:100px; }

html>body div.layout_02 img#work-area { margin-left:110px; }