/* Neath Port Talbot County Borough Council - Stylesheets              */
/* Developed by: Neath Port Talbot CBC IT Section                      */
/* Date: March 2004                                                    */
/* Purpose: standardise effects of font formatting across site         */
/* Note: to override any of these settings you can use "inline" styles */
/* filename: business_styles.css                                       */

/***********************************************************************************
 define body margins, alignment and colour 
***********************************************************************************/
body
  { 
      margin: 0px;
      padding: 20px 0px 0px 0px;
      text-align: center; /* Hack for IE5/Win so that the contents of the #centered div tag are centered */
      height: auto;
      display: block;  
/* define body fonts and font sizes */

      font-size:   x-small;
      font-family: verdana,arial,helvetica,sans-serif;
  }  

/***********************************************************************************
 define a centered class for all the content on this page
***********************************************************************************/
#centered 
  {   
      width: 780px;
      margin: 0px auto; /* Right and left margin widths set to "auto" for centering */
      padding: 0px;
      text-align: left; /* Counteract to IE5/Win Hack for centering the div tag */
      border: 0px;
      display: block;
      position: relative;
   }

  
/***********************************************************************************
 define a page content area
 - sidebar, white_header, menubar, list_menu, eservices_label
   dropdowns, txtright, 
 - contentbox, breadcrumbs, welcomebox, welcomemsg, popular_areas, menubar, 
   list_menu, popular_areas_header, date_box, date_text, howcanwehelp_box, 
   helptxt, search_dropdown, 
 - main_body_contentbox, 
   - lhs_contentbox, white_header, news_item, news_item_header,
     events_date, feature_item_header, newsbox, lhs_newsbox, rhs_newsbox, feature_item,
     feature_item_header, more_icon, faq_item_header 
   - rhs_contentbox, rhs_contenttitlebox, orange_header, rhs_contentlistbox,
     expandedmenu_header, expandedmenu_item, search_grey_box, search_dropdown
***********************************************************************************/
#pagecontent
  {
      width: 780px;
      height: auto;
      margin: 0px;
      padding: 0px;
      border-style: solid;      
      border-width: 1px 0px 0px 0px;      
      border-color: #FFFFFF;
      position: static;
  }

  
/* define a content box class */  
@media screen
{
#contentbox
  {
      width: 614px;
      height: auto;
      padding: 0px;
      margin: 0px;
      border-style: solid;      
      border-width: 0px 0px 0px 10px;
      display: block;
      position: static;
      float: right;
	  border-left-color:#FFFFFF 
  }
}

/* define a content box class */  
@media print
{
#contentbox
  {
      width: 614px;
      height: auto;
      padding: 0px;
      margin: 0px;
      border-style: solid;      
      border-width: 0px 0px 0px 10px;      
      display: block;
      position: static;
      float: left; 
	  border-left-color:#FFFFFF 
  }
}

/* define a breadcrumbs box class */  
@media screen
{
#breadcrumbs
  {
	width: 614px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	display: block;
	position: static;
	color: #181F3B;
	text-align: right;
	line-height: 20px;
	font-weight: normal;
	background-color: #FFFFFF;
  }
}

@media print
{
#breadcrumbs
  {
      display: none;
  }
}
  
#breadcrumbs a:link    {
	color: #D66B00;
	font-weight: normal;
	text-decoration: underline;
	background-color: #FFFFFF;
	
}
#breadcrumbs a:visited {
	color: #D66B00;
	font-weight: normal;
	text-decoration: underline;
	background-color: #FFFFFF;
	
}
#breadcrumbs a:hover   {
	color: #336699;
	font-weight: normal;
	text-decoration: underline;
	background-color: #FFFFFF;
	
}
#breadcrumbs a:active  {
	color: #D66B00;
	font-weight: normal;
	text-decoration: underline;
	background-color: #FFFFFF;
	
}


/* define a welcome box class */  
#welcomebox
  {
      width: 614px;
      padding: 0px;
      margin: 0px;
      background-color: #FFFFFF; 
      border: 0px dashed #000000;      
      display: block;
      position: static;
      color: #585858;
  }

