/* gci content.css */

#content { /* navigation container */
	clear: both;
	width: 750px;
	margin: 10px 0px 10px 0px;
	color: #555555;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#leftCol {
	float: left;
	width: 177px;
	margin: 0px 10px 10px 0px;
}

#leftColBig { /* extra wide left column for 2-column layout with content left and sidebar right */
	float: left;
	width: 563px;
	margin: 0px 0px 10px 0px;
}

#centerCol {
	float: left;
	width: 376px;
}

#rightCol {
	float: left;
	width: 177px;
	margin: 0px 0px 10px 10px;
}

#rightColBig { /* extra wide right column for 2-column layout with content right and sidebar left */
	float: left;
	width: 563px;
	margin: 0px 0px 10px 0px;
}


#content p {
	margin-top: 0px;
	margin-bottom: 10px;
}


/* sidebar box styles */

#content .sideBarButton { /* style for graphical button */
	margin: 0px 0px 10px 0px;
}

#content .box { /* box container */
	margin: 0px 0px 10px 0px;
}

#content .box h1 { /* box header */
	margin: 0px 0px 0px 0px;
	background-color: #313A62;
	background-image: url(../images/boxTitleBg.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	padding: 3px 5px 3px 5px;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}

#content .boxContent { /* box content - without rounded bottom */ 
	border-top: 1px none #DBDBDB;
	border-right: 1px solid #DBDBDB;
	border-bottom: 1px none #DBDBDB;
	border-left: 1px solid #DBDBDB;
	padding: 8px 8px 0px 8px;
	background-color: #DBDBDB;
	background-image: url(../images/boxBg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#content .boxBottom { /* rounded box bottom */
	height: 15px;
	background-color: #C7C7C7;
	background-image: url(../images/boxBottom.gif);
}

/* content box styles - box2: box with header, box3: box without header */

#content .box2 { /* box container */
	margin: 0px 0px 10px 0px;
}

#content .box2 h1 { /* box header */
	margin: 0px 0px 0px 0px;
	padding: 1px 5px 1px 5px;
	background-color: #FFA400;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}

#content .box2Content { /* box content - without rounded bottom */ 
	border-top: 1px none #FFA400;
	border-right: 1px solid #FFA400;
	border-bottom: 1px solid #FFA400;
	border-left: 1px solid #FFA400;
	padding: 8px 8px 8px 8px;
}

#content .box3 { 
	margin: 0px 0px 10px 0px;
	border-top: 1px solid #FFA400;
	border-right: 1px solid #FFA400;
	border-bottom: 1px solid #FFA400;
	border-left: 1px solid #FFA400;
	padding: 8px 8px 8px 8px;
}

#content .box4 { /* box container */
	margin: 0px 0px 10px 0px;
}

#content .box4 h1 { /* box header */
	margin: 0px 0px 0px 0px;
	padding: 1px 5px 1px 5px;
	background-color: #FFA400;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}

#content .box4Content { /* box content - without rounded bottom */ 
	border-top: 1px none #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	padding: 8px 8px 8px 8px;
	background-color: #E6E6E6;
}

/* link styles */

#content a {
	color: #313A62;
	text-decoration: underline;
}

#content a:hover {
	color: #FFA400;
	text-decoration: underline;
}


/* default list styles */

#content ul { 
	margin: 0;
	padding: 0;
	list-style: square;
}

#content li {
	margin: 0px 0px 5px 15px;
	padding: 0;
}


/* linked list styles */

#content .linkList { 
	margin: -5px 0px -5px 0px;
	padding: 0px 0px 0px 0px;
	list-style-image:url(../images/linkArrow.gif);
}

#content .linkList li {
	margin: 5px 0px 5px 15px;
	padding: 0px 0px 0px 0px;
}

#content .linkList li a {
	color: #313A62;
	text-decoration: none;
}


#content .linkList li a:hover {
	color: #313A62;
	text-decoration: underline;
}

#content .linkArrow {
	border: 0;
	margin-right: 5px;
	margin-bottom: 1px;
}


/* headline styles */

#content h1 {
	margin: 0px 0px 10px 0px;
	color: #FFA400;
	font-size: 24px;
	font-weight: normal;
}

#content h2 {
	margin: 0px 0px 0px 0px;
	color: #999999;
	font-size: 14px;
	font-weight: bold;
}

#content h3 {
	margin: 20px 0px 5px 0px;
	padding: 1px 5px 1px 5px;
	background-color: #FFA400;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}

/* simple table styles */

#content .simpleTable {
	width: 376px;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: white;
}

#content .simpleTable td {
	padding: 1px 5px 1px 5px;
}

#content .simpleTable .columnLabels {
	background-color: #FFA401;
	color: #FFFFFF;
	font-weight: bold;
}

#content .simpleTable .sectionLabel {
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
}

#content .simpleTable .rowLight {
	background-color: #FFFFFF;
	font-size: 10px;
}

#content .simpleTable .rowDark {
	background-color: #DBDBDB;
	font-size: 10px;
}

/* detailed table styles */

#content .detailedTable {
	width: 563px;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: white;
}

#content .detailedTable td {
	padding: 1px 5px 1px 5px;
}

#content .detailedTable .columnLabels {
	background-color: #FFA401;
	color: #FFFFFF;
	font-weight: bold;
}

#content .detailedTable .sectionLabel {
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
}

#content .detailedTable .rowLight {
	background-color: #FFFFFF;
	font-size: 10px;
}

#content .detailedTable .rowDark {
	background-color: #DBDBDB;
	font-size: 10px;
}

/* form styles */

#content .webForm { /* form container */
	margin: 0px 0px 10px 0px;
}

#content .webForm h1 {
	margin: 20px 0px 0px 0px;
	padding: 1px 5px 1px 5px;
	background-color: #999999;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}

#content .webFormContent {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #EFEFEF;
	font-size: 11px;

}

#content .webFormContent input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#content .webFormContent select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#content .webFormButtons { /* form button bar */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFA400;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}

#content .webFormButtons input {
	background-color: #FFA400;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
}

#content .webFormFooter {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 1px;
	background-color: #FFFFFF;
	font-size: 9px;
}