/* CSS Document */

/* CLEAR DEFAULTS & SET PAGE
---------------------------------------------------*/
html								{margin: 0px; padding: 0px; background:#fff}
body 								{position: relative; width: 100%; height:100%; margin: auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}

h1, h2, h3, h4, h5, h6, li, 
ol, ul, form, fieldset, input,
p, blockquote, img, label			{margin: 0px; padding: 0px; list-style:none}
img									{border: none}
table, tr, td, th					{/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse; border: none}/* sets declarations for all tables throughout the site */
table th							{text-align: right; speak-header: always; width: 25%; padding-right: 8px}
th									{speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/
a:link, a:visited					{color: #38B5C1; text-decoration:underline; cursor: pointer}
a:hover, a:active					{color: #000; text-decoration:none; cursor: pointer;}
input, select						{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px}
label								{cursor: pointer; margin-bottom: 5px}

/* BRANDING / NAVIGATION
---------------------------------------------------*/
#branding 							{position: relative; z-index:200; top: 20px; left:20px; width: 980px; clear: both;}
#branding h3						{position: relative; left: 0px; margin: 0px}
#branding blockquote				{position:absolute; top:45px; right:150px; text-align:right;}
#branding blockquote h3				{font-size:12px; font-weight:bold;}
#branding blockquote h2				{font-size:19px; color:#4c5b52; font-weight:normal; margin:15px 0px 10px 0px;}

#branding ul						{margin: 20px 0px; height:30px;}
#branding ul li						{float: left; padding:0px 10px 0px 0px;}

.starburst							{position:absolute; top:7px; right:0px;}


/* BOXES
--------------------------------------------------*/
#container							{width: 1000px; margin: 0px auto; padding:0px}
#content							{position: relative; top:-31px; z-index:1; margin: 0px; clear: both; border-top:1px dotted #79c9c9; background:url(../images/bkg_content.jpg) no-repeat; height:563px;}
#content .box						{background-color:#FFF; float:right; height:490px; margin-right:50px; opacity:0.9; padding:43px 30px 30px 30px; width:57%;}
.colLeft, .colMid, .colRt			{width: 173px; margin: 10px 5px 20px; float:left; display:block; padding: 8px}
.colRt								{clear: right}
.col								{width: 173px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left}
.col2								{width: 240px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left}
.col li								{margin-left: 5px}

/* CONTENT FORMATTING
---------------------------------------------------*/
#content ul, #content ol			{margin: 10px 5px 10px 20px}
#content li						{margin-bottom: 8px; margin-left: 20px}
#content ul li					{list-style: disc}
#content ol li					{list-style: decimal}
#content ol li ol li				{list-style: lower-alpha; margin-bottom: 5px}
#content p							{margin: 0px 0px 10px; line-height: 16px}
#content h1							{font-size: 20px; margin: 0px 0px 5px 0px; color: #00a0af; font-weight: bold; border-bottom:1px solid #00a0af;}
#content h2							{font-size: 14px; margin: 25px 0px 5px 0px; color: #393500; font-weight: bold}
#content blockquote h2				{margin: 0px 0px 5px 0px}
#content h3							{font-size: 11px; color:#000; font-weight:bold; margin: 5px 0px 0px}
#content h4							{font-size: 11px; color: #333333; margin: 2px 0px; font-style:italic}
#content h5							{font-size: 12px; color: #5b5504; margin: 0px 0px 8px; text-align: center; font-family: Georgia, "Times New Roman", Times, serif}
#content cite						{margin-left: 10px}
#content .small						{font-size:10px; font-style:italic;}
.photo 								{border: 3px solid #e5c987; margin: 10px 0px}
.photoLeft, .photoRight				{border: 3px solid #e5c987; float: left; margin: 0px 10px 10px 0px}
.photoRight							{float: right; margin: 0px 0px 10px 10px}
.photoRight_nobdr					{float: right; margin: 0px 0px 10px 10px; border:none;}
.photoLeft_nobdr					{border: none; float: left; margin: 0px 10px 10px 0px}
.left								{width: 45%; padding-right:5%; float: left}
.right								{width: 45%; float: left; clear:right}
.leftFloat							{float: left; margin: 0px 10px 10px 0px}
.rightFloat							{float: right; margin: 0px 0px 10px 10px}
textarea							{font-family: Arial, Helvetica, sans-serif; font-size: 11px}

/* FORM
---------------------------------------------------*/
.form_row							{position: relative; margin:10px 0px; clear:right; height: 20px}
.form_row table td					{padding:5px;}
.form_row table select,
.form_row table input				{width:60px;}
.form_req							{width:10px; float:left}
.form_label							{width:200px; height:25px; margin-top:3px; float:left}
label								{clear: right; display: block}
label input							{width: 40px}
.form_label_news					{width:100px; height:25px; margin-top:3px; float:left}

/* PAGE SPECIFIC
---------------------------------------------------*/
#gallery img						{border:1px solid #7FCFD7; margin:0px 12px 12px 0px;}

/* SITE INFO (footer)
---------------------------------------------------*/
#siteinfo 							{position:relative; top:-31px; width: 1000px; clear: both; font-size:11px; padding: 10px 0px; margin:0px auto}
#siteinfo cite						{font-style:normal;}

/*Home
---------------------------------------------------*/
#pghome #container 					{background:url(../images/bkg_top_water.gif) no-repeat;}
#pghome #branding ul				{margin:24px 0px;}
#pghome #content					{top:15px; z-index:1; margin: 0px; clear: both; border-top:none; background:none; height:400px;}
#pghome #content blockquote			{padding:20px;}
#pghome #siteinfo 					{z-index:500; background:url(../images/bkg_siteinfo.gif) repeat-x; padding:30px 0px 10px 0px;}