#table a.link    { color: #000000; text-decoration: none; font-weight: bold; background-color: #f7f7de; }
#table avisited { color: #336699; text-decoration: none; font-weight: bold; background-color: #f7f7de;}
#table a:hover   { color: #FF0000; text-decoration: underline; font-weight: bold; background-color: #f7f7de;}
#table a:active  { color: #00FF00; text-decoration: none; font-weight: bold; background-color: #f7f7de;}

/* define a welcome message box class */  
#welcomemsg
  {
      font-family: Arial, Helvetica, geneva, sans-serif; 
      font-size:   110%;
      color: #585858;
      width: 461px;
      padding: 0px 11px 0px 0px;
      margin: 0px;
      background-color: #FFFFFF; 
      border: 0px;      
      display: block;
      position: static;
      float: left;
  }

/* define welcomemsg fonts and font sizes */
#welcomemsg h2
  {
	color: #394A71;
	font-size:   medium;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: bold;
	padding: 0px 0px 14px 0px;
	margin: 0px;
	border: 0px;
	background-color: #FFFFFF;
	
  }  


/* define welcomemsg image properties*/
#welcomemsg img
  {
      float: left;
      padding: 0px 11px 0px 0px;
      margin: 0px;
      border: 0px;      
  }  

/* define a popular areas box class */  
#popular_areas
  {
      width: 142px;
      padding: 10px 0px 0px 0px;
      margin: 0px;
      border: 0px;      
      display: block;
      position: static;
      float: right;
  }

/* define a datebox box class */  
#datebox
  {
      width: 614px;
      height: 28px;
      padding: 0px;
      margin: 0px;
      border-width: 1px 0px 2px 0px;      
      border-style: solid;      
      border-color: #8C8C8C #FFFFFF #FFFFFF #FFFFFF;      
      display: block;
      position: static;
  }

#date_text
  {
	width: 288px;
	height: 28px;
	display: block;
	position: static;
	padding: 0px 0px 0px 10px;
	float: left;
	color: #757575;
	font-weight: bold;
	line-height: 28px;
	background-color: #FFFFFF;
  }

/* define a howcanwehelp_box class */  
.howcanwehelp_box
  {
      width: 306px;
      height: 23px;
      display: block;
      position: static;
      padding: 5px 0px 0px 0px;
      margin: 0px;
      border: 0px;
      float: right;
      font-weight: bold;
  }

/* define a howcanwehelp_box class */  
.helptxt
  {
      padding: 3px 0px 0px 0px;
      float: left;
  }
  
.search_form
  {
     padding: 0px;
     margin: 0px;
     border: 0px;
     display: inline;
     float: right;
  }
  
/* define a search_dropdown class */  
.search_dropdown
  {
      height: 17px;
      width: 184px;
      font-size: 8pt;
      display: block;
      position: static;
      float: right;
  }

.dropdowns 
  {
    width: 95%;
	font-size: 8pt;
	text-decoration: none;
  }
  
/* define entries for the dropdown "I would like to..." */
.dropdown_title
  {
      background-color: #FFCC66; 
      color: #000000
  }

/* define a content box class */  
#main_body_contentbox
  {
      width: 614px;
      height: auto;
      padding: 0px;
      margin: 0px;    
      display: block;
      position: static;
      float: right; 
  }

/* define a lhs_contentbox class */  
#lhs_contentbox
  {
      width: 302px;
      padding: 0px;
      margin: 0px;
      border-width: 0px 4px 0px 1px;      
      border-style: solid;      
      border-color: #FFFFFF #FFFFFF #FFFFFF #E7E7E7;      
      display: block;
      position: static;
      float: left;
  }

/* define a events_date class */  
.events_date
  {
      width: 90px; 
      font-family: Arial, Helvetica, geneva, sans-serif; 
      font-size: 110%;
      color: #585858;
      margin: 0px; 
      padding: 2px 0px 2px 3px;
      border: 0px;      
      background-color: #FFFFFF; 
      float: left;
  }


