body {
background-color: #CCC;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal;
width: auto;
margin: 0;
padding: 0;
}

ul {
margin: 0;
padding: 0;
}

.site_wrapper {
margin-left: auto;
margin-right: auto;
padding: 0;
}

.content_wrapper {
padding: 15px;
}

/* --- corp header --- */

.corp {
background-color: #999;
color: #fff;
height: 20px;
}

.corp_title {
color: #fff;
font-weight: bold;
padding: 4px 10px 0 15px;
}

.corp a {
color: #fff;
}

.corp ul {
list-style: none;
padding: 0;
position: absolute;
top: 4px;
right: 2%;
}

.corp li {
display: inline;
border-right: 1px dotted #fff;
padding: 0 5px 0 10px;

}


/* --- styles for header --- */

.header {
border-top: 1px solid;
border-bottom: 1px solid;
background:url("images/header_bg.png");
height: 98px;
}

.header_title {
font-size: 34px;
font-family: Verdana;
color: #000;
text-align: center;
margin-top: 30px;
}


/* --- styles for the navigation --- */

.navigation {
background:url("images/nav_bg.png") repeat-x;
}

.navigation ul {
list-style: none;
padding-top: 7px;
height: 30px;
text-align: center;
}

.navigation li {
display: inline;
border-right: 1px dotted #000;
padding: 0 20px 0 20px;
}

.navigation li a {
font-size: 12px;
color: #000;
text-decoration: none;
}
/* --- styles for main content --- */

.main_content {
width: 85%;
padding: 15px;
}

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #EBEBEB;
}
a:active {
text-decoration: none;
}

.divider {
border-left: 1px dotted #000;
}

.box {
border: 1px dotted #999;
background-color: #b1b1b1;
width: 350px;
padding: 5px
}

.status_box {
border: 1px dotted #999;
padding: 15px;
}

.status_message {
border: 1px solid #ffffff;
padding: 5px
width: 350;
}


/* --- forms --- */

.simpleForm {
	padding:.5em 0 .5em 0;
	border-width:0px;
	border-top:1px #ccc solid;
}
.simpleForm ol {
	margin:0;
	padding:0;
	list-style:none;
}
.simpleForm ol li {
	padding:.2em 0;
}
.simpleForm ol label {
	font-size:.75em;
	display:block;
	width:14em;
	float:left;
	color:#666;
	font-weight:bold;
	margin-right:.4em;
}


/* --- footer --- */

.footer {
border-top: 1px solid #999;
}

