/* USED TO DEFINE GLOBAL FONT-FAMILY */
body, p, table, th, td, p, span, li, h1, h2, a, input, textarea
{
	font-family: Arial;
}

body {
	background-color: #F0EDCC;
	background-image: url(../images/global/tile_body.jpg);
	background-repeat: repeat-x;
	margin: 15px 0px 0px 0px;
}

form { margin: 0px; }

img { border-width: 0px; }

/***** GLOBAL AREA ******************************/
#global-links { position: relative; width: 971px; height: 20px; margin: 0 auto; margin-bottom: 7px; }
#global-links a { float: left; color: #1F874A;}
#global-links .flag a { float: right; margin-left: 20px; margin-right: 0px; color: #1F874A;}
#global-links .text { position: absolute; top: 0px; left: 15px; color: #1F874A; font-weight: bold; }
	
#global-links .text1 { float:left; top: 0px; padding-left: 15px; color: #028420; font-weight: bold; font-size:95%; }
#global-links .text2 { float:left; padding-left:5px; padding-top:2px; color: #028420; font-size:75%; }
#global-links .text3 { float:left;  padding-left:15px; color: #046fe3; font-weight: bold; font-size:105%; }
#global-links .text4 { float:left; padding-top:2px; color: #1F874A; font-size:75%; text-decoration:underline;}
#global-links .text4 a { float: left; margin-left: 10px; margin-right: 10px; color: #1F874A; text-decoration:underline;}


/***** CONTAINER ******************************/
#body-container
{
	position: relative;
	width: 951px;
	margin: 0 auto;
	border: solid 1px #ACA899;
	background-color: #FFF;
	padding: 10px;
}

/***** HEADER ******************************/
#page-header { position: relative; margin-bottom: 10px; margin-top: 20px; }

#page-header .logo { margin-left: 20px; }

