/***** Description: this sets the default font style to the *****/
/***** website *****/
body
{
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	text-align: left;
	margin: 0 auto;
	min-width: 78.4em;
}

img
{
	border: none;
}

/***** Description: used to reset/clear floats *****/
.clear
{
	display: block;
	clear:both;
}

/***** Description: used to hide div's *****/
.hide
{
	display: none;
}


#bodywrapper
{
	display: block;
	border: 0;
	margin: 5px 0.64% 5px 0.64%;
	height: 100%;
	width: 98.7%;
}

/***** Description: the container for the top bar of the *****/
/***** main template (includes logo, title, search bar) *****/
#topbar
{
	clear: both;
	display: block;
	width: 100%;
}

/***** Description: this div contains the logo image *****/
#logo
{
	background-image: url("logo.gif");
	background-position: center;
	background-repeat: no-repeat;
	float: left;
	width: 16.67%;
	margin-right: 0.259%;
	height: 8.6em;
	display: block;
}

/***** Description: container for the the top bar excluding the *****/
/***** logo *****/
#main_top_div
{
	display: block;
	float: left;
	width: 83%;
}

/***** Description: contains the title image and the text *****/
#top_title_bar
{
	float: left;
	display: block;
	width: 100%;
}

/***** Description: this div is hidden off screen, so that *****/
/***** when css is turned off, the text appears instead of *****/
/***** the image and is readable by screen readers *****/
#title_text
{
	margin-left: -5000px;
}

/***** Description: contains the title image *****/
#titlebar
{
	display: block;
	float: left;
	background: url("titlebar_master.gif") no-repeat left bottom;
	width: 65%;
	height: 5.8em;
}

/***** Description: contains a gradient which is tiled horizontally *****/
/***** across the bottom of the top bar *****/
#top_gradient
{
	display: block;
	background: url("topbar_gradient.gif") repeat-x center;
	width: 100%;
	float: right;
	height: 2.8em;
	text-align: right;
	vertical-align: middle;
}

#top_gradient div
{
	padding-top: 0.5em;
	vertical-align: middle;
	height: 2.8em;
}

#top_gradient div a
{
	font-size: 1.3em;
	font-weight: bold;
	padding-right: 1em;
	color: #000000;
	background-color: inherit;
	margin-top: 1em;
}

#top_gradient div a:hover
{
	color: #D90000;
	background-color: inherit;
}

/***** Description: the search bar container *****/
/***** Changes: Increased the font size *****/
#searchbar
{
	float: right;
	width: 34%;
	margin: 0 0 0 0;
	font-size: 1.2em;
}

/***** Description: This defines the width of the container of *****/
/***** the search textbox *****/
#searchTxt
{
	width: 60%;
}

/***** Description: Defines the width of the search button *****/
#searchBtn
{
	width: 35%;
	margin: 0 0 0 0;
}

/***** Description: Defines the width of the block that holds
/***** the search links
#search_links
{
	width: 100%;
	display: block;
	margin: 0 auto;
}

/***** Description: styles for every link within the search div *****/
.search_link
{
	display: inline;
	width: auto;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

/***** Description: style for the a tags in the search *****/
.search_link a
{
	font-size: 1.1em;
	color: #000000;
	background-color: inherit;
	text-decoration: underline;
}

/***** Description: this div contains the left side bar and *****/
/***** the contents area *****/
#mainwrapper
{
	clear: both;
	display: block;
	height: 100%;
}

/***** Description: left bar container *****/
#leftbar
{
	display: block;
	width: 16.67%;
	float: left;
	margin-right: 0.259%;
}

/***** Description: styles for the primary navigation container *****/
#primary_navigation
{
	font-size: 1.2em; /* converts to 12px */
	color: #ffffff;
	background-color: inherit;
	width: 100%;
	height: 100%;
}

/***** Description: the language button *****/
#language_selector
{
	margin-bottom: 1px;
	background-color: #c4080c;
	color: #ffffff;
	width: 100%;
}

/***** Description: the main menu *****/
#primary_menu
{
	display: block;
	margin: 0 0 1px 0;
	width: 100%;
}

/***** Description: style of the main menu unordered list *****/
.menu_ul
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
}

