/*************************************************************************
	@imports 	

@import url("pagination.html");
@import url("user_styles.html");
*************************************************************************/

@import url("navigation.css");

/*************************************************************************
	@basic_tags
*************************************************************************/

/*** @body ***/
body, form, select, option, text, input, textarea
{
	font: x-small/1.6 arial, helvetica, sans-serif;
}
body
{
	background: #b5d2e3 url(/img/bg_body.gif) left top repeat-x;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

/*** @navAccessibility ***/
body ul#navAccessibility
{
	margin: 0;
	font-size: 1px;
	line-height: 0px;
	position: absolute;
	top: -9999px;
	left: -9999px;
}

body ul#navAccessibility li
{
	height: 1px;
}

/********************/
/*** @header_tags ***/
/********************/
h1, h2, h3, h4, h5, h6
{
	margin: 0 0 .2em 0;
	padding: 0;
	line-height: 1.1;
}

h1
{
	font-size: 2em;
}

#containerLanding h1
{
	color: #D27228;
	font-size: 2em;
	font-weight: normal;
}


h2
{
	font-size: 2.5em;
	font-weight: normal;
	margin-bottom: .5em;
	margin-top: .6em;
}
h3
{
	font-size: 1.4em;
}
h4
{
	font-size: 1.34em;
}
h5
{
	font-size: 1em;
}
h6
{
	font-size: .9em;
}

/**************/
/*** @forms ***/
/**************/
/*form
		{
			margin: 1em 0;
			padding: 0;
			font-size: 1em;
		}*/

form div.actionBtns
{
	margin-top: 1em;
	padding-top: 0;
	display: table;
	text-align: right;
	width: 100%;
	clear: left;
}

form button
{
	background-color: transparent;
	margin: 0;
	padding: 0;
	border: none;
}

form button:focus
{
	margin: 0;
	padding: 0;
}

form button.btnSubmit, form button.btnSubmit:focus
{
	background-color: #21596B;
	padding: .3em; /* set to 0 for ie's */
	border: none;
	color: white;
}

form button.reset, form button.reset:focus
{
	background-color: #999;
	margin-right: 1em;
	padding: .3em;
	border: none;
	color: white;
}

form button.btnSubmit:focus
{
	background-color: #D67129;
	color: white;
}

form button.reset:focus
{
	background-color: #D67129;
	color: white;
}

form div.group ul
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	float: left; /* for ie */
}

form div.group li
{
	margin: 0;
	padding: 0 1em 0 0;
	display: inline;
	list-style: none;
	float: left;
}

form div.group label
{
	margin: 0;
	padding-top: .5em;
	padding-bottom: .5em;
	width: auto;
	float: left;
}

form div.group li label
{
	padding-top: .8em;
	padding-bottom: .8em;
}

form div.group span.title
{
	padding-top: .8em;
}

form fieldset
{
	margin-bottom: 2em;
	padding-left: 1em;
	padding-right: 1em;
	border: 1px solid silver;
}

form fieldset ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

form fieldset li
{
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}

form fieldset li label
{
	padding-bottom: 0;
	width: 100%;
	display: block;
}

/* for single line searches */
form fieldset.containerKeyordSearch label
{
	margin-right: 1em;
	margin-top: .5em;
	width: auto;
	float: left;
}

form fieldset.containerKeyordSearch label span
{
	padding-right: 1em;
	width: auto;
}

form fieldset.containerKeyordSearch button
{
	margin-top: 1em;
	float: left;
}

input
{
	margin-bottom: .3em;
	vertical-align: bottom;
	font-size: 1em;
}

/* can't include this in IE stylesheet as IE7 needs it also */
input.txtFld:focus, select:focus, textarea:focus
{
	border: 1px solid #D67129;
}

input.checkbox
{
	width: auto;
}

input.radio
{
	float: none;
}

input.txtFld
{
	border: 1px solid #999;
	line-height: 1.2;
	width: 200px;
	font-size: 1.1em;
}