a.copyright:link   {font-size:8pt; font-style:normal; font-family:helvetica, arial, sans-serif; text-decoration: underline; color:#000}
a.copyright:visited   {font-size:8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration: underline; color:#000}
a.copyright:active   {font-size:8pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration: underline; color:#000}
a.copyright:hover    {text-decoration: underline; color: #000}

a.copyrightSm:link   {font-size:7pt; font-style:normal; font-family:helvetica, arial, sans-serif; text-decoration: underline; color:#000}
a.copyrightSm:visited   {font-size:7pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration: underline; color:#000}
a.copyrightSm:active   {font-size:7pt; font-style:normal; font-family: helvetica, arial, sans-serif; text-decoration: underline; color:#000}
a.copyrightSm:hover    {text-decoration: underline; color: #000}


















/* CSS Document */

@import url("css/base-layout.css");
@import url("css/common.css");
@import url("css/PageStyles.css");

.simpleForm {
	padding:.5em 0 .5em 0;
	border-width:0px;
	border-top:1px #ccc solid;
}
.simpleForm ol {
	margin:0;
	padding:0;
	list-style:none;
}
.simpleForm ol li {
	padding:.2em 0;
}
.simpleForm ol label {
	font-size:.75em;
	display:block;
	width:14em;
	float:left;
	color:#666;
	font-weight:bold;
	margin-right:.4em;
}
.simpleForm ol label.required {
	background:url(images/icon_required.gif) no-repeat center right;
}
.simpleForm ol label.level2 {
	
	display:inline;
	font-size:.75em;
	font-weight:normal;
	margin:0;
	float:none;
	width:auto;

	
}

/*label em {
	position:absolute;
	left:30em;
	margin-top:.25em;
}*/

.text {
	width:20em;
}
.simpleForm textarea {
	margin:0;
	padding:0;
	width:20em;
}
.simpleForm input {
	margin:0;
	padding:0;
}
.formErrorOneLine {
	border:1px #eda0a0 solid;
	background:#fff url(images/form_alert_icon.gif) no-repeat 4px 4px;
	margin-left:10px;
	padding:2px 10px 4px 20px;
	font-size:.7em;
	color:#db4242;
	text-align:left;
	position:absolute;
	display:inline;
	white-space:nowrap;
}
/* alert box arrow */
.simpleForm .alertArrow {
	position:relative;
	top:2px;
	left:-25px;
	margin:0px -5px 0px 0px;
}

/**************************************************************************/

#header {
	height:78px;
	background:url(ui-images/bg-header.gif) repeat-x top left;
	border-bottom:6px #86a5bb solid;
}

#logo {
	position:absolute;
	left:37px;
	top:34px;
	width:226px;
}

#headerTextImages {
	position:absolute;
	top:31px;
	right:30px;
	width:359px;
	text-align:right;
}

#leftNavigation {
	background-color:#f3f6f8;
	border-right:2px #86a5bb solid;
	padding-bottom:21px;
}

#mainContent {
	padding:20px 30px 30px 30px;
}

#pageFooter {
	background:url(ui-images/bg_footer.gif) repeat-x top left;
	height:23px;
	border-top:1px #a5bbca solid;
	font-size:.7em;
	color:#ababab;
	text-align:right;
	padding: 8px 32px 2px 5px;
}

.imageTable { font-size:.7em; }
.imageTable th, .imageTable td { padding:10px; }

.imageTable th { text-align:left; background-color:#f0f0f0; }

.stdPageHeader {
	font-size:1.2em; font-weight:bold;
}

.stdElementHeader {
	font-size:1em; font-weight:bold;
}

.stdSourceCodeLabel {
	font-size:.75em;
	font-weight:bold;
	margin:10px 0px 0px 0px;
	padding:0px 5px;
	width:7em;
	background-color:#fff;
	position:relative;
	top:6px;
	left:10px;
	color:#ccc;
}

.stdSourceCode {
	margin:0px;
	padding:10px;
	font-family:"Courier New", Courier, monospace;
	font-size:.75em;
	color:#006633;
	border:1px #ccc solid;
	width:95%;
}

.stdBody {
	padding:20px 30px 0px 30px;
}

.stdTextBlock {
	font-size:.8em;
}

.stdTextBlockClear {
	clear:both;
	font-size:.8em;
}

.stdCode {
	font-family:"Courier New", Courier, monospace;
	color:#006600;

}

.stdExampleLabel { color:#996600; display:block; margin-bottom:; }

.stdTable th {
	text-align:left; font-size:.75em; font-weight:bold; background-color:#f0f0f0;
}

.stdH2 {
	color:#555;
	font-size:1em;
	border-bottom:1px #eee solid;
	padding-bottom:3px;
}

.stdH3 {
	margin:0;
	padding:0;
	margin-bottom:-.9em;
	color:#00355e;
	font-size:1.1em;
	font-weight:bold;
}


.colClassName {
	font-size:.75em;
}

.colNotes {
	font-size:.75em;
}
/*****************************************/
/************** NAVIGATION ***************/
/*****************************************/

/************** Level 1 **************/
.stdNav {
	list-style:none;
	margin:0;
	padding:0;
}

.stdNav li.first { 
	border-top:1px #c2d2dc solid;
}

.stdNav li a:link,
.stdNav li a:active,
.stdNav li a:visited {
	display:block;
	color:#6d7a8f;
	font-size:.75em;
	font-weight:bold;
	height:18px;
	padding:7px 5px 3px 8px;
	background:url(ui-images/bg-nav1.gif) repeat-x top left;
	border-bottom:1px #86a5bb solid;

}

.stdNav li a:hover {
	background-color:#efefef;
	color:#464e5c;
	font-size:.75em;
	height:18px;
	padding:7px 5px 3px 8px;
	text-decoration:none;
	
}

/************** Level 2 **************/
.stdNav ul {
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:1px #c2d2dc solid;
}

.stdNav ul.navEnd {
	list-style:none;
	margin:0;
	padding:0;
	border-bottom-width:0px;
}

.stdNav ul li { 

	margin:0;
	padding:0;
}

.stdNav ul li .first { 
	border-top:1px #bbb solid;

}

.stdNav ul li .last { 
	border-bottom:0px #bbb solid;

}

.stdNav ul li a:link,
.stdNav ul li a:active,
.stdNav ul li a:visited {
	display:block;
	background-color:#efefef;
	background-image:none;
	border-bottom:1px #fff solid;
	/*background:#efefef url(images/square_bullet_grey.gif) no-repeat 9px 10px;*/
	color:#6d7a8f;
	font-size:.75em;
	font-weight:normal;
	padding:4px 5px 3px 20px;
	margin:0;
}

.stdNav ul li a:hover {
	background-color:#fff;
	color:#036;
	font-size:.75em;
	text-decoration:none;
	margin:0;
	padding:4px 5px 3px 20px;*/
}



.stdHomeBg {
	background:url(images/bg_home_content.jpg) repeat-x top left;
}