/* CSS Document */

/* CLEAR DEFAULTS & SET PAGE
---------------------------------------------------*/
html								{margin: 0px; padding: 0px}
body 								{margin: 0px auto; min-width: 760px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; color: #0c5292}
#container							{position: relative; width: 100%; float:left; background: url(../images/bkg_main.gif) repeat-x center bottom #d6f3f8}
.box								{position: relative; width: 760px; background-color: #fff; margin: 0px auto}
#content							{position: relative; width: 760px; height:100%; margin: 0px auto; clear: both; border: 1px solid #fff; border-top: none; border-bottom: none; padding-bottom: 30px}
#contentbox							{position: relative; width: 706px; margin: 27px 0px 27px 27px}

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: left; speak-header: always}
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: #f38230; text-decoration:underline; cursor: pointer}
a:hover, a:active					{color: #f38230; text-decoration:none; cursor: pointer;}
input, select						{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px}
label								{cursor: pointer}


/* BRANDING / NAVIGATION
---------------------------------------------------*/
#branding 							{width: 100%; height: 62px; margin: 24px auto 0px; clear: both}
#branding h1						{width: 202px; height: 62px; margin-left: 27px}
#branding h2						{position: absolute; right: 0px; top: 44px; font-size: 20px; color: #8b9802; margin: 0px}
#branding cite						{position: absolute; left: 209px; top: 50px; font-size: 12px; font-style: normal; margin: 0px; padding: 0px}

/*Main Navigation*/
#branding ul						{position: absolute; right: 0px; top: 17px; height: 43px}
#branding ul li						{display: block; float: left}
#branding li a 						{display: block}

* html a:hover						{visibility:visible}
#branding li a:hover img,
#pghome cite span a:hover img		{visibility:hidden}

#nav_home 							{width: 52px; height: 13px; background:url(../images/nav/home_o.gif) no-repeat}
#nav_about							{width: 162px; height: 13px; background:url(../images/nav/about_o.gif) no-repeat}
#nav_contact						{width: 85px; height: 13px; background:url(../images/nav/contact_o.gif) no-repeat}
#join							{width: 187px; height: 65px; background:url(../images/btn/join_o.gif) no-repeat}
#empy								{width: 187px; height: 65px; background:url(../images/btn/employers_o.gif) no-repeat}
#empl								{width: 187px; height: 65px; background:url(../images/btn/employees_o.gif) no-repeat}

#pghome #nav_home					{background:url(../images/nav/home_o.gif) no-repeat}
#pgabout #nav_about					{background:url(../images/nav/about_o.gif) no-repeat}
#pgcontact #nav_contact				{background:url(../images/nav/contact_o.gif) no-repeat}

/*#pghome #nav_home img,*/
#pgabout #nav_about img,
#pgcontact #nav_contact img			{visibility: hidden}

/* PAGE TITLES & SUB MENU 
--------------------------------------------------*/
#pgtitle							{position: relative; background: url(../images/pgtl/topbkg.gif) repeat-x; text-align:right}
#pgtitle h1							{position: absolute; left: 0px}
.submenu							{position: absolute; top: 27px; left: 10px; width: 550px; display:block}
.submenu li							{display: block; float: left; padding-right: 10px; margin-left: 10px; border-right: 1px solid #f8cfa7; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 12px}
.submenu li a:link, 
.submenu li a:visited				{color:#fff; text-decoration: none}
.submenu li a:hover					{color:#0065b1; text-decoration: none}
.submenu li span					{visibility: hidden; display:none}

.pgstats #stats a, .pgbenefits #benefits a,
.pgcomponents #components a, .pgprogram #program a
									{color:#0065b1}
#pgemployers #contentbox .submenu				{position: relative; top: -23px; left: auto; right: 0px; float: right; width: 320px; background: url(../images/submenufoot.gif) no-repeat bottom #f6891f; margin: 0px 0px 0px 20px; padding: 10px 0px}
#pgemployers #contentbox .submenu li			{width: 239px; margin: 0px auto; float: none; border-right: none; border-bottom: 1px solid #f7a95a; list-style:none; font-size:16px; padding: 5px 15px}
#pgemployers #contentbox .submenu li a			{width: 100%; display:block}
#pgemployers #contentbox .submenu li span		{visibility: visible; display:inline}


/* CONTENT FORMATTING
---------------------------------------------------*/
#contentbox ul, #content ol			{margin: 10px 5px 27px 20px}
#contentbox li						{margin-bottom: 10px; margin-left: 20px; line-height: 18px}
#contentbox ul li					{list-style: disc}
#contentbox ol li					{list-style: decimal}
#contentbox ol li ol li				{list-style: lower-alpha; margin-bottom: 5px}
#content p							{margin: 0px 0px 15px; line-height:18px}
#content h1							{font-size: 16px; margin: 0px 0px 12px}
#content h2							{font-size: 14px; margin: 10px 0px 0px 0px; color: #f68a21}
#content h2 b						{color: #0c5292}
#content h3							{font-size: 12px; font-weight:bold; margin: 10px 0px 3px}
#content h4							{font-size: 12px; color: #f68a21; margin: 0px 0px 8px; font-style:italic}
#content cite						{font-size: 11px; font-style:italic; color: #f68a21}
.left								{width: 45%; 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}
.clearright							{clear: right}
.return								{font-size: 11px; margin-left: 20px}


/* FORM
---------------------------------------------------*/
input, select, textarea		{font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size:11px}
#contactform				{width: 600px}
.form_row					{margin:10px 0px; clear:both; padding: 5px 0px}
.form_label					{width:250px; height:27px; margin-top:3px; float:left}
input						{width:300px;}
textarea					{width:300px; height:150px}
.formbtn					{position: relative; width: auto; height: auto}


/* SITE INFO (footer)
---------------------------------------------------*/
#siteinfo, #sitecredit						{width: 760px; height: 40px; clear: both; margin:0px auto; color:#a9a9a9; font-size:11px; display:block; border-top: 1px solid #e2e2e2; text-align:center; padding: 10px 0px 0px}
#sitecredit									{border-top: none; text-align:center; padding-top: 5px}
#siteinfo a:link, #sitecredit a:link,
#siteinfo a:visited, #sitecredit a:visited	{color: #a9a9a9; font-weight: normal}
#siteinfo a:hover, #sitecredit a:hover,
#siteinfo a:active, #sitecredit a:active	{color: #a9a9a9; text-decoration: none}


/* HOME
---------------------------------------------------*/
#pghome #contentbox					{width: 706px; height: 385px; background: url(../images/home.jpg) no-repeat top center; margin: 0px; padding: 125px 27px 0px}
#pghome #content					{height: auto; padding:0px}
#pghome #siteinfo					{border: none; padding-top: 30px}
#pghome blockquote					{width: 192px}
#pghome p							{font-size: 14px}
#pghome h2							{margin-bottom: 2px}
#pghome cite						{position: absolute; top: 127px; right: 27px; width: 187px; display:block}
#pghome cite a, #pghome cite span	{display:block}

/* PAGE SPECIFIC 
---------------------------------------------------*/	
#flashcontent, #flashcontent2		{color: #666666; text-align:center; font-style:italic}
#flashcontent 						{width: 700px; height:180px; margin: 0px auto}
#flashcontent2						{width: 320px; height:276px; float: right; clear:right}

#loginbox							{width: 282px; height: 120px;background: url(../images/login.gif) no-repeat; margin-bottom: 8px; color: #fff; font-weight:bold; font-size:11px; padding: 52px 0px 0px 38px}
#loginbox input, #loginbox label	{width: 177px; clear: both; display:block; margin-bottom: 2px}
#loginbox input						{margin-bottom: 8px; font-weight:normal; padding: 2px}
#loginbox a							{color: #4b79a8; font-weight:normal}