label
{
	margin: .5em 0;
	padding: .5em 0;
	display: table;
	width: 100%;
	clear: left;
	cursor: pointer;
}

label select
{
	float: left;
}

label span, form div.group span
{
	padding-top: .2em;
	display: block;
	width: 12em;
	float: left;
}

label.radio span, label.checkbox span
{
	padding-top: 0;
	display: inline;
	width: auto;
	float: none;
}

legend
{
	color: #999;
	font-size: 1.5em;
	padding: 0 .5em;
}

option
{
	font-size: 1em;
}

select
{
	margin-right: 1em;
	width: auto;
	font-size: 1em;
	line-height: 1.2;
}

textarea
{
	border: 1px solid #666;
	font-size: 1em;
	height: 9em;
	width: 98%;
	clear: left;
}

form ul.valueList
{
	border-right: none;
	height: 10em;
	overflow: auto;
}

/**************/
/*** @links ***/
/**************/
a, a:link, a:visited, a:hover, a:active
{
	color: #336699;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}
a.persist
{
	font-weight: bold;
}
a.offsite
{
}

a img
{
	border: none;
}

/**************/
/*** @lists ***/
/**************/
dl
{
}
dt
{
}
dd
{
}

ul, ol
{
	margin: 1em 0 1em 1.8em;
	padding: 0;
}

ul ul, ol ol
{
	margin-top: .5em;
	margin-bottom: .5em;
}

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

/* nested list styles */
ol, ol li
{
	list-style: decimal;
}
ol ol, ol ol li
{
	list-style: upper-alpha;
}
ol ol ol, ol ol ol li
{
	list-style: upper-roman;
}
ol ol ol ol, ol ol ol ol li
{
	list-style: lower-roman;
}
ol ol ol ol ol, ol ol ol ol ol li
{
	list-style: lower-alpha;
}


/**************/
/*** @other ***/
/**************/
img
{
	margin: 0;
	border: none;
}

div
{
	margin: 0;
	padding: 0;
}

object
{
}


/***************/
/*** @tables ***/
/***************/
table
{
}
caption
{
}
td
{
}
tr
{
}
tbody
{
}
tbody tr.rowStyle1
{
}
tbody tr.rowStyle2
{
}
thead
{
}
thead th
{
}
tfoot
{
}
tfoot td
{
}

/*******************/
/*** @text_style ***/
/*******************/
blockquote
{
	margin: 1em 2em;
}
blockquote p
{
}

p
{
	margin: 0 0 1em 0;
	padding: 0;
}

sup
{
}

*.date
{
	text-transform: uppercase;
}
*.count
{
}
*.important
{
	color: #990000;
}
*.required
{
	color: #990000;
}
*.metaD
{
	color: #666;
}

/**************/
/*** @vCard ***/
/**************/
div.vcard
{
}


/*************************************************************************
	@layout_elements
*************************************************************************/
.clearFix
{
	font-size: 1px;
	line-height: 0px;
	clear: both;
}

.comment
{
}
.indent
{
	margin-left: 1em;
}
.outdent
{
	margin-left: -1em;
}

.alignLeft
{
	text-align: left;
}

.alignRight
{
	text-align: right;
}
a.alignRight
{
	display: block;
}

.alignCenter
{
	text-align: center;
}

/***********************/
/*** @containerMedia ***/
/***********************/
div.containerMedia
{
	padding-bottom: 1em;
}
div.containerMedia img
{
}

div.containerMedia.alignLeft
{
	padding-right: 1em;
	float: left;
	clear: left;
}

div.containerMedia.alignRight
{
	padding-left: 1em;
	float: right;
	clear: right;
}

div.containerMedia.alignCenter
{
	padding-left: 0;
	padding-right: 0;
}


/****************/
/*** @columns ***/
/****************/
div.containerCols
{
	width: 100%;
	display: table;
}

div.column
{
	margin-right: 5%;
	margin-left: 5%;
	width: 40%; /* assume 2 coumns */
	float: left;
}

div.containerCols div.first
{
	margin-left: 0;
}
div.containerCols div.last
{
	margin-right: 0;
}

/* containerCols3 */
div.containerCols3 div.column
{
	width: 26.6%;
}
/* assume there is a a first and last colum specified, so there are 10% gutters between each column, leaving 80%/3 */

/* containerCols3 */
div.containerCols4 div.column
{
	width: 17.5%;
}
/* assume there is a a first and last colum specified, so there are 10% gutters between each column, leaving 80%/3 */

/*************************************************************************
  @zones	
*************************************************************************/
div#wrapper
{
	background-color: #FFF;
	font-size: 1.2em; /* font size adjustment for body tag */
	margin: 0 auto;
	padding: 0 10px 10px 10px;
	text-align: left;
	width: 900px;
}

div#zoneHeader
{
	border-bottom: 4px solid #25586D; /*background: #32758F url(/img/bg_zoneHeader.gif) left top no-repeat;*/
	display: table;
	height: 117px;
	width: 100%;
	position: relative;
}

div#zoneMain
{
}
div#zoneMain.application
{
	margin-top: -30px;
}

div#zone1
{
}

div#zone2
{
	margin: 50px 30px 30px 30px;
}

div#zoneFooter
{
	display: table;
	height: 30px;
	width: 100%;
	background: #005574 url(/img/bg_footerLogo.gif) 16px center no-repeat;
}

/*************************************************************************
	@zoneHeader
*************************************************************************/

/*********************/
/*** @zoneBranding ***/
/*********************/
div#zoneBranding
{
	display: table;
}
div#zoneBranding h1, div#zoneBranding strong
{
}

div#zoneBranding h1 a, div#zoneBranding strong a
{
	display: table;
	height: 35px;
	width: 385px;
	position: relative;
	left: 33px;
	top: 59px;
}

/* set the image dimensions for print width, then hide */
div#zoneBranding h1 img, div#zoneBranding strong img
{
	height: .5in;
	display: none;
}

/* This is typically the tagline */
div#zoneBranding p
{
	/*background: #32758F url(/img/tagline.gif) left top no-repeat;*/
	display: table;
	height: 37px;
	width: 306px;
	position: relative;
	left: 546px;
	top: 27px;
}

div#zoneBranding p span
{
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	height: 35px;
	position: relative;
	top: -7px;
}

/*************************************************************************
	@zoneMain
*************************************************************************/

/*************************/
/*** @containerLanding ***/
/*************************/
div#containerLanding, div#containerList, div#containerShow
{
	display: table;
	width: 575px;
	float: left;
}

div.containerLanding div.containerMedia.alignRight
{
	padding-right: 1em;
	padding-left: 0;
	float: left;
	clear: left;
}

/**********************/
/*** @containerList ***/
/**********************/
div.containerList div.containerMedia.alignRight
{
	padding-right: 1em;
	padding-left: 0;
	float: left;
	clear: left;
}

/**********************/
/*** @containerShow ***/
/**********************/
div.containerShow
{
}


/*************************************************************************
	@zone1
*************************************************************************/

/***********************/
/*** @areaBreadcrumb ***/
/***********************/
ul.areaBreadcrumb
{
	margin-left: 0;
	margin-right: 0;
	list-style: none;
	font-size: .9em;
}

ul.areaBreadcrumb li
{
	list-style: none;
	display: inline;
}
ul.areaBreadcrumb ul
{
	display: inline;
	margin: 0;
}


/***********************/
/*** @containerGroup ***/
/***********************/
/* grouping content (docs, attributes, whatever) together, typically in a single cfoutput */
div.containerGroup
{
}

/* These subssets require the "containerGroup" class first */
/*** @catGroup ***/
div.catGroup
{
}

/*** @attribGroup ***/
div.attribGroup
{
}

/****************************/
/*** @containerCntDetails ***/
/****************************/
div.containerCntDetails
{
}
div.containerCntDetails div.metaD
{
}

/**********************/
/*** @pageFunctions ***/
/**********************/
ul.pageFunctions
{
}
li.emailPage
{
}

/*********************/
/*** @containerDoc ***/
/*********************/
/*
		use ONLY to clear floated content relvant to a doc. For example If on a list page 
		you have a header that needs to clear the floated image of a proevious document,
		but be positioned next to a floated image for it's own document	(http://test.orgitecture.com/cwf/spotlights/)
		*/
div.containerDoc
{
}

/**************************/
/*** @containerFeatured ***/
/**************************/
div.containerFeatured
{
}

/***********************/
/*** @containerIntro ***/
/***********************/
/* typically section text, or similar */
div.containerIntro
{
}

/*************************/
/*** @containerPullout ***/
/*************************/
/* pulling out a quote of text (http://test.orgitecture.com/cwf/aboutus/aboutus_show.htm?doc_id=170265) */
div.containerPullout
{
}
div.containerPullout p
{
}

/***************************/
/*** @containerSearchSort **/
/***************************/
/* display set to go with pagination styles (http://test.orgitecture.com/cwf/publications/publications_list.htm) */
div.containerSearchSort
{
}

/*********************/
/*** @navDirection ***/
/*********************/
/* naviagation for going between documents (http://test.orgitecture.com/cwf/chartcartcharts/chartcartcharts_show.htm?doc_id=246326&attrib_id=14468) */
ul.navDirection
{
}
ul.navDirection li
{
}
ul.navDirection li.previous
{
}
ul.navDirection li.next
{
}

/*********************/
/*** @sectionTitle ***/
/*********************/
h1.sectionTitle
{
}
h1.sectionTitle span
{
}


/*************************************************************************
	@zone2
*************************************************************************/
div#zone2 div.rotatingImg
{
	border: 4px solid #f2f2f2;
	float: left;
	margin-left: 45px;
	margin-top: 10px;
	margin-bottom: 30px;
	padding: 4px;
}


div.appHeader
{
	display: table;
	width: 100%;
	margin: .5em 0;
}

div.appHeader h3
{
	float: left;
}

div.appHeader a.btnSubmit, div.appHeader button.btnSubmit
{
	float: right;
	background-color: #AAA;
	color: #FFF;
	font-size: .9em;
	font-weight: bold;
	margin-left: .5em;
	padding: .3em 1em;
	border: none;
	text-decoration: none;
}

div.appHeader button.btnSubmit
{
	float: right;
	background-color: #888;
	color: #FFF;
	font-size: .9em;
	font-weight: bold;
	margin-left: .5em;
	padding: .4em 1em;
	border: none;
	text-decoration: none;
}

div.appHeader a.btnSubmit:hover, div.appHeader button.btnSubmit:hover
{
	background-color: #CCC;
}

form#app2 label span, form#app3 label span, form#app4 label span, form#app5 label span, form#app6 label span
{
	display: table;
	width: 100%;
}


/***************/
/*** @appNav ***/
/***************/
div#zone2 div.appNav
{
	display: table;
	width: 204px;
	border: 4px solid #f2f2f2;
	float: left;
	margin-left: 45px;
	margin-top: 10px;
	margin-bottom: 30px;
	padding: 4px;
}

div.appNav ol li
{
	color: #888;
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: .5em;
}

div.appNav ol li strong
{
	color: #666;
}

/************************/
/*** @areaAttachments ***/
/************************/
div.areaAttachments
{
}

/***********************/
/*** @areaSearchSite ***/
/***********************/
div#areaSearchSite
{
}

/****************/
/*** @conMain ***/
/****************/
div.colMain
{
}

/**********************/
/*** @conRelContent ***/
/**********************/
div.colRelContent
{
	float: left;
	width: 30%;
}

/****************************/
/*** @containerMultimedia ***/
/****************************/
div.containerMultimedia
{
}

/*************************************************************************
	@zoneFooter 
**************************************************************************/
div#zoneFooter div#areaSiteDetails
{
	color: #A6C2CD;
	font-size: .9em;
	float: right;
	margin-right: 16px;
	margin-top: .5em;
}

div#zoneFooter div#areaSiteDetails a
{
	color: #A6C2CD;
}