/* define a newsbox class */  
#newsbox
  {
	width: 302px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	display: block;
	position: static;
	float: left;
	border-top-color: #FFFFFF;
  }

/* define a lhs_newsbox class */  
#lhs_newsbox
  {
      width: 151px;
      padding: 0px;
      margin: 0px;
      border: 0px;
      display: block;
      position: static;
      float: left;
  }

/* define a rhs_newsbox class */  
#rhs_newsbox
  {
      width: 151px;
      padding: 0px;
      margin: 0px;
      border: 0px;
      display: block;
      position: static;
      float: right;
  }

/* define a news_item_header class */  
.news_item_header
  {
      color: #336699; 
      margin: 0px 0px 0px 7px; 
      padding: 3px 0px 3px 15px;
      border: 0px;      
      background-color: #FFFFFF;
      background-image: url("http://www.npt.gov.uk/images/buttons/newscopy.gif");
      background-repeat: no-repeat;
      background-position: 0px 4px;
  }


.news_item_header a:link    {
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFFFF;
}
.news_item_header a:visited {
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFFFF;
}
.news_item_header a:hover   {
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
	background-color: #FFFFFF;
}
.news_item_header a:active  {
	color: #00FF00;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFFFF;
}

/* define an other_news_item_header class */  
.other_news_item_header
  {
      color: #336699; 
      margin: 0px 0px 0px 7px; 
      padding: 3px 0px 3px 14px;
      border: 0px;      
      background-image: url("http://www.npt.gov.uk/images/buttons/newsarrow.gif");
      background-repeat: no-repeat;
      background-position: 0px 4px;
	  background-color: #FFFFFF;
  }

.other_news_item_header a:link    {
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFFFF;
}
.other_news_item_header a:visited {
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFFFF;
}
.other_news_item_header a:hover   {
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
	background-color: #FFFFFF;
}
.other_news_item_header a:active  {
	color: #00FF00;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFFFF;
}

.news_item
  {
      font-family: Arial, Helvetica, geneva, sans-serif; 
      font-size:   110%;
      color: #585858;
      margin: 0px; 
      padding: 0px 0px 3px 23px;
      border: 0px;   
      background-color: #FFFFFF; 
  }

/* define news_item image properties */
.news_item img
  {
      float: left;
      padding: 0px;
      margin: 0px;
      border: 0px;
  }  

/* define feature items */
.feature_item
  {
      margin: 0px; 
      padding: 0px;
      border: 0px;   
      font-weight: normal;
      font-family: Arial, Helvetica, geneva, sans-serif; 
      font-size:   110%;
      color: #585858;
	  background-color: #FFFFFF;
  }

/* define a feature_item_header class */  
.feature_item_header
  {
      color: #336699; 
      margin: 0px; 
      padding: 3px 0px 3px 3px;
      border: 0px;      
      background-color: #FFFFFF;
  }


.feature_item_header a:link    {
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFFFF;
}
.feature_item_header a:visited {
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFFFF;
}
.feature_item_header a:hover   {
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
	background-color: #FFFFFF;
}
.feature_item_header a:active  {
	color: #00FF00;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFFFF;
}

.more_icon
  {
      margin: 0px; 
      padding: 0px;
      border: 0px;      
      text-align: right;
       
      background-image: url("http://www.npt.gov.uk/images/buttons/dots.gif");
      background-repeat: repeat-x;
      background-position: bottom left;
  }

/* define feature_item image properties*/
.feature_item img
  {
      float: left;
      padding: 0px 7px 0px 7px;
      margin: 0px;
      border: 0px;
  }  

/* define a rhs_contentbox class */  
#rhs_contentbox
  {
      width: 307px;
      padding: 0px;
      margin: 0px;
       
      border: 0px solid #FFFFFF;
      display: block;
      position: static;
      float: right;
  }

/* define a rhs_contenttitlebox class */  
#rhs_contenttitlebox
  {
      width: 305px;
      padding: 0px;
      margin: 0px;
      background-color: #FFCE63; 
      border: 1px solid #DCB45A;      
      display: block;
      position: static;
	  color:#000000;
  }

