/* CSS Document */

/* CLEAR DEFAULTS & SET PAGE
---------------------------------------------------*/
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 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					{font-weight:bold; color:#5c5ba7; text-decoration:underline;}
a:hover, a:active					{font-weight:bold; color:#5c5ba7; text-decoration:none;}
input, select						{font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}
label								{cursor:pointer}

/* Set html & body 
--------------------------------------------------*/
html								{width:100%;}
body								{position:relative; width:100%; min-width:760px; margin:0 auto; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background:url(../images/bkg_body.gif) repeat-x #81000c;}
#container							{position:relative; width:760px; min-height:300px; left:0px; right:0px; margin:0 auto; padding:0px; z-index:1;}

/* BRANDING / NAVIGATION
---------------------------------------------------*/
#branding 							{position:relative; width:760px; height:338px; margin:17px 0px 0px 0px; padding:0px; background:url(../images/bkg_branding) no-repeat #fffaee;}
#branding h1						{position:absolute; left:-9996px;}

#logo								{position:relative; left:201px; top:22px; width:358px;}

#branding #random_display			{position:absolute; top:111px; left:290px; width:470px; height:227px; margin:0px; padding:0px;}	

#branding ol li.noline,
#siteinfo ul li.noline				{border: 0px; margin: 0px; padding: 0px}

/*Main Navigation*/
#nav								{position:absolute; top:111px; left:0px; width:290px; height:227px; margin:0px; padding:0px; background:url(../images/bkg_nav.gif) no-repeat #b4212f; z-index:5}
#nav h2								{position:absolute; left:-8999px;}

#nav ul								{position:absolute; top:21px; left:0px; width:290px; margin:0px; padding:0px;}
#nav ul li							{margin:0px; padding:0px; float:left;}
#nav ul li a 						{display:block; margin:0px; padding:0px;}

* html a:hover 						{visibility:visible}
#nav li a:hover img					{visibility:hidden}

#nav_home 							{width:290px; height:24px; background:url(../images/nav/nav_home_o.gif) no-repeat;}
#nav_about							{width:290px; height:24px; background:url(../images/nav/nav_about_o.gif) no-repeat;}
#nav_county 						{width:290px; height:24px; background:url(../images/nav/nav_county_o.gif) no-repeat;}
#nav_calendar 						{width:290px; height:24px; background:url(../images/nav/nav_calendar_o.gif) no-repeat;}
#nav_conferences					{width:290px; height:24px; background:url(../images/nav/nav_conferences_o.gif) no-repeat;}
#nav_pressroom						{width:290px; height:24px; background:url(../images/nav/nav_pressroom_o.gif) no-repeat;}
#nav_resources						{width:290px; height:24px; background:url(../images/nav/nav_resources_o.gif) no-repeat;}
#nav_contacts						{width:290px; height:24px; background:url(../images/nav/nav_contacts_o.gif) no-repeat;}

#pg_home #nav_home img,
#pg_about #nav_about img,
#pg_county #nav_county img,
#pg_calendar #nav_calendar img,
#pg_conferences #nav_conferences img,
#pg_pressroom #nav_pressroom img,
#pg_resources #nav_resources img,
#pg_contacts #nav_contacts img		{visibility: visible}


/* Dropdown Menu container 
--------------------------------------------------*/
table.menu				{position: absolute; z-index: 5000; border-top: 1px solid #fff0d2; border-bottom:1px solid #fff0d2; cursor: pointer; visibility: hidden;/* Don't change this */}

/* Dropdown Individual menu cells 
--------------------------------------------------*/
table.menu td			{z-index: 1000;
						color: #8a683d;/* Must be the same as tdColor in the menu_script.js */
						background-color: #f6c664; /* Must be the same as tdBgColor in the menu_script.js */
						border-bottom:1px solid #fff0d2;
						padding: 5px 8px;
						font-family:Georgia, "Times New Roman", Times, serif;
						font-size: 11px;
						font-weight: bold;
						white-space: nowrap;}

/* CONTENT & FORMATTING
---------------------------------------------------*/
#content							{position:relative; width:680px; margin:0px; padding:65px 40px 24px; background:#fffaee;}

#content ul, #content ol			{margin-top: 10px; margin-bottom: 10px}
#content li							{margin-bottom: 10px; margin-left: 20px}
#content ul li						{list-style:none;}
#content ul li ul li				{list-style:none;}
b, strong							{color: #000}
p									{margin:0px 0px 10px 0px; line-height:16px}
h1									{position:absolute; top:28px; left:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; color:#f6c664; background:#5c5ba7; padding:0px 40px 3px 40px;}
h2									{font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; color:#b3212e; text-align:center; margin:0px 0px 12px 0px;}
h2 span								{color:#e39735;}
h3									{font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-weight:bold; text-transform:normal; color:#000; margin:10px 0px 5px 0px;}
h4									{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-align:left; text-transform:uppercase; color:#FFF; background:#e39735; margin:0px 0px 5px 0px; padding:3px 0px 3px 5px;}
h5									{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:left; text-transform:normal; color:#b3212e; margin:0px 0px 3px 0px;}
h6									{font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; text-transform:normal; font-size:11px; margin:0px 0px 3px 0px;}
.clear								{clear: both;}
.nobr								{white-space: nowrap;}
.left								{float:left; width:47%; margin:15px 8px 0px 0px;}
.right								{float:left; width:47%; margin:15px 0px 0px 8px;}

/* Text and Tiny MCE */

.header_red							{font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; text-align:center; color:#b3212e;  margin:18px 0px 12px 0px;}
.header_black						{font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-weight:bold; text-align:left; color:#000; margin:10px 0px 5px 0px;}
.subhead_red						{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:left; color:#b3212e; margin:0px 0px 3px 0px;}
.subhead_black						{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:left; color:#000; margin:0px 0px 3px 0px;}
.regular_copy						{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weignt:normal; text-align:left; color:#000; margin:0px 0px 10px 0px;}

.gold								{color:#8a683d;}
.orange								{color:#e39735;}
.red								{color:#b3212e;}
.tiny								{font-size:11px;}


/* HOME CONTENT
---------------------------------------------------*/
#pg_home #content					{width:430px; padding:28px 40px 24px 290px;}
*html #pg_home #content				{width:430px; padding:28px 10px 24px 290px;}

#pg_home #content h1				{position:relative; top:0px; width:460px; font-size:14px; font-weight:bold; color:#b4212f; background:none; margin:0px 0px 12px 0px; padding:0px;}
#pg_home #content h2				{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#8a683d; text-align:left; margin:0px; padding:0px 0px 2px 0px;}
#pg_home #whatsnew					{position:absolute; top:29px; left:40px; font-family:Georgia, "Times New Roman", Times, serif; font-size:10pt; color:#fffaee; width:209px; background:url(../images/img_whatsnew.gif) #e39431 no-repeat; margin:0px; padding:65px 0px 5px 0px;}
#pg_home #whatsnew h3				{position:absolute; top:10px; left:49px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#e39735; }
#pg_home #whatsnew ul li  			{list-style:none;}

#pg_home #whatsnew a:link,
#pg_home #whatsnew a:visited 		{color:#FFF; text-decoration:underline;}
#pg_home #whatsnew a:hover,
#pg_home #whatsnew a:active 		{color:#FFF; text-decoration:none;}

/* SPECIFIC PAGE STYLES
---------------------------------------------------*/

.calendar				 			{margin-top:5px;}
#content .calendar td,
#content .calendar th				{border-bottom:1px solid #f6c664;}

#content .calendar td				{padding:5px 0px;}
#content .calendar th h3			{padding:0px 0px 5px 0px;}
#content .calendar th h4			{margin:0px;}
#content .calendar th h5			{padding:5px 0px 5px 5px;}

#pg_about #content ul li			{list-style:url(../images/img_bullet.gif);}
#pg_about #content ul li ul li		{list-style:url(../images/img_check.gif);}

#pg_conferences #content ul li		{clear:both; list-style:none; margin:0px; padding:5px 0px;}		
#pg_conferences #content h3			{padding:15px 0px 5px 0px; margin:0px;}		
#pg_conferences #content ul li span	{float:left; width:140px; text-align:right; padding:0px 8px 0px 0px;}
#pg_conferences #content ul li cite	{float:left; width:480px;}

#pg_resources p						{margin:0px;}

#pg_contacts h5						{color:#b4212f;}
#pg_contacts p						{font-size:11px;}
#pg_contacts span					{color:#8a683d; font-style:italic;}

#pg_county_sub1 #content ul li		{list-style:square;}
#pg_county_sub1 #content ul li ul li{list-style:square;}


/* SITE INFO (footer)
---------------------------------------------------*/
#site_info							{width:760px; border-top:#5c5ba7 7px solid; color:#e33545; font-size:10px; text-align:center; padding:10px 0px 25px 0px; margin:0px auto;}
#site_info cite						{font-style:normal}
#site_info a:link,
#site_info a:visited				{color:#e33545; text-decoration:none;}
#site_info a:hover,
#site_info a:active					{color:#e39431; text-decoration:none;}