/***** Description: The style for every item in the menu list *****/
.menu_ul li
{
	padding: 0 0 0 0;
	background-color: #6e6e6e;
	color: inherit;
	list-style-type: none;
	margin-bottom: 1px;
}

/***** Description: The <a> tag has to be within an unordered-list *****/
/***** or it won't pass bobby tester (unless we put brackets *****/
/***** either side of the link) *****/
#language_ul
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#language_li
{
	padding: 0 0 0 0;
	list-style-type: none;
	margin-bottom: 1px;
}

/***** Description: Styling of <a> tags within the menu *****/
.menu_ul a, #language_selector a
{
	display: block;
	margin: 0 0 0 0;
	padding: 2px 0px 2px 5px;
	text-decoration: none;
	color: #ffffff;
	background-color: inherit;
	/* breaks the proper browsers, but fixes IE6 and earlier!!!! */
	/*width: 100%;*/
}

/***** Description: Styling of a selected sub-menu item *****/
.menu_ul li p
{
	padding: 2px 0px 2px 5px;
	background-color: #000000;
	color: #ffffff;
	margin: 0 0 0 0;
}

/***** Description: Styling of <a> tags within the menu on hover *****/
.menu_ul a:hover, #language_selector a:hover
{
	background-color: #000000;
	color: inherit;
}

/***** Description: Individual styling for each main menu item *****/
#home_li
{
	border-right: solid 5px #b6b5b5;
}

#news_li
{
	border-right: solid 5px #05a405;
}

#aboutus_li
{
	border-right: solid 5px #de050a;
}

#business_li
{
	border-right: solid 5px #bb0adb;
}

#members_li
{
	border-right: solid 5px #BA9050;
}

#senedd_li
{
	border-right: solid 5px #2951d1;
}

#getinvolved_li
{
	border-right: solid 5px #e54203;
}

#contacts_li
{
	border-right: solid 5px #b6b5b5;
}

/***** Description: Submenu Styles *****/

/* submenu 1 */
#submenu_1
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#submenu_1 a
{
	display: block;
	text-decoration: none;
	text-indent: 2px;
	background-repeat: no-repeat;
}

#submenu_1 a:hover
{
	background-color: #000000;
	color: #ffffff;
}

#submenu_1 a:active
{
	background-color: #000000;
	color: #ffffff;
}

#submenu_1 a:focus
{
	background-color: #000000;
	color: #ffffff;
}

#submenu_1 li
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}


/* submenu 2 */

#submenu_2
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#submenu_2 a
{
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
}
#submenu_2 a:hover
{
	background-color: #000000;
	color: #ffffff;
}

#submenu_2 li
{
	list-style-type: none;
}


/* submenu 3 */

#submenu_3
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#submenu_3 a
{
	text-decoration: none;
	border-left: none;
	background-repeat: no-repeat;
}

#submenu_3 a:hover
{
	background-color: #000000;
	color: #ffffff;
}

#submenu_3 li
{
	list-style-type: none;
}


/* submenu 4 */

#submenu_4
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#submenu_4 a
{
	display: block;
	text-decoration: none;
	background-image: none;
}

#submenu_4 a:hover
{
	background-color: #000000;
	color: #ffffff;
}

#submenu_4 li
{
	list-style-type: none;
}

/***** Description: The gray spacer at the bottom of the main menu *****/
#primary_navigation_bottom
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #6e6e6e;
	color: inherit;
	height: 2em;
	width: 100%;
}

/***** Description: The gradient space at the bottom of the *****/
/***** main menu *****/
#primary_navigation_bottom_gradient
{
	display: block;
	margin: 0 0 1px 0;
	padding: 0 0 0 0;
	background: url("navbar_gradient.gif");
	background-repeat: repeat-x;
	height: 9.8em;
	width: 100%;
}

/***** Description: Defines whitespace after the main menu and *****/
/***** before the links *****/
.spacer_div
{
	height: 25px;	
}