#global-nav
{
	position: absolute;
	top: 33px;
	left: 204px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#global-nav li
{
	display: block;
	float: left;
	width: 122px;
	height: 36px;
	background-image: url(../images/global/global_nav_background.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

#global-nav li.tab1 { background-position: 0 0; }
#global-nav li.tab2 { background-position: -122px 0; }
#global-nav li.tab3 { background-position: -244px 0; }
#global-nav li.tab4 { background-position: -366px 0; }
#global-nav li.tab5 { background-position: -488px 0; }
#global-nav li.tab6 { background-position: -610px 0; width: 121px; }

#global-nav li:hover.tab1,
#global-nav li.tab1-selected { background-position: 0 -36px; }
#global-nav li:hover.tab2,
#global-nav li.tab2-selected { background-position: -122px -36px; }
#global-nav li:hover.tab3,
#global-nav li.tab3-selected { background-position: -244px -36px; }
#global-nav li:hover.tab4,
#global-nav li.tab4-selected { background-position: -366px -36px; }
#global-nav li:hover.tab5,
#global-nav li.tab5-selected { background-position: -488px -36px; }
#global-nav li:hover.tab6,
#global-nav li.tab6-selected { background-position: -610px -36px; }

#global-nav li a
{
	display: block;
	margin: 0px;
	margin-top: 13px;
	color: #323232;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 70%;
}

/***** PAGE ******************************/
#flash-container
{
	background-color: #FFF;
	padding-bottom: 7px;
}

#page-content
{
	width: 951px;
	background-image: url(../images/global/tile_section_nav.gif);
	background-repeat: repeat-y;
}

#page-content.notile { background: none; }

/***** FOOTER ******************************/
#footer
{
	position: relative;
	width: 971px;
	height: 20px;
	margin: 0 auto;
	margin-top: 10px;
	color: #6F6B50;
	font-size: 70%;
	text-transform: uppercase;
}

#footer a { margin: 0 10px; color: #6F6B50; text-decoration: none; }

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

#footer .text { position: absolute; top: 0px; right: 10px; }

#SEOfooter
{
	position: relative;
	width: 971px;
	height: 160px;
	margin: 0 auto;
	margin-top: 10px;
	color: #504e4e;
	font-size: 70%;
}



#SEOfooter a {color: #6F6B50; text-decoration: none; }

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

#SEOfooter .text { position: absolute; top: 0px; right: 10px; }


/***** SECTION NAVIGATION ******************************/

#page-content .nav
{
	float: left;
	width: 155px;
}

#section-nav { margin: 0; padding: 0; list-style: none; }

#section-nav li { margin: 0; padding: 0; display: block; width: 155px; margin-bottom: 1px; font-weight: normal; }

#section-nav a
{
	display: block;
	color: #2B2519;
	text-decoration: none;
	font-size: 80%;
	padding: 5px 15px;
	width: 125px;
}

#section-nav li:hover, #section-nav .over { background-color: #FCE8C5; }

#section-nav li.selected { background-image: url(../images/global/tile_nav.jpg); background-repeat: repeat-x; background-color: #F9B850; font-weight: bold; }

#section-nav li.selected a { color: #FFF !important; }

#section-nav ul { background-color: #FBD596; margin: 0; padding: 0; display: none; }

#section-nav li.selected ul { display: block; }

#section-nav li.selected ul a { color: #000 !important;  }

#section-nav li.selected ul li.selected { background: none; }

/***** CONTENT COLUMN ******************************/
#page-content .content
{
	position: relative;
	display: inline;
	float: left;
	margin: 20px 20px 0 20px;
	padding-bottom: 20px;
	/*	
		actual width is 609, but it was appearing to close to the "question" image.  
		so i took a bit off here for more space 
	*/
	width: 600px;
	font-size: 80%;
	color: #333;
}
#page-content .content a { color: #0A0FFA; }
#page-content .content a:hover { color: #bf3200; }
#page-content .content h1 { color: #000; font-size: 190%; margin: 5px 0 0 0; font-weight:normal; }
#page-content .content h2 { color: #000; font-size: 130%; margin: 0; }
#page-content .content h3 { color: #000; font-size: 150%; margin: 12px 0 8px 0; }
#page-content .content h4 { color: #000; font-size: 100%; margin: 5px 0 0 0; }
#page-content .content h5 { color: #000; font-size: 100%; margin: 0; }
#page-content .content ul { margin: 3px 0 0 15px; padding: 0 0 0 0; }
#page-content .content li { margin: 3px 0; list-style-image: url(../images/tour/bullet.gif); }
#page-content .content p { margin: 0; padding-bottom: 10px; line-height:130%; }
#page-content .content .notes { margin: 0; }
#page-content .content .notes a { text-decoration: none; }
#page-content .content .content-section { /*display: none;*/ margin-bottom: 20px; }

#page-content .content .contest a { color:#fc4310; text-decoration:underline; }
#page-content .content .contest a:hover { color: #0738c3; }

#page-content .errorcontent
{
	position: relative;
	display: inline;
	float: left;
	margin: 20px 20px 0 20px;
	padding-bottom: 20px;
	/*	
		actual width is 609, but it was appearing to close to the "question" image.  
		so i took a bit off here for more space 
	*/
	width: 600px;
	font-size: 80%;
	color: #333;
}
#page-content .errorcontent a { color: #0A0FFA; text-decoration:underline; }
#page-content .errorcontent a:hover { color: #92BC3E; }

/***** ACTIONS COLUMN ******************************/
#page-content .actions { position: relative; float: right; width: 147px; }
#page-content .actions .question { position: absolute; left: -14px; top: 20px; }
#page-content .actions .first-section { margin-top: 190px; }
#page-content .actions .primary-actions { margin-bottom: 15px; }
#page-content .actions .secondary-actions {  }
#page-content .actions .primary-actions a
{
	display: block;
	background-image: url(../images/tour/back_action_primary.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-color: #FFF;
	color: #000;
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	padding: 4px 0px 4px 13px;
	margin-bottom: 3px;
}
#page-content .actions .primary-actions a:hover, #page-content .actions .primary-actions a:active, 
#page-content .actions .primary-actions a:focus, #page-content .actions .primary-actions a.selected 
{ background-image: url(../images/tour/back_action_primary_on.gif); }
#page-content .actions .secondary-actions a
{
	display: block;
	border-bottom: solid 1px #EEE;
	background-image: url(../images/tour/back_action_secondary.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	color: #333;
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	padding: 4px 0px 4px 13px;
	margin-bottom: 3px;
}
#page-content .actions .secondary-actions a:hover, #page-content .actions .secondary-actions a:active, 
#page-content .actions .secondary-actions a:focus, #page-content .actions .secondary-actions a.selected 
{ 
	background-image: url(../images/tour/back_action_secondary_on.gif); 
}

/***** BUTTONS ******************************/
.btn-primary, .btn-secondary 
{ 
	background: none;
	background-repeat: no-repeat;
	display: block;
	width: 136px;
	height: 29px;
	border-width: 0px;
	font-size: 100%;
	color: #000 !important;
	text-decoration: none;
}

a.btn-primary, a.btn-secondary { text-align: center; padding-top: 8px; height: 21px; }
.btn-primary { background-image: url(../images/global/btn_primary.jpg); }
.btn-primary:hover { background-image: url(../images/global/btn_primary_on.jpg); }
.btn-secondary { background-image: url(../images/global/btn_secondary.jpg); }
.btn-secondary:hover { background-image: url(../images/global/btn_secondary_on.jpg); }
.btn-tertiary, a { text-decoration: none; }

.btn-custom
{ 
	background: none;
	background-repeat: no-repeat;
	display: block;
	width: 195px;
	height: 29px;
	border-width: 0px;
	font-size: 100%;
	color: #000 !important;
	text-decoration: none;
}


/***** MISCELLANEOUS ******************************/
.clear-both { float: none !important; clear: both; height: 0px !important; overflow: hidden;}
.clear-left { float: none !important; clear: left; height: 0px !important; overflow: hidden; }
.clear-right { float: none !important; clear: right; height: 0px !important; overflow: hidden; }
.float-left { float: left; }
.float-right { float: right; }
.sm-formfield { width: 50px; margin-bottom: 10px; }
.md-formfield { width: 150px; margin-bottom: 10px; }
.lg-formfield { width: 200px; margin-bottom: 10px; }
.xl-formfield { width: 100%; margin-bottom: 10px; }
.form-columns div { clear: both; margin-bottom: 3px; }
.form-columns div label { display:block; float: left; width: 125px; }
.form-columns div div { clear: none; float: left; width: 400px; }
.form-columns div div label { display:inline; float: none; width: auto; }
.form-columns .divlabel {float:left;width:130px;}
.form-columns .divtextbox {float:left;width:160px;}
.form-columns .diverror {float:left;width:310px;}

.full-width { margin: 20px 0 0 20px !important; width: 922px !important; }

.full-width .msgpanel
{
		float:left;
		padding: 10px 10px; 
		background: #f2e1e3;
		background-color: #f2e1e3;
		border: 1px solid #b42a4b; 
		font-size: 120%; 
		font-weight: normal; 
		color: #b42a4b; 
		text-align: left; 
		border-radius: 3px; 
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px; 
		cursor: default;
		width: 900px !important;
		margin-bottom:10px;
		clear:left;
}