.orange_header
  { 
      color: #800040;
      font-weight: bold;
      line-height: 16px;
      background-color: #FFCE63; 
      margin: 0px; 
      padding: 4px 0px 4px 4px;
      border: 0px;
  }

/* define a rhs_contentlistbox class */  
#rhs_contentlistbox
  {
      width: 297px;
      padding: 4px 4px 4px 4px;
      margin: 0px;
      background-color: #FFE7BB; 
      border-width: 0px 1px 1px 1px;      
      border-style: solid;      
      border-color: #DCB45A;      
      display: block;
      position: static;
	  color: #000000;
  }

.expandedmenu_header
  {
      font-weight: bold;
      margin: 0px 0px 0px 4px; 
      padding: 3px 0px 3px 0px;
      border: 0px;      
      font-family: Arial, Helvetica, geneva, sans-serif; 
      font-size:   110%;
      background-image: url("http://www.npt.gov.uk/images/buttons/exp_menu_icon.gif");
      background-repeat: no-repeat;
      background-position: 0 50%;
  }

.expandedmenu_header a
  {
      padding: 0px 0px 0px 19px; 
  }

.expandedmenu_header a:link    {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFFFF;
}
.expandedmenu_header a:visited { color: #000000; background-color: #FFFFFF; text-decoration: none; font-weight: bold; }
.expandedmenu_header a:hover   { color: #336699; background-color: #FFFFFF; text-decoration: underline; font-weight: bold; }
.expandedmenu_header a:active  { color: #336699; background-color: #FFFFFF; text-decoration: none; font-weight: bold; }

.expandedmenu_item
  {
      margin: 0px; 
      font-weight: normal;
      padding: 0px 0px 3px 23px;
      border: 0px;   
      font-family: Arial, Helvetica, geneva, sans-serif; 
      font-size:   110%;
  }

.expandedmenu_item a:link    { font-weight: normal; color: #000000; text-decoration: none; background-color: #FFFFFF;}
.expandedmenu_item a:visited { font-weight: normal; color: #000000; text-decoration: none; background-color: #FFFFFF;}
.expandedmenu_item a:hover   { font-weight: normal; color: #336699; text-decoration: underline; background-color: #FFFFFF;}
.expandedmenu_item a:active  { font-weight: normal; color: #336699; text-decoration: none; background-color: #FFFFFF;}


/* define a faq_item_header class */  
.faq_item_header
  {
      color: #336699; 
      margin: 0px 0px 0px 7px; 
      padding: 3px 0px 3px 14px;
      border: 0px;      
      background-color: #FFFFFF;
      background-image: url("http://www.npt.gov.uk/images/buttons/question_icon.jpg");
      background-repeat: no-repeat;
      background-position: 0px 4px;
  }



.faq_item_header a:link    { color: #336699; text-decoration: none; font-weight: bold; background-color: #FFFFFF;}
.faq_item_header a:visited { color: #336699; text-decoration: none; font-weight: bold; background-color: #FFFFFF;}
.faq_item_header a:hover   { color: #FF0000; text-decoration: underline; font-weight: bold; background-color: #FFFFFF;}
.faq_item_header a:active  { color: #00FF00; text-decoration: none; font-weight: bold; background-color: #FFFFFF;}




.search_grey_box
  { 
      width: 300px;
      color: #585858;
      font-weight: bold;
      background-color: #EFEFEF; 
      margin: 0px;
      padding: 4px 0px 4px 5px;
      border-width: 1px 1px 1px 1px;
      border-style: solid;
      border-color: #E6B96E #CFC4C9 #CFC4C9 #CFC4C9;
  }



/***********************************************************************************
 general styles used throughout each page
***********************************************************************************/
#contentcopybox 
  {
      font-size: small; /* was 120% */
  }

#contentcopybox h2
  {
      font-family: Arial, Helvetica, geneva, sans-serif; 
      font-size: 18px;
      line-height: 18px;
      color: #394A71; 
      text-decoration: underline;
      font-weight: normal;
	  background-color: #FFFFFF;
  }

#contentcopybox h3
  {
      font-family: Arial, Helvetica, geneva, sans-serif; 
      font-size: 16px;
      line-height: 16px;
      color: #394A71; 
      text-decoration: none;
      font-weight: normal;
	  background-color: #FFFFFF;
  }

#contentcopybox h4
  {
      font-family: Arial, Helvetica, geneva, sans-serif; 
      font-size: 14px;
      line-height: 14px;
      color: #394A71; 
      text-decoration: none;
      font-weight: normal;
  }

#contentcopybox h5
  {
      font-family: Arial, Helvetica, geneva, sans-serif; 
      font-size: 12px;
      line-height: 10px;
      color: #394A71; 
      text-decoration: none;
      font-weight: normal;
	  background-color: #FFFFFF;
  }


#contentcopybox h6
  {
      font-family: Arial, Helvetica, geneva, sans-serif; 
      font-size: 10px;
      line-height: 8px;
      color: #394A71; 
      text-decoration: none;
      font-weight: normal;
	  background-color: #FFFFFF;
  }

#contentcopybox address
  {
      font-family: arial, verdana, geneva, sans-serif; 
      font-size: small; /* was 110% */
      line-height: 10px;
      font-weight: normal;
  }


#contentcopybox a:link    { color: #336699; text-decoration: none; font-weight: bold;}
#contentcopybox a:visited { color: #336699; text-decoration: none; font-weight: bold; }
#contentcopybox a:hover   { color: #FF0000; text-decoration: underline; font-weight: bold; }
#contentcopybox a:active  { color: #00FF00; text-decoration: none; font-weight: bold;  }


/* define a searchbox class - used throughout the page */  
.searchbox
  {
      height: 29px;
      padding: 0px;
      margin: 0px;     
      display: block;
      position: static;
      float: right; 
      text-align: right;
  }

.searchbox_input
  {
      height: 17px;
      width: 160px;
      font-size: x-small;
      border: 1px solid #666666;
  }


.txtleft
  {
      text-align: left;
      float: left;
      padding: 0px;
      margin: 0px;
      border: 0px;      
  }


.txtright
  {
      text-align: right;
      float: right;
      padding: 0px;
      margin: 0px;
      border: 0px;      
  }

.txtright a:link { font-weight: bold; }
.txtright a:visited { font-weight: bold; }
.txtright a:hover   { font-weight: bold; }
.txtright a:active  { font-weight: bold; }

.txtcenter
  {
      text-align: center;
      padding: 0px;
      margin: 0px;
      border: 0px;      
  }

img
  {
      padding: 0px;
      margin: 0px;
      border: 0px;
      clear: both;
  }

.img_right
  {
      padding: 0px;
      margin: 0px;
      border: 0px;
      clear: both;
      float: right;
  }

.img_left
  {
      padding: 0px;
      margin: 0px;	
      border: 0px;
      float: left;
  }

form
  {
      padding: 0px;
      margin: 0px;
      border: 0px;
      clear: both;
  }

.white_header
  { 
      color: #FFFFFF; 
      font-weight: bold;
      line-height: 16px;
      background-color: #8799A9; 
      margin: 0px; 
      padding: 0px 0px 0px 3px;
      border: 0px;
  }

.white_header a:link { font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #8799A9; }
.white_header a:visited { font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #8799A9; }
.white_header a:hover   { font-weight: bold; color: #FFFFFF; text-decoration: underline; background-color: #8799A9; }
.white_header a:active  { font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #8799A9; }
  
.popular_areas_header
  { 
      color: #6699FF; 
      font-weight: normal;
      line-height: 16px;
      background-color: #FFFFFF; 
      margin: 0px; 
      padding: 0px 0px 0px 3px;
      border: 0px;
  }
  
.eservices_label 
  { 
    color: #CC0000; 
    font-weight: bold;
	background-color: #FFFFFF;
  }

address 
   {
     font-weight: normal;
     font-style: normal;
     height: 18px;
     padding: 0px 0px 0px 25px;
   }
   
.backtotop {width: 614px; height: auto;}

/***********************************************************************************
 define styles for image galleries used throughout the site
***********************************************************************************/

    .gallery_box          { width: 258px; height: 220px; display: none; margin: 0 auto; }
    .gallery_image_box    { width: 200px; padding: 0px; margin: 0px; border: 0px; float: left;}
    .gallery_portrait_box { width: 191px; height: 220px; display: none; }
    .gallery_image_portrait_box    { width: 133px; padding: 0px; margin: 0px; border: 0px; float: left }
    .gallery_image        { padding: 0px; margin: 0px; border: 1px black solid; float: left }
    .gallerycontol_previous { width: 24px; padding: 0px; margin: 65px 1px 0px 0px; border: 0px; float: left }
    .gallerycontol_next     { width: 24px; padding: 0px; margin: 65px 0px 0px 1px; border: 0px; float: right }
    .gallery_buttons      { padding: 0px; margin: 0px; border: 0px; }

/***********************************************************************************
 define styles for tables that contain downloadable documents or links to other 
 pages/sites
***********************************************************************************/

    table.download_table{
		background-color: #000000;
		color: #ffffff;
	}
	.download_table caption {
		background-color: #f3f3f3;
		color: #000000;
		font-weight: bold;
	}
	.download_table .mainheader {
		background-color: #425d8c;
		color: #ffffff;
		font-weight: bold;
		text-align: left;
	}
	.download_table .sub_heading1 {
		background-color: #9CB2CE;
		color: #ffffff;
		font-weight: bold;
		text-align: left;
	}
	.download_table .cell {
		background-color: #f7f7de;
		color: #000000;
		font-weight: normal;
		text-align: left;
		font-size: 80%;
	}
	.download_table .note{
		background-color: #f3f3f3;
		font-size: 80%;
		color: #000000;
	}


	
	
	
/***********************************************************************************
 define styles for press release indexes
***********************************************************************************/

	.press_month{
		width: 610px;
		height: auto;
		float: left;
		font-weight: bold;
		background-color: #000080;
		color: #ffffff;
		text-align: center;
		margin: 6px 0px 0px 0px;
		padding: 2px;
		font-size: medium;
	}
	.press_date{
		width: 610px;
		height: auto;
		float: left;
		font-weight: normal;
		margin: 0px;
		padding: 2px;
		font-size: small;
	}
	.press_row{
		width: 614px;
		padding: 0px;
		margin: 0px;
	}
	.press_arrow{
		width: 50px;
		height: auto;
		float: left;
		margin: 0px;
		padding: 2px;
		font-size: x-small;
	}
	.press_title{
		width: 550px;
		height: auto;
		float: right;
		background-color: #DFDFDF; 
		margin: 0px;
		padding: 2px;
		font-size: small;
		font-weight: bold;
		color: #000000;
	}
	.press_intro{
		width: 550px;
		height: auto;
		float: right;
		background-color: #F2F2F2; 
		margin: 0px;
		padding: 2px;
		font-size: small;
		color: #000000
	}

/***********************************************************************************
 define styles for events indexes
***********************************************************************************/

	.event_month{
		width: 610px;
		height: auto;
		float: left;
		font-weight: bold;
		background-color: #000080;
		color: #ffffff;
		text-align: center;
		margin: 6px 0px 0px 0px;
		padding: 2px;
		font-size: medium;
	}
	/* Not to be confused with 'events_date' */
	.event_date{
		width: 610px;
		height: auto;
		float: left;
		font-weight: normal;
		margin: 0px;
		padding: 2px;
		font-size: small;
	}
	.event_row{
		width: 614px;
		padding: 0px;
		margin: 0px;
	}
	.event_arrow{
		width: 50px;
		height: auto;
		float: left;
		margin: 0px;
		padding: 2px;
		font-size: x-small;
	}
	.event_title{
		width: 550px;
		height: auto;
		float: right;
		background-color: #DFDFDF; 
		margin: 0px;
		padding: 2px;
		font-size: small;
		font-weight: bold;
		color: #000000;
	}
	.event_intro{
		width: 550px;
		height: auto;
		float: right;
		background-color: #F2F2F2; 
		margin: 0px;
		padding: 2px;
		font-size: small;
		color: #000000;
	}
/***********************************************************************************
 define styles for contact page
***********************************************************************************/

    .contactheader          {
	border-bottom-width: 0px;
	background-color: #425D8C;
	color: #FFFFFF;
	float:left;
	margin: 0 auto;
	padding: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
    }
    .contactsep             { background-color: #9CB2CE; 
                              color: #FFFFFF; 
                              float:left; 
                              margin: 0 auto; 
                              padding: 1px;
    }
    .contactvalue           {
	background-color: #F7F7DE;
	color: #000000;
	float:left;
	height: 70px;
	padding: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
    }
/****
 input forms 
****/
.required                       {color: red;} 
.input_form                     {clear: left; margin: 10px; background: #F7F7F7; font-size: 12px; font-family: tahoma, sans-serif; width: 590px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #C0C0C0 #808080 #808080 #C0C0C0; padding: 0px;}
.input_form fieldset            {border-width: 1px 0px 0px 0px; border-style: solid none none none; border-color: #C0C0C0; padding: 10px; margin: 0px 0px 25px 0px;}
.input_form fieldset fieldset   {border: 1px solid #C0C0C0; padding: 10px; margin: 0px}
.input_form fieldset fieldset legend {font-size: 120%;}
.input_form fieldset.cmd_line   {background-color: #DDDDD3; margin: 0px;}
.input_form legend              {font-size: 160%;}
.input_form label               {width: 150px; float: left; text-align: right; margin-right: 10px; display: block;}
.input_form question               {width: 300px; float: left; text-align: right; margin-right: 10px; display: block;}
.input_form .radioset label     {float: none; text-align: right; display: inline; margin-left: 15px; margin-right: auto;}
.input_form label.longlabel     {width: 300px; float: left; text-align: right; margin-right: 10px; display: block;}
.input_form input               {font-family: tahoma, sans-serif; background: #fee3ad;}
.input_form select              {font-family: tahoma, sans-serif; background: #fee3ad;}
.input_form .cmd_button         {background: #DDDDD4;}
.input_form br					{clear:both;}
/****
 end of input forms 
****/

.download		{width:570px; border:1px solid #C0C0C0; background-image: url(images/downloads/ul_bground.jpg); margin-left:0px; padding-top:0px; padding-bottom:10px; padding-left:30px;}
.download li	{padding-left:10px;}
.download li a:link { color: #004236; text-decoration: none }
.download li a:visited { color: #004236; text-decoration: none }
.download li a:hover { color: #EC2E38; text-decoration: underline }
.download li a:active { color: #004236; text-decoration: none }
.download .head	{list-style:none; margin-top:15px; margin-bottom:10px;}
.d_doc 			{list-style: url(images/downloads/doc.gif) disc;}
.d_pdf 			{list-style: url(images/downloads/pdf.gif) disc;}
.d_ppt 			{list-style: url(images/downloads/ppt.gif) disc;}
.d_cfm 			{list-style: url(images/downloads/cfm.gif) disc;}
.d_wmv 			{list-style: url(images/downloads/wmv.gif) disc;}
.d_mov 			{list-style: url(images/downloads/mov.gif) disc;}
.d_psd 			{list-style: url(images/downloads/psd.gif) disc;}
.d_jpg 			{list-style: url(images/downloads/jpg.gif) disc;}
.d_mp3 			{list-style: url(images/downloads/mp3.gif) disc;}
.d_htm 			{list-style: url(images/downloads/htm.gif) disc;}
.d_xls 			{list-style: url(images/downloads/xls.gif) disc;}
.d_zip 			{list-style: url(images/downloads/zip.gif) disc;}
.download li ul {list-style: url(images/downloads/cfm.gif) disc;}