/***** Description: Defines the styles of the links menu *****/
#links_menu
{
	margin: 0 0 0 0;
	font-size: 1.3em;
	width: 100%;
}

#links_ul
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#links_ul li
{
	list-style-type: none;
	margin-bottom: 1px;
	height: 4.6em;
	
}

#links_ul a
{
	display: block;
	padding: 4px 1px 4px 8px;
	margin: 0 0 0 0;
	text-decoration: none;
	color: #ffffff;
	background-color: inherit;
	height: 3.98em;
	/* for IE6 and earlier, height needs to be 64px */
	/* height: 4.6em */
}

#links_ul a:hover
{
	background-color: #000000;
	color: #ffffff;
}

/*****UPDATED: 2009 Redesign New - Syed Latif 05/05/2009*****/
#links_ul li.llywydd
{
	list-style-type: none;
	margin-bottom: 1px;
	height: 11.6em;	
}

#links_ul a.llywydd
{
	background-image:url("lp-links-menu-image.gif");
	background-repeat:no-repeat;
	background-position:left top;
	display: block;
	padding: 4px 1px 4px 8px;
	margin: 0 0 0 0;
	text-decoration: none;
	color: #ffffff;
	background-color: inherit;
	height: 10.98em;
}

#links_ul a.llywydd strong
{
display:block;
margin:25px 0 0 55px;
}

#links_ul a.llywydd span
{
display:block;
margin-top:65px;
}


/***** Description: Defines individual styling for each link item *****/
#thisweek_li
{
	background-color: #3b3a3a;
	color: inherit;	
}

#proceedings_li
{
	background-color: #494848;
	color: inherit;
}

#legislation_li
{
	background-color: #5a5959;
	color: inherit;
}

#learningzone_li
{
	background-color: #6e6e6e;
	color: inherit;
}

#record_li
{
	background-color: #6e6e6e;
	color: inherit;
}

/**** Added by Syed Latif 11 May 2009 ****/

#banner_li
{
	text-align: center;
	padding-bottom: 2em;
}

#banner_li img
{
border:0;
}


#banner_li a:hover
{
	background-color: #ffffff;
	/*color: #ffffff;*/
}

/***** Description: Defines the breadcrumb bar and links *****/
#breadcrumb_bar
{
	font-size: 1.2em;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	width: 83%;
	font-weight: bold;
}

#breadcrumb_bar a
{
	padding: 2px 2px 2px 2px;
	text-decoration: underline;
	color: #ffffff;
	font-weight: normal;
	background-color: inherit;
}

.breadcrumb_divider
{
	color: #ffffff;
	background-color: inherit;
	text-decoration: none;
	font-weight: normal;
}

#breadcrumb_start
{
	padding-left: 5px;
}

/* The last link within the breadcrumb - this isn't a hyperlink */
#lastlink
{
	text-decoration: underline;
	font-weight: normal;
}

/***** Description: Defines basic styling for the contents area *****/
#contentsbar
{
	display: block;
	float: left;
	width: 83%;
}

/***** Description: Defines the footer bar and links *****/
#footer
{
	display: block;
	background-color: #d6d6d6;
	color:#000000;
	text-align: center;
	width: 100%;
	margin: 0 auto ;
	clear: both;
}

/* adds padding to the links on the footer */
#footerlinks
{
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

.footerlink a
{
	font-size: 1.0em;
	background-color: inherit;
	color: #000000;
}

.footerlink 
{
	display: inline; 
	vertical-align: middle;
	width: auto;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

/***** a link divider *****/
.link_divider
{	
	display: inline; 
	vertical-align: middle;
	width: auto;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

/***** Description: Defines add page for email alert links *****/
.page_alert
{
	display: block;
	color:#000000;
	margin: 0 auto;
	clear: both;
	float:left;
	margin-left:18em;
	margin-bottom:1.5em;
	font-size:1.2em;
}

.page_alert a
{
	color: #000000;
}

.page_alert a:hover
{
	font-size: 1.0em;
	color: #D90000;
}