/*
	--------------------------
	Default Styles
	--------------------------
*/

/*  Custom Classes
--------------------------  */

/* contain */
.contain:after	{ content: "."; display: block; clear: both; visibility: hidden; height: 0px; }
* html .contain	{ /* nomac \*/height: 1%;/* nomac */ }
.contain		{ display: inline-block; }

/* hidden */
.hidden	{ display: none; }

/* clear */
.clear	{ clear: both; }

/*  Typography 
--------------------------  */

body 		{ font-family: arial,sans-serif; color: #171717; margin: 0px; }
h1 			{ font-size: 1.1em; margin-bottom: 0.3em; margin-top: 0px; }
h2 			{ font-size: 0.9em; color: #123466; margin-bottom: 0.3em; }
h2 a:hover	{ color: #123466; }
h3 			{ font-size: 0.8em; margin-bottom: 0.3em; }
h4 			{ font-size: 0.75em; margin-bottom: 0.3em; }
h5 			{ font-size: 0.75em; margin-bottom: 0.3em; }
p,li,dt,dd,label,legend	{ font-size: 0.75em; line-height: 1.1em; color: #666; }
li li		{ font-size: 1em; }
dt			{ font-weight: bold; margin: 5px; }
dl,dd		{ margin-bottom: 0px; }
address		{ font-style: normal; color: #666; font-size: 0.75em; margin-bottom: 1em; }
a 			{ color: #123466; }
a:hover		{ color: #41b7c8; }
p strong	{ color: #171717; }
p.small		{ font-size: 0.65em; }
p.red   { color: #ff0000; }
input, select, textarea		{ font-family: arial,sans-serif; font-size: 0.75em; }

/* Imagery
--------------------------  */

a img	{ border: none; }
img		{ border: none; vertical-align: bottom; }
img.left	{ float: left; border: none; vertical-align: bottom; margin-right: 5px; }
img.padbottom		{ margin-bottom: 1em; }
img.padright		{ margin-right: 4em; }
img.space		{ margin-bottom: 1em; }

/*  Template Structure 
--------------------------  */

body				{ background: #fff url(../files/template/bgImage.jpg) no-repeat top center; text-align: center; }
#pageOuter 			{ text-align: left; width: 53em; margin: 0px auto 0px auto; background: #fff; border: solid 1px #f6f2e6; }

/* Header Area 
--------------------------  */

#pageHeader				{ width: 100%; text-align: right; background-color: #fff; margin: 0px auto 0px auto; border-bottom: 10px solid #3bb6cd; }
#logo				{ float: left; width: 200px; padding: 0px; }

/* Global Navigation - top of page
--------------------------  */

#globalNav 				{ float: right; font-weight: bold; line-height: normal; }
#globalNav #innerLeft 	{ margin: 0px 1em 0px 0px; background: url(../files/template/global_right.gif) no-repeat bottom right; }
#globalNav #innerRight 	{ text-align: right; background: url(../files/template/global_left.gif) no-repeat bottom left; }
#globalNav ul 			{ margin: 0px 15px 0px 15px; padding: 0.9em 0px 1em 0px; background: #dce1e7 url(../files/template/global_mid.gif) repeat-x bottom; list-style-type: none; }
#globalNav li 			{ display: inline; padding: 0px 9px 0px 9px; font-size: 0.7em; background: url(../files/template/sep_globalNav.gif) right no-repeat; }
#globalNav a 			{ background: none; color: #3bb6cd; text-decoration: none; line-height: 100%; }
#globalNav a:hover 		{ color: #123466; text-decoration: underline; }
#globalNav .first 		{ padding-left: 0px; }
#globalNav .last 		{ background: none; padding-right: 0px; }

/* Body Area
--------------------------  */

#pageBody	{ background: #fff; width: 100%; }

div.full	{ width: 100%; }
div.column	{ float: left; }
div.columnfixed	{ float: left; width: 33% }
div.column2fixed	{ float: left; width: 50% }

/* Image Area
--------------------------  */

#pageImagery		{ width: 100%; background-color: #eae3d1; }
#pageImagery img	{ float: left; height: 6.3em; padding: 0px; margin: 0px; }
#pageImagery ul		{ list-style-type: none; margin: 0px 10px 0px 10px; padding-top: 5px; }
#pageImagery li 	{ padding: 0px 6px 0px 6px; color: #43b6c8; font-size: 1.4em; line-height: 1.3em; text-align: right; }
#headAnimation		{ width: 53em; height: 6.3em; float: right; }

/*	Content Area 
--------------------------  */

#pageContent	{ clear: both; background: #fff; padding-top: 10px; }
#cellContent	{ width: 22.8em; padding: 0px 1em 1em 0px; }
#fullcellContent	{ width: 37.5em; padding: 0px 1em 1em 0px; }
#widecellContent	{ width: 36em; padding: 0px 1em 1em 0px; }
#fullcellContent0	{ width: 37.5em; padding: 0px 1em 1em 0px; }
#fullcellContent0 img	{ float:right; margin: 0px 0px 0px 0.2em; }


/*	Left Navigation Area 
--------------------------  */

#cellNav 		{ width: 12.25em; padding: 0px 0px 1em 0px; margin: 0px 0.75em; }
#cellNav h1 	{ background-color: #3bb6cd; color: #fff; font-size: 0.75em; font-weight: bold; line-height: 2.2em; padding-left: 15px; margin-bottom: 0px; }
#cellNav h1 a	{ color: #fff; text-decoration: none; display: block; width: 100%; line-height: 250%; background: url(../files/template/contentNav_right.gif) right top no-repeat; }
#cellNav h1 a:hover	{ text-decoration: underline; }
#cellNav h2 	{ background: #123466 url(../_files/template/contentNav_left.gif) left top no-repeat; color: #fff; font-size: 0.75em; font-weight: bold; line-height: 2.2em; padding-left: 15px; margin-bottom: 0px; }
#cellNav h2 a	{ color: #fff; text-decoration: none; display: block; width: 100%; line-height: 250%; background: url(../files/template/contentNav_right.gif) right top no-repeat; }
#cellNav h2 a:hover	{ text-decoration: underline; }

#cellNav ul 	{ width: 100%; list-style-type: none; margin: 0px; padding: 0px; }
#cellNav li 	{ font-size: 0.7em; line-height: 1em; }

#cellNav li a 			{ display: block; padding: 0.8em 10px 0.8em 30px; font-weight: bold; text-decoration: none; color: #123466; background: #f6f2e6 url(../files/template/bullet_arrow_red_right.gif) 10px center no-repeat; border-top: 1px solid #ffffff; }
#cellNav li.last a 		{ border-bottom: 1px solid #ffffff; }
#cellNav li.selected a	{ padding: 0.8em 10px 0.8em 30px; text-decoration: none; color: #123466; background: #dce1e7; }
#cellNav li a:hover		{ background-color: #dce1e7; }

#cellNav li li	 		{ font-size: 1em; line-height: 1em; }
#cellNav li li a 		{ padding-left: 45px; background-position: 20px center; background-color: #fff; border-color: #cccccc; font-weight: normal; }
#cellNav li li a:hover 	{ background-color: #dce1e7; }
#cellNav li li.selected a	{ padding-left: 45px; text-decoration: none; color: #123466; background-color: #dce1e7; }

#cellNav li li li	 		{ font-size: 1em; line-height: 1em; }
#cellNav li li li a 		{ padding-left: 60px; background-position: 40px center; background-color: #fff; border-color: #cccccc; font-weight: normal; }
#cellNav li li li a:hover 	{ background-color: #dce1e7; }
#cellNav li li li.selected a	{ padding-left: 60px; text-decoration: none; color: #123466; background-color: #dce1e7; }

/*	Footer Area 
--------------------------  */

#pageFooter 	{ width: 100%; text-align: left; background: #3bb6cd; }

#pageFooter #footerNav 				{ text-align: right; padding: 2px; margin: 0px 15px 0px 15px; }
#pageFooter #footerNav ul			{ list-style-type: none; margin: 0.5em 0px 0.5em 0px; padding: 0px; }
#pageFooter #footerNav li 			{ display: inline; font-size: 0.7em; font-weight: bold; color: #fff; padding: 0px 0.75em; border-right: 1px solid #f1f1f1; }
#pageFooter #footerNav li a 		{ background: none; margin: 0px; color: #f1f1f1; text-decoration: none; }
#pageFooter #footerNav li a:hover	{ color: #fff; }
#pageFooter #footerNav li.last		{ border: none; padding-right: 0px; }
#pageFooter #footerNav li.copyright	{ border: none; float: left; padding: 0px 0px 0px 0px; margin: 0px; }

/*	Credits Area 
--------------------------  */

#credits	{ color: #999; font-size: 0.7em; text-align: right; width: 73em; padding: 15px 1.5em 0px 15px; margin: 0px auto 0px auto; }
#credits a	{ color: #999; text-decoration: none; }
#credits a:hover	{ text-decoration: underline; }

/*	Forms 
--------------------------  */

div.form label		{ display: block; width: 8.5em; line-height: 2em; float: left; }
div.form div input	{ width: 15em; margin: 0.15em 0px 0.3em 0px; }
div.form div textarea	{ width: 15em; margin: 0.15em 0px 0.3em 0px; }
div.form div select	{ width: 15em; margin: 0.15em 0px 0.3em 0px; }

#searchAll		{ background-color: #f6f2e6; width: 12.25em; margin: 0.75em 0px; }
#titleSearch	{ background-color: #3bb6cd; color: #fff; font-size: 0.75em; font-weight: bold; line-height: 2.2em; padding: 0.25em 0px 0.25em 15px; margin-bottom: 0px; }

div.searchform		{ padding: 0.5em; }

div.searchform label	{ color: #123466; padding: 0px 0px 5px 0px; display: block; width: 100%; }

div.searchform div.half		{ float: left; width: 48%; }
div.searchform div.first	{ margin-right: 4%; }

div.searchform input			{ width: 96%; margin: 0px 0px 5px 0px; }
div.searchform input.button		{ width: 100%; margin: 5px 0px 0px 0px; padding: 3px; }
div.searchform select			{ width: 100%; margin: 0px 0px 5px 0px; }