﻿body
{
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	color: #333;
	/*background-color: #C0C0C0;*/
}

/*
===========================================
HEADING STYLES
===========================================
*/


h1
{
	font-size: 1.5em;
	color: #006600;
	margin-top: 0;
	margin-bottom: 7px;

}
h2
{
	font-size: 1.25em;
	color: #006600;
	margin-top: 0;
	margin-bottom: 0px;
}
h3
{
	font-size: 1.1em;
	color: #006600;
	margin-bottom: 0px;
}
h4
{
	font-size: 1.0em;
	color: #006600;
	margin-bottom: 0px;
}
/*-- LINKS --*/

a, a:link
{
	color: #0C62BA;
	text-decoration: none;
	}
a:hover
{
	color: #0C62BA;
	text-decoration: underline;
}
a:active, a:focus
{
	background-color: #0C62BA;
	color: white;
	text-decoration: none;

}

h1 a, h1 a:link, h2 a, h2 a:link
{
	color: #006600;
	text-decoration: none;
}
h1 a:hover, h2 a:hover
{
	color: #006600;
	text-decoration: underline;
}
h1 a:active, h1 a:focus, h2 a:focus
{
	background-color: #006600;
	color: white;
	text-decoration: none;
}
h2 a:active
{
	background-color: #006600;
	color: white;
	text-decoration: none;
}

/*
===========================================
LISTS
===========================================
*/

.standard_list ul li
{
	list-style-position: outside;
	list-style-type: disc;
}

ul
{
	list-style-position: outside;
	margin-left: 20px;
	margin-top: 0px;
}

/*
===========================================
ACCESS KEYS AS ANCHORS
===========================================
*/

.buckskeys {position: absolute; left: -999em;}

a.buckskeys:active, a.buckskeys:focus {
    top: 0;
    left: 0;
    border: 3px #006600 solid;
    background-color: #fff;
    
    z-index: 100;
    font-size: 1.5em;
	color: #006600;
	margin-top: 0;
	margin-bottom: 7px;

    }

/*
===========================================
PARENT CONTAINING DIV
===========================================
*/

#container
{
	overflow: hidden;
	height: 1%;
	width: 974px;
	margin: auto auto 10px auto;
	border: 1px solid #c0c0c0;
	background-color: #FFFFFF;
}

.content_page
{
	/*background-color:#C0C0C0;*/
}


/* VERY IMPORTANT this little chap makes sure the container div wraps around all the floats inside it*/
.clear
{
	clear: both;
}

/*
===========================================
HEADER WRAPPER WITH BANNER SPLIT IN TWO
===========================================
*/

.header_wrapper
{
	width: 974px;
	float: left;
}
.header_image
{
	float: left;
	width: 100px;
}
img
{
	border: none;
}
.header_text
{
	float: right;
	width: 874px;
}

/*
===========================================
HORIZONTAL BAR WITH LINKS AND SEARCH BOX
===========================================
*/

.form_nav
{
	float: left;
	width: 974px;
	height: 34px;
	border-bottom: 2px solid #d6e763;
	margin-bottom: 10px;
}

/*-- LINKS --*/

.links
{
	float: left;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	font-size: 11pt;
}
.links a
{
	color: #006600;
	text-decoration: none;
	font-weight: bold;
}
.links a:hover
{
	text-decoration: underline;
}
.links a:active, .links a:focus
{
	background-color: #006600;
	color: white;
	text-decoration: none;
}

/*-- SWITCHERS --*/

.switchers
{
	float: left;
	margin-top: 5px;
}
.switchers ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.switchers ul li
{
	display: inline;
	float: left;
	line-height: 12px;
}
.switchers ul li a
{
	display: block;
	width: 18px;
	height: 15px;
	padding-top: 3px;
	background: #e6eeb8;
	margin-right: 5px;
	text-decoration: none;
	text-align: center;
	color: #006600;
	font-size: 0.9em;
}

.switchers ul li a.l_font
{
	font-size: 1.2em;
}
.switchers ul li a.xl_font
{
	font-size: 1.5em;
}
.switchers ul li a:hover
{
	text-decoration: underline;
}
.switchers ul li a:active, .switchers ul li a:focus
{
	background: #006600;
	color: #FFFFFF;
	text-decoration: none;
}

/*-- SEARCH (search form classes grouped with all form classes at foot of stylesheet --*/

.search
{
	float: right;
	margin-top: 3px;
}
.search fieldset
{
	float: right;
	border: none 0px #fff;
	padding: 0px 0px 0px 0px;
}
.search_left
{
	width: 200px;
}
.search fieldset .links {
    padding: 5px 2px 0px 0px;
}


/*
===========================================
COLUMN WRAPPER
===========================================
*/

#columns
{
	float: left;
	width: 964px; /*974 less 10px padding left*/
	padding: 0 0 10px 10px;
}

/*
===========================================
LEFT COLUMN
===========================================
*/

#left
{
	float: left;
	width: 222px; /*actual width*/
}


/*
====================================================
GO BUTTON
====================================================
*/

.GoButton 
{
	padding-left: 4px;
	padding-bottom: 4px;
}


/*
====================================================
CONTENT (SEARCHABLE) COLUMN
====================================================
*/

#content
{
	float: left;
	padding: 0px 0px 0px 0px;
	width: 100%;
}
#content_padding
{
	float: left;
	padding: 0 10px 0 10px;
}

/*-- CLASS TO DEFINE #CONTENT AS A MIDDLE COLUMN--*/

.middle_content
{
	width: 472px;
}

/*-- CLASS TO DEFINE #CONTENT AS A FULL WIDTH RIGHT COLUMN --*/

.right_full_content
{
	float: left;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
}


.right_section_comp
{
	width: 730px;
	float: left;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
	line-height: 140%;
}

.right_section_comp_gc2c
{
	width: 370px;
	float: left;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
}

.right_content_comp
{
	float: left;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	width: 100%;
	line-height: 140%;
}


.right_content_comp ul
{
	list-style-position: outside;
}

/*
====================================================
RIGHT CONTENT TABLE
====================================================
*/


.right_content_comp table
{
	margin-bottom: 10px;
	border-collapse: collapse;
	border: solid 0px #c0c0c0;
}

.right_content_comp th
{
	background: #d1df7c;
	border: 1px solid #c0c0c0;
	padding: 0.3em;
}
.right_content_comp td
{
	border: 1px solid #c0c0c0;
	padding: 0.3em;
}
.right_content_comp td a, .right_content_comp td a:link
{
	color: #0C62BA;
	text-decoration: none;	
}
.right_content_comp td a:hover
{
	color: #0C62BA;
	text-decoration: underline;
}
.right_content_comp td a:visited
{
	color: #0C62BA;
	text-decoration:none;
}
.right_content_comp td a:active, .right_content_comp td a:focus
{
	background-color: #0C62BA;
	color: white;
	text-decoration: none;
}

/*
====================================================
GALlERY SHOW TABLE
====================================================
*/

.gallery_show table
{
	margin-bottom: 10px;
	border-collapse: collapse;
	border: solid 0px #c0c0c0;
}

.gallery_show th
{
	background: #d1df7c;
	border: 0px solid #c0c0c0;
	padding: 0;
}
.gallery_show td
{
	border: 0px solid #c0c0c0;
	padding: 0;
}

.gallery_show td a:active, .gallery_show td a:focus
{
	background-color: #ffffff;
}

/*
====================================================
RIGHT COLUMN
====================================================
*/

#right
{
	float: left;
	width: 222px;
	background: #fff;
}

/*
===========================================
CONTENT PORTALS VARIABLE WIDTH (TO BE
DEFINED BY COMPONENT CONTAINER, WILL EXPAND
TO FILL)
===========================================
*/

.box_wrap
{
	/*width: 722px;*/
	width: 750px;
	margin-bottom: 10px;
}

.content_box
{
	float: left;
	border: 1px solid #c0c0c0;
	background: #FFFFFF;
	margin-bottom: 10px;
	padding: 10px 10px 0 10px;
}


.section_content_box
{
	width: 728px;
	float: left;
	border: 1px solid #c0c0c0;
	background: #FFFFFF;
	margin-bottom: 10px;
	padding: 10px 10px 10px 10px;
}

.section_content_box_gc2c
{
	width: 368px;
	float: left;
	border: 1px solid #c0c0c0;
	background: #FFFFFF;
	margin-bottom: 10px;
	padding: 10px 10px 10px 10px;
}


.content_box_image_left
{
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
	font-size: 0.763em;
	/*width: 200px;*/
	text-align: center;
}

.section_box_image_right
{
	float: right;
	padding-left: 20px;
	padding-bottom: 10px;
	font-size: 0.763em;
	text-align: center;
}

.section_box_image_right a:active, a:focus
{
	background-color: #ffffff;
} 
.section_box_image_left
{
	float: left;
	padding-bottom: 10px;
	font-size: 0.763em;
	text-align: center;
	margin-right:20px;
}

.section_box_image_left a:active, a:focus
{
	background-color: #ffffff;
} 

.content_box_image_right
{
	float: right;
	padding-left: 20px;
	padding-bottom: 10px;
	font-size: 0.763em;
	/*width: 200px;*/
	text-align: center;
	margin-right:10px;
}

.content_box_image_right a:active, a:focus
{
	background-color: #ffffff;
} 

.content_box_image_left p, .promotion_content_box_image_left p
{
	margin-bottom: 0;
	text-align: center;
	font-size: 0.763em;
	width: 200px;
}

.content_box_image_left ul li ul
{
	margin-left: 10px;
}

.content_box_image_left a:active, a:focus
{
	background-color: #ffffff;
} 

.content_box_image_right p, .promotion_content_box_image_right p
{
	margin-bottom: 0;
	text-align: center;
	font-size: 0.763em;
	width: 200px;
}

.large_image
{
	padding-right: 10px;
	padding-bottom: 10px;
	font-size: 0.763em;
}

.large_image a:active, a:focus
{
	background-color: #ffffff;
}

/*-- specific image widths required for copyright/caption to wrap --*/

#image_1
{
	width: 150px;
}
#image_2
{
	width: 200px;
}
#image_3
{
	width: 250px;
}
#image_4
{
	width: 300px;
}

.twitter_box_left
{
	float: left;
	width: 370px;
	border: 0px solid #c0c0c0;
	background: #FFFFFF;
}

.content_box_left
{
	float: left;
	width: 348px; /*354*/
	border: 1px solid #c0c0c0;
	background: #FFFFFF;
	padding: 10px 10px 10px 10px;
}
.content_box_left_gc2c
{
	float: left;
	width: 368px; /*354*/
	border: 1px solid #c0c0c0;
	background: #FFFFFF;
	padding: 10px 10px 0 10px;
}
.twitter_box_right
{
	float: right;
	width: 370px;
	border: 0px solid #c0c0c0;
	background: #FFFFFF;
}
.content_box_right
{
	float: right;
	width: 348px; /*354*/
	border: 1px solid #c0c0c0;
	background: #FFFFFF;
	padding: 10px 10px 10px 10px;
}
.content_box p, .section_content_box, .section_content_box_gc2c, .content_box_left p, .content_box_left_gc2c p, .content_box_right p, .twitter_box_left p, .twitter_box_left p
{
	margin-bottom: 10px;
}

/*
===========================================
BREADCRUMBS
===========================================
*/

#breadcrumb
{
	float: left;
	padding: 0 0 10px 0;
	width: 100%;
	color: #006600;
}
#breadcrumb a
{
	color: #006600;
	text-decoration: none;
	font-weight: normal;
}
#breadcrumb a:hover
{
	color: #006600;
	text-decoration: underline;
}
#breadcrumb a:active, #breadcrumb a:focus
{
	background: #006600;
	color: #fff;
}
#breadcrumb p
{
	margin: 0;
}

#breadcrumb ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#breadcrumb ul li
{
	list-style-type: none;
	display: inline;
	margin: 0 3px 0 0px;
	padding: 0;
	line-height: normal;
}


.right_nav h2, .gc2c_list h2, .promotion_right h2, .twiiter_nav h2
{
	font-size: 1.25em;
	background: #d1df7c;
	color: #006600;
	margin: 0;
	padding: 0.3em 0.3em 0.3em 0.8em;
	border-bottom: 1px solid #c0c0c0;
}

.gc2c_list h2
{
	background-image: url(../images/icons/trans_arrow_left.gif);
	background-repeat: no-repeat;
	background-position: 3px 9px;
	border: 1px solid #c0c0c0;
}
.gc2c_list h2.expanded
{
  background-image: url(../images/icons/trans_arrow_down.gif);
}
.gc2c_list h2:hover
{
  border: 1px solid #333333;
}

.gc2c_list ul ul
{
	list-style: none outside none;
	margin: 0;
	padding: 0;
	display: block;
	border: none;
}

.left_logo
{
	float: left;
	margin: 5px 0 0 10px;
}

/*
===========================================
NAVIGATION:
GENERIC NAVIGATION, LEFT COLUMN
===========================================
*/

.main_nav
{
	width: 192px;
}

.main_nav h2
{
	margin-bottom: 0.2em;
}

.main_nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.main_nav ul li
{
	background-image: url(../images/icons/leftNavArrow.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding-left: 1em;
	margin-bottom: 0.25em;
}
.main_nav ul li a
{
	color: #333333;
	text-decoration: none;
	font-size: 0.9em;
}
.main_nav ul li a:hover
{
	color: #006600;
	text-decoration: underline;
}
.main_nav ul li a:active, .main_nav ul li a:focus
{
	background-color: #006600;
	color: white;
	text-decoration: none;
}
.main_nav ul li a.selected
{
	font-weight: bold;
}

/* nested items -*/

.main_nav ul li ul
{
	margin-top: 0.3em;
	margin-bottom: 0.5em;
}

.main_nav ul li ul li
{
	list-style: none;
	background-image: none;
}

/*
===========================================
NAVIGATION:
GENERIC NAVIGATION, LEFT COLUMN ***NEW***

SET AS STANDARD LINK CSS DEFINITIONS, BUT
OVERRIDE REQUIRED ON "CURRENT PAGE" LINK.
===========================================
*/

.main_nav_new h2
{
	margin-bottom: 0.2em;
}
.main_nav_new ul
{
	list-style: none;
	margin: 0.3em 0 0.3em 0;
	padding: 0;
}
.main_nav_new ul li
{
	list-style: none;
	margin: 0.3em 0 0.3em 0;
	padding: 0;
}
.main_nav_new ul li a
{
	background-image: url(../images/icons/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding-left: 1em;
	margin-bottom: 0.25em;
	color: #333333;
	text-decoration: none;
	font-size: 0.9em;
}
.main_nav_new ul li a:hover
{
	color: #006600;
	text-decoration: underline;
}
.main_nav_new ul li a:active, .main_nav_new ul li a:focus
{
	font-weight: normal;
	color: #006600;
	background: #FFFFFF url(../images/icons/arrow_green.gif) 0 0.4em no-repeat;
}
.main_nav_new ul li a.selected
{
	font-weight: bold;
	color: #006600;
	background-image: url(../images/icons/arrow_green.gif);
}

/*.main_nav_new ul li a:visited
{
	color: #333333;
	background-image: url(../images/icons/arrow_up.gif);
}
.main_nav_new ul li a:visited.selected
{
	font-weight: bold;
	color: #79a520;
	background-image: url(../images/icons/arrow_green.gif);
}*/

/* nested items -*/

.main_nav_new ul li ul
{
	/*	margin-top: 0.3em; 	margin-bottom: 0.5em;*/
}

.main_nav_new ul li ul li
{
	list-style: none;
}
.main_nav_new ul li ul li a
{
	margin-left: 1em;
}

/*
===========================================
NAVIGATION:
RIGHT COLUMN NAVIGATION
===========================================
*/

.twitter_nav
{
	float: left;
	width: 220px;
	margin-bottom: 10px;
	background: #fff;
	border: 0px solid #c0c0c0;
}

.twitter_nav ul
{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}

.twitter_nav ul li
{
	margin: 0 0 0 0;
	font-size: 0.95em;
	padding: 0 0 0 0;
	
}

.twiiter_nav ul li a, .twiiter_nav ul li a:visited
{
	color: #000;
	text-decoration: none;
	margin: 0 0 0 0em;
}
.twiiter_nav ul li a:hover
{
	color: #006600;
	text-decoration: underline;
}
.twiiter_nav ul li a:active, .twiiter_nav ul li a:focus
{
	background-color: #006000;
	color: white;
	text-decoration: none;
}
.twiiter_nav ul li h2
{
	background: #d1df7c;
	color: #006600;
	margin: 0;
	padding: 0.4em;
	border-bottom: 1px solid #c0c0c0;
}

.right_nav
{
	float: left;
	width: 220px;
	margin-bottom: 10px;
	background: #fff;
	border: 1px solid #c0c0c0;
}
.right_nav ul
{
	list-style: none;
	margin: 8px 0 8px 0;
	padding: 0;
}
.right_nav ul li
{
	margin: 0 0 3px 0.4em;
	font-size: 0.95em;
	padding: 0 0 0.1em 0.4em;
	
}
.right_nav ul li a, .right_nav ul li a:visited
{
	color: #0C62BA;
	text-decoration: none;
	margin: 0 0 0 0em;
}
.right_nav ul li a:hover
{
	color: #0C62BA;
	text-decoration: underline;
	
}
.right_nav ul li a:active, .right_nav ul li a:focus
{
	background-color: #0C62BA;
	color: white;
	text-decoration: none;
}
.right_nav ul li h2
{
	background: #d1df7c;
	color: #006600;
	margin: 0;
	padding: 0.4em;
	border-bottom: 1px solid #c0c0c0;
}

/* icons in the rhs nav pane   */
.icon_header {
    display:inline-block;
    background-color:#d1df7c;
    width:100%;
    border-color: #c0c0c0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.icon_header H2 {
    border-bottom: none;
    border-top: none;
}
.icon_header_1 {
    float:left;
    width:auto;
	min-height: 30px;
}
.icon_header_2 {
    float:right;
    margin-top:2px;
    padding-bottom:0px;
    margin-bottom:0px;
    
}
.icon_header_2 img
{
	max-height:30px;
	max-width:50px;
}


/*
===========================================
PROMOTION:
Promotion Box (used in content component)
gvila: Promotion box
===========================================
*/

.promotion_content_box_image_left
{
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	/*width: 190px; */
	text-align: center;
}

.promotion_content_box_image_right
{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	/* width: 190px; */
	text-align: center;
	margin-right:10px;
}

.promotion_content_box_image_left img, .promotion_content_box_image_right img
{
	max-width: 216px;
}

.promotion_global_content {
	float: right;
	width: 222px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	font-size: 1em;
}

.twitter_no_borders p
{
	margin-top: 0px;
}

.twitter_no_borders
{
	float: right;
	width: 222px;
	margin-bottom: 10px;
	background: #fff;
	border: 0px solid #c0c0c0;
}

.promotion_right p
{
	margin-top: 0px;
}

.promotion_right
{
	float: right;
	width: 220px;
	margin-bottom: 10px;
	margin-right: 10px;
	background: #fff;
	border: 1px solid #c0c0c0;
}
.promotion_right table
{
	margin-bottom: 10px;
	border-collapse: collapse;
	border: solid 0px #c0c0c0;
	margin: 8px 0 8px 0;
	padding: 0;
}
 
.promotion_right tr td
{
	margin: 0 0 3px 0.4em;
	padding: 0 0.2em 0.1em 0.4em;
	border: solid 0px #c0c0c0;	
}
.promotion_right tr td a, .promotion_right tr td a:visited
{
	color: #0C62BA;
	text-decoration: none;
	margin: 0 0 0 0em;
}
.promotion_right tr td a:hover
{
	color: #0C62BA;
	text-decoration: underline;
}
.promotion_right tr td a:active, .promotion_right tr td a:focus
{
	color: white;
	background: #0C62BA;
	text-decoration: none;
}
.promotion_right tr td h2
{
	background: #d1df7c;
	color: #006600;
	margin: 0;
	padding: 0.4em;
	border-bottom: 1px solid #c0c0c0;
}

.promotion_right td
{
	width: 210px;
}

.promotion_global_content table tr td table tr td
{
	border: 1px solid #c0c0c0;
	padding: 0.3em;
}
/*
===========================================
GC2C:
RIGHT COLUMN BOXES
===========================================
*/

.gc2c_list
{
	float: left;
	width: 220px;
	margin-bottom: 10px;
	background: #fff;
}
.gc2c_list ul
{
	list-style: none;
	margin: 0;
	padding: 8px 0 4px;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	display: none;
}
.gc2c_list ul li
{
	padding: 0 0 0.1em 0.4em;
	margin: 0 0 0.4em 0.4em;
	font-size: 0.95em;
}
.gc2c_list ul li a, .gc2c_list ul li a:visited, .gc2c_list ul li .title
{
	text-decoration: none;
}
.gc2c_list ul li a.bold_title
{
  font-weight: bold;
}
.gc2c_list ul li a:hover
{
	text-decoration: underline;
}
.gc2c_list ul li a:active, .gc2c_list ul li a:focus
{
	background-color: #006000;
	color: white;
	text-decoration: none;
}
.gc2c_list ul li h2
{
	background: #d1df7c;
	color: #006600;
	margin: 0;
	padding: 0.4em;
	border-bottom: 1px solid #c0c0c0;
}

/*
===========================================
FOOTER
===========================================
*/

.footer
{
	clear: both;
	border: 1px solid #c0c0c0;
	background: #d1df7c;
	text-align: center;
	font-size: 0.9em;
	padding: 0.5em;
	margin-bottom:10px;
}
.footer a
{
	color: #333333;
	text-decoration: none;
}
.footer a:hover
{
	color: #333333;
	text-decoration: underline;
}
.footer a:active, .footer a:focus
{
	background-color: #006600;
	color: white;
	text-decoration: none;
}
.outside_footer
{
	width: 950px;
	margin: auto;
	color: #006600;
	background: #fff;
	text-align: center;
	font-size: 0.9em;
	padding: 0.5em;
}

/*
===========================================
FOOTER2
===========================================
*/

.footer2
{
	clear: both;
	height:40px;
	border-top: 1px solid #c0c0c0;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background: #d1df7c;
	text-align: left;
	font-size: 9pt;
	padding: 0.5em;
	margin-bottom:0px;
}
.footer2 a
{
	color: #333333;
	text-decoration: none;
}	
.footer2 a:hover
{
		text-decoration: underline;
}
.footer2 a:focus
{
	background-color: #333333;
	color: white;
	text-decoration: none;
}
.footer2 a:active
{
	background-color: #333333;
	color: white;
	text-decoration: none;
}
.footer21
{
	display:inline;
	float:left;	
}
.footer211
{
	margin-bottom:10px;
}
.footer22
{
	display:inline;
	float:right; 
}
.footer211 a
{
	color: #333333;
	text-decoration: none;
}	
.footer211 a:active, .footer211 a:focus
{
	background-color: #333333;
	color: white;
	text-decoration: none;
}
.footer211 a:hover
{
	text-decoration: underline;
}
.footer212 a
{
	color: #333333;
	text-decoration: none;
}	
.footer212 a:active, .footer212 a:focus
{
	background-color: #333333;
	color: white;
	text-decoration: none;
}
.footer212 a:hover
{
	color: #333333;
	text-decoration: underline;
}




/*
===========================================
Search results
===========================================
*/

.results_summary
{
	padding: 5px;
	background: #e0ecc4;
	border: 1px solid #54720f;
	height: 100%;
}
.align_left
{
	float: left;
	text-align: left;
}
.align_right
{
	float: right;
	text-align: right;
}

/*
===========================================
A to Z
===========================================
*/

#atoz_nav
{
	width: 700px;
	float: left;
	margin-bottom: 10px;
}
#atoz_nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 420px;
}
#atoz_nav ul li
{
	margin: 0;
	padding: 0;
	display: inline;
}
#atoz_nav ul li a
{
	background-color: #d1df7c;
	border: 1px solid #d1df7c;
	color: #333333;
	line-height: 1.5em;
	font-size: 1.2em;
	text-decoration: none;
	display: block;
	float: left;
	width: 1.8em;
	margin: 0 4px 4px 0;
	text-align: center;
	padding: 0;
}
#atoz_nav ul li a:hover
{
	background: #fff;
	border: 1px solid #d1df7c;
}
#atoz_nav ul li a:active, #atoz_nav ul li a:focus
{
	background: #006600;
	color: #fff;
}
#atoz_nav ul li a.selected
{
	background: #fff;
	color: #333;
}

/*
===========================================
NEWS
===========================================
*/

.publish_date
{
	margin: 6px 0 8px 0;
	padding-bottom: 8px;
	border-bottom: 2px solid #c0c0c0;
}

/*
===========================================
ADDITIONAL STYLES
===========================================
*/

acronym
{
	border-bottom: 1px dashed #006600;
	cursor: help;
}
abbr
{
	border-bottom: 1px dashed #006600;
	cursor: help;
}
html
{
	height: 100%;
	margin-bottom: 10px;
}
.note
{
	background: #FF00FF;
	font-weight: bold;
	color: #FFFFFF;
}
.note a
{
	color: #000000;
}
.hr_green
{
	color: #c0c0c0;
	height: 2px;
	background-color: #c0c0c0;
	clear: both;
}
p
{
	margin-top: 5px;
}


/*
===========================================
Events nav menu
===========================================
*/

.link_hover a
{
	text-decoration: none;
	font-size: 0.9em;
}
.link_hover a:hover
{
	text-decoration: underline;
}

dl dt a:hover
{
	color: #006600;
	text-decoration: underline;
}
dl dt a
{
	text-decoration: none;
	font-size: 0.9em;
}

/*
===========================================
VALIDATION
===========================================
*/

.validate
{
	margin: 5em 1em 1em 0;
	width: 9em;
	font-family: helvetica,arial,sans-serif;
	font-size: 70%;
	font-weight: bold;
	float: left;
}
.validate a
{
	display: block;
	width: 100%;
}
.validate a:link, .validate a:visited, .validate a:hover
{
	background-color: #fc6;
	color: #000;
	text-decoration: underline;
}
.validate a:link, .validate a:visited
{
	border-top: 1px solid #cecece;
	border-bottom: 2px solid #4a4a4a;
	border-left: 1px solid #cecece;
	border-right: 2px solid #4a4a4a;
}
.validate a:hover
{
	border-bottom: 1px solid #cecece;
	border-top: 2px solid #4a4a4a;
	border-right: 1px solid #cecece;
	border-left: 2px solid #4a4a4a;
}
.validate span.w3c
{
	padding: 0 0.4em;
	background-color: #fff;
	color: #0c479d;
}

/*
===========================================
FORMS
===========================================
*/

.hidden
{
	display: none;
}

.search form, .search_left form
{
	margin: 0;
	padding: 0;
}
.searchfields
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 4px;
	padding: 0;
	width: 122px;
	height: 19px;
}
.search label
{
	margin: 0;
	padding: 0;
}

#news_search
{
	margin-bottom: 20px;
}

#news_search select
{
	width: 120px;
}



.main_nav form
{
	margin: 0 0 0 10px;
	font-size: 0.9em;
	width: 182px;
}
.main_nav select
{
	font-size: 1em;
	width: 12.5em;
	padding: 0;
	margin: 0;
}
select.date
{
	width: 60px;
}



/*
===========================================
DATA TABLE
===========================================
*/

.data
{
	border-collapse: collapse;
	margin-bottom: 10px;
}
.data th
{
	background: #d1df7c;
	border: 1px outset #c0c0c0;
	padding: 0.3em;
}
.data td
{
	border: 1px outset #c0c0c0;
	padding: 0.3em;
}
.data td a, .data td a:link
{
	color: #333;
}
.data td a:hover, .data td a:visited
{
	color: #006600;
	text-decoration: underline;
}
.data td a:active, .data td a:focus
{
	background-color: #006600;
	color: white;
	text-decoration: none;
}

/*
===========================================
BUTTON
===========================================
*/

a.button
{
	display: inline-block;
	background: #d1df7c;
	padding: 0.3em;
	border: 1px solid #c0c0c0;
	color: #006600;
	text-decoration: none;
	font-weight: bold;
}
a.button:visited
{
	color: #006600;
	text-decoration: none;
}
a.button:link
{
	color: #006600;
}
a.button:hover
{
	border: 1px solid #333;
	text-decoration: none;
}

/*-- Go button --*/

a.button_go
{
	display: inline-block;
	height: 19px;
	background: #d1df7c;
	padding: 0;
	border: 1px solid #c0c0c0;
	color: #333;
	text-decoration: none;
}
a.button_go:visited
{
	color: #333;
	text-decoration: none;
}
a.button_go:hover
{
	border: 1px solid #333;
	text-decoration: none;
}

input.button
{
	background-color: #d1df7c;
	color: #006600;
	border: solid 1px #c0c0c0;
	font-weight:bolder;
}

input.button:hover
{
	border: 1px solid #333;
	text-decoration: none;
}

.event_button
{
	/*height: 2.1em;*/
	color: #006600;
	font: bold 100% 'trebuchet ms' ,helvetica,sans-serif;
	display: inline-block;
	background-color: #d1df7c;
	border: 1px solid #c0c0c0;
	text-decoration: none;
	padding: 0.0em;
	margin-bottom: 1px;
	
}

/*	===========================================
NEWS MAIN NAV NAVIGATION:
GENERIC NAVIGATION, LEFT COLUMN
INVESTIGATING NEWS SEARCH PANEL WIDTH PROBLEM, MM
===========================================
*/

.news_main_nav
{
	width: 184px;
}

.news_main_nav fieldset
{
	border: none 0px #fff;
}

.news_main_nav h2
{
	margin-bottom: 0.2em;
}

.news_main_nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.news_main_nav ul li
{
	background-image: url(../images/icons/leftNavArrow.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding-left: 1em;
	margin-bottom: 0.25em;
}
.news_main_nav ul li a
{
	color: #333333;
	text-decoration: none;
	font-size: 0.9em;
}
.news_main_nav ul li a:hover
{
	color: #006600;
	text-decoration: underline;
}
.news_main_nav ul li a:active, .news_main_nav ul li a:focus
{
	background-color: #006600;
	color: white;
	text-decoration: none;
}
.news_main_nav ul li a.selected
{
	font-weight: bold;
}

/* nested items -*/

.news_main_nav ul li ul
{
	margin-top: 0.3em;
	margin-bottom: 0.5em;
}

.news_main_nav ul li ul li
{
	list-style: none;
	background-image: none;
}

/*
===========================================
NAVIGATION:
GENERIC NAVIGATION, LEFT COLUMN ***NEW***

SET AS STANDARD LINK CSS DEFINITIONS, BUT
OVERRIDE REQUIRED ON "CURRENT PAGE" LINK.
===========================================
*/

.news_main_nav form
{
	margin: 0 0 0 10px;
	font-size: 0.9em;
	width: 170px;
}
.news_main_nav select
{
	font-size: 1em;
	width: 124px;
	padding: 0;
	margin: 0;
}

.news_main_nav input.text
{
	font-size: 1em;
	width: 124px;
	padding: 0;
	margin: 0;
}

#news_left
{
	float: left;
	width: 170px; /*actual width*/
}


/*
===========================================
LIBRARY Section CSS
Created to customise individual requirements
14-04-09 MM
===========================================
*/
.library_content_comp_R
{
	float: left;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
}

.library_content_comp_R table
{
	margin-bottom: 10px;
	border-collapse: collapse;
	border: solid 0px #c0c0c0;
}

.library_content_comp_R th
{
	background: #d1df7c;
	border: 1px solid #c0c0c0;
	padding: 0.3em;
}
.library_content_comp_R td
{
	border: 1px solid #c0c0c0;
	padding: 0.3em;
}
.library_content_comp_R td a, .library_content_comp_R td a:link
{
	color: #333;
}
.library_content_comp_R td a:hover, .library_content_comp_R td a:visited
{
	color: #006600;
	text-decoration: underline;
}
.library_content_comp_R td a:active, .library_content_comp_R td a:focus
{
	background-color: #006600;
	color: white;
	text-decoration: none;
}

/*
===========================================
Follow us CSS
08-06-11 JC / JW
===========================================
*/
.fu_outer
{
      display:inline; float:left;
      
}
.fu_inner1
{
      display:inline; float:left; padding-bottom:8px; background-color: white;

}
.fu_inner2
{
      display:inline-block; margin-top:8px; margin-left:0px; padding-left:8px; padding-right:8px; width: 110px;


}
.fu_inner2 a:hover
{
      text-decoration: underline;
      color: #006600;
      }

.fu_inner2 a:active, .fu_inner2 a:focus

{ background-color: #006600;
      color:#ffffff;
      text-decoration: none;
}

.fu_inner2 a
{text-decoration: none; font-size: 0.95em;
}



/*
===========================================
Leader's Blog CSS
07-04-11 JC / JW
===========================================
*/
.lb_outer
{
      display:inline; float:left;
      
}
.lb_inner1
{
      float:left; padding-bottom:8px;

}
.lb_inner2
{
      display:inline-block; margin-top:8px; margin-left:0px; padding-left:8px; padding-right:8px; width: 110px;


}
.lb_inner2 a:hover
{
      text-decoration: underline;
      color: #006600;
      }

.lb_inner2 a:active, .lb_inner2 a:focus

{ background-color: #006600;
      color: #ffffff;
      text-decoration: none;
}

.lb_inner2 a
{text-decoration: none; font-size: 0.95em;
}


/*
===========================================
Related Items CSS
Created to customise individual requirements
Related pages, related info, Related Websites, In partnership with
31-07-09 MM
===========================================
*/

.related_items
{	
FONT-SIZE: 1.25em; 
COLOR: #006600;
}

/*-- AAA TEXT SIZES --*/

a.l_font
{
	font-size: 1.2em;
}
a.xl_font
{
	font-size: 1.5em;
}

/*
===========================================
NEW BCC LEFT NAVIGATION
10-08-2009 MM
===========================================
*/

.bcc_left_nav a:link
{
	color: #333;
	text-decoration: none;
}

.bcc_left_nav a:visited
{
	color: #333;
	text-decoration: none;
}

.bcc_left_nav a:hover
{
	color: #006600;
	text-decoration: underline;
}

.bcc_left_nav a:active, .bcc_left_nav a:focus, .bcc_left_nav a.selected:active, .bcc_left_nav a.selected:focus
{
	background-color: #006600;
	color: #ffffff;
}


.bcc_left_nav h2
{
	color: #006600;
	margin-bottom: 0.25em;
}


.bcc_left_nav h2 a:link
{
	color: #006600;
	text-decoration: none;
}

.bcc_left_nav h2 a:visited
{
	color: #006600;
	text-decoration: none;
}

.bcc_left_nav h2 a:hover
{
	color: #006600;
	text-decoration: underline;
}

.bcc_left_nav h2 a:active, .bcc_left_nav h2 a:focus
{
	background-color: #006600;
	color: #ffffff;
}

.bcc_left_nav
{
	font-size: 1em;
	padding-right: 1em;
	float: left;
}

.bcc_left_nav ul
{
	padding-left: 0px; 
	margin-top: 0px;
	margin-left: 0px;
	list-style-type: none;
	
}

.bcc_left_nav li
{
	padding-left: 10px;
	background-image: url(http://bs180:1776/assets/design/images/icons/bcc/arrow.gif); /* margin-top: 2px; */
	background-repeat: no-repeat;
	background-position: .0em .5em;
	padding-bottom:3px;
}

.bcc_left_nav ul > li ul > li
{
	background-position: .0em .3em;
}


.bcc_left_nav ul li
{
	margin-bottom: 0.25em;
}

.bcc_left_nav ul li a
{
	padding-left: 0px; /* margin-bottom: 0.25em;*/
	color: #333;
	text-decoration: none;
}

.bcc_left_nav a.selected
{
	color: #006600;
	display: inline-block;
}

.bcc_left_nav ul > li
{
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}


.bcc_left_nav ul li a.selected:visited
{
	font-weight: bold;
}

/* fixes to bring ie6 back into line 20101215 */
/* force left padding and width of main screen box */
#element2 
{
	padding-left:0px;
	width:974px;
	
}

/* force the size of left margin on left nav */
#c1291969893650
{
	margin-left:10px !important; 
}

/* remove extra margin on site content box*/
#element3
{
	margin-right:0px !important; 
}

/* remove the right hand padding and margin on homepage content box*/
.content_box
{
	padding-right:10px;
	margin-right:0px;
}
/*
===========================================
SOCIAL BOOKMARKS CSS BELOW
===========================================
*/
.socialBookmarks UL {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.socialBookmarks LI {
    display:inline;
    padding: 0px 10px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.sbP1 {
    margin-bottom:0px;
}
.sbP2 {
    margin-bottom:5px;
}

/*
===========================================
PRINT CSS BELOW
===========================================
*/

@media print
{
	

#container
{
	overflow: visible;
	height: 100%;
	width: 974px;
	margin: 0px;
	border: 0;
	float: left;
	display:inline;
}


body
{
	font: 95% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	/*color: #C0C0C0;*/
}


.header_wrapper
{
	display: none;
}

.header_text
{
	float: right;
	width: 873px;
}

.header_text img
{
	
	width: 873px;
}

/* take the float off ea_marriages*/
#c1296034218464 {
    float:none !important;
}

/* take the float off civil partnerships*/
#c1296034218546 {
    float:none !important;
}




/*.header_image a img
{
	width: 100px;
	src: url("../images/print_logo.gif");
}
*/
/* take the float off ea_marriages*/
#c1296034218464 {
    float:none !important;
}

/* take the float off civil partnerships*/
#c1296034218546 {
    float:none !important;
}




/*.header_image a img
{
	width: 100px;
	src: url("../images/print_logo.gif");
}
*/

#breadcrumb
{
display:none;

}

#content
{
	position: absolute;
	left: 0px;
	top: 18px;
	width: 650px;
}
.right_full_content
{
	position: absolute;
	left: 0px;
	top: 18px;
	width: 650px;
}

.form_nav
{
	display:none;
}

.news_left
{
	display: none;
}
.bcc_left_nav
{
	display: none;
}

.left_nav
{
	display: none;
}
#left_nav
{
	display: none;

}
.main_nav
{
	display: none;
}

.home_nav
{
	display: none;
}

.outside_footer 
{
	display:none;
}

.footer
{
	display:none;
}

.no_print
{
	display:none;
}

.socialBookmarks
{
	display:none;
}

}

.youtube-player{
	border: 0pt none;
}


/*--------SCROLLING NEWS--------------*/
.scrolling_news
{
	float: left;
	width: 711px;
	border: 1px solid #C0C0C0;
	margin: 0px;
}

.scrolling_content
{
	width: 472px;
	float: left;
	display: inline;
	height: 286px;
}

.scrolling_content img
{
	border-top: none;
	border-left: none;
	min-height: 200px;
	max-height: 200px;
	max-width: 472px;
}

.scrolling_content h2
{
	padding: 5px 11px 5px 11px;
}
.scrolling_content h2 a:focus
{
	color: #FFFFFF;
	background-color: #006600;
}

.scrolling_content p
{
	padding: 0 11px 11px 11px;
	margin: 0;
	height: 42px;
}

.scrolling_content a
{
	padding: 0;
	text-decoration: none;
}

.scrolling_content a:hover
{
	text-decoration: underline;
}
.scrolling_content a:focus
{
	color: #FFFFFF;
	background-color: #0C62BA;
}
/*
.scrolling_content p a, .scrolling_content p a:hover
{
	text-decoration: underline;
}
*/
.scrolling_nav
{
	width: 229px;
	margin-left: 10px;
	float: left;
	display: inline;
}



.scrolling_nav div
{
	height: 40px;
	border-bottom: 1px solid #C0C0C0;	
	text-align: left;
	background-color: #E1E1E1;
}

.scrolling_nav a
{
	height: 18px;
	width: 207px;
	display: block;
	padding: 11px;
	color: #000000;
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
}
.scrolling_nav a:focus
{
	color: #000000;
	background-color: transparent;
}
.scrolling_nav a:active
{
	color: #000000;
	background-color: #FFFFFF;
}
.scrolling_nav div.act
{
	background-color: #FFFFFF;
}

/*.scrolling_nav div:last-child, .scrolling_nav div.last-child
{
	border: none;
}*/

/*-------NEW CONTENT----*/
/* double content can be added to right_nav in CSS after everything is tested */

/*double width content box*/
.home_content_box_double
{
	border: 1px solid #C0C0C0;
	margin-bottom: 10px;
	background: none repeat scroll 0 0 #FFFFFF;
	width: 470px;
	display: inline-block;
}

.home_content_box_double .home_content_box_image_left, .home_content_box_double .home_content_box_image_right
{
	max-width: 448px;
}

.home_content_box_double img 
{
	max-width: 448px;
}

.home_content_box_double p 
{
	margin: 0px;
/*	max-width: 448px;*/
}

.home_content_box_double ul
{
	padding: 0;
	list-style: none;
	margin: 0;
}

.home_content_box_double ul li
{
	padding: 0 0 0.1em 0;
	padding: 0;
	font-weight: normal;
	color: #000;
	
}

.home_content_box_double ul li img
{
	max-width: 207px;
}

.home_content_transcript
{
	padding-top: 5px;
}


/*.home_content_description
{
	padding: 5px 11px 11px 11px;
}
.home_content_description a
{
	margin: 0;
}

.home_content_description p
{
	margin: 0;
}*/

.home_content_box_double ul li a, .home_content_box_double ul li a:visited
{
	color: #0C62BA;
	text-decoration: none;
	margin: 0 0 0 0em;
}
.home_content_box_double ul li a:hover
{
	color: #0C62BA;
	text-decoration: underline;
}
.home_content_box_double ul li a:active, .home_content_box_double ul li a:focus
{
	background-color: #0C62BA;
	color: white;
	text-decoration: none;
}
.home_content_box_double ul li h2
{
	background: #d1df7c;
	color: #006600;
	margin: 0;
	padding: 0.4em;
	border-bottom: 1px solid #c0c0c0;
}

.home_content_box_double h2, .home_content_box_left h2, .home_content_box_right h2
{
	font-size: 1.25em;
	background: #d1df7c;
	color: #006600;
	margin: 0;
	padding: 0.3em 0.3em 0.3em 11px;
}

/*columns in double content box */
.column_1
{
	padding: 11px;
	width: 207px;
	float: left;
}

.column_2
{
	width: 207px;
	padding: 11px;
	margin-left:12px;
	float: right;
}

.column_1 ul, .column_2 ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.column_1 ul li, .column_2 ul li
{
 	margin: 0;
	padding: 0 0 0.1em 0;
	font-weight: normal;
	color: #000;
}

/*single content boxes*/
.home_content_box_wrap
{
	margin-bottom: 10px;
}
.home_content_box_left
{
	float: left;
	width: 229px;
	background: #fff;
	border: 1px solid #c0c0c0;
	margin-bottom: 10px;
	display: inline-block;
}

 .home_content_box_right
{
	float: left;
	width: 229px;
	background: #fff;
	border: 1px solid #c0c0c0;
	margin-left: 10px;
	margin-bottom: 10px;
	display: inline-block;
}

.home_content_box_left ul, .home_content_box_right ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.home_content_box_left ul li, .home_content_box_right ul li
{
	margin: 0;
	padding: 0 0 0.1em 0px;
	font-weight: normal;
	color: #000;
}
.home_content_box_left ul li a, .home_content_box_right ul li a, .home_content_box_left ul li a:visited, .home_content_box_right ul li a:visited
{
	color: #0C62BA;
	text-decoration: none;
}
.home_content_box_left ul li a:hover, .home_content_box_right ul li a:hover
{
	color: #0C62BA;
	text-decoration: underline;
}
.home_content_box_left ul li a:active, .home_content_box_right ul li a:active, .home_content_box_left ul li a:focus, .home_content_box_right ul li a:focus
{
	background-color: #0C62BA;
	color: #FFFFFF;
	text-decoration: none;
}
.home_content_box_left ul li.title, .home_content_box_right ul li.title
{
	font-weight: bold;
	margin-top: 3px;
}

.home_content_box_image_right img
{
	/*float: right;*/
}

.home_content_box_left img, .home_content_box_right img, .home_content_box_left .home_content_box_image_left, .home_content_box_right .home_content_box_image_left,
.home_content_box_left .home_content_box_right, .home_content_box_image_left .home_content_box_right, .column_1 img, .column_2 img
{
	max-width: 207px;
}

/*.home_content_box_left p, .home_content_box_right p
{
	max-width: inherit;
}*/


.home_content_box
{
	background: #FFFFFF;
	padding: 11px;
}

.home_content_box p
{
	margin: 0;
}

.home_content_box a:hover
{
	text-decoration: underline;
}

.home_content_box_image_left
{
	float: left;
	margin-right: 11px;
	padding-bottom: 11px;
	font-size: 0.763em;
}

/*caption and copyrights */
.home_content_box_image_left p, .home_content_box_image_right p
{
	padding: 0px;
	margin-bottom: 0;
	text-align: center;
	font-size: 8pt;
	clear: both;
}

.home_content_box_image_right
{
	float: right;
	margin-left: 11px;	
	padding-bottom: 11px;
	font-size: 0.763em;
	/*width: 200px;*/
	text-align: center;
}

.home_content_box_image_right a:active, a:focus
{
	background-color: #0C62BA;
} 



.home_nav h2
{
	font-size: 1.25em;
	background: #d1df7c;
	color: #006600;
	margin: 0;
	padding: 0.3em 0.3em 0.3em 11px;
}


.home_nav ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.home_nav ul li
{
	margin: 0;
	padding: 0 0 0.1em 0;
	font-weight: normal;
	color: #000;
	
}
.home_nav ul li a, .home_nav ul li a:visited
{
	color: #0C62BA;
	text-decoration: none;
	margin: 0 0 0 0em;
}
.home_nav ul li a:hover
{
	color: #0C62BA;
	
}
.home_nav ul li a:active, .home_nav ul li a:focus
{
	background-color: #0C62BA;
	color: white;
	text-decoration: none;
}
.home_nav ul li h2
{
	background: #d1df7c;
	color: #006600;
	margin: 0;
	padding: 0.4em;
	border-bottom: 1px solid #c0c0c0;
}

.home_nav img, .home_nav .home_content_box_left, .home_nav .home_content_box_right
{
	max-width: 207px;
}

/*
===========================================
NAVIGATION:
BCC HOMEPAGE NAV, LEFT COLUMN
===========================================
*/

.home_nav
{
	float: left;
	width: 229px; /*222*/
	background-color: #fff;
	border: 1px solid #c0c0c0;
	margin-bottom: 10px;
	display: inline-block;
}

#faq_home_nav
{
	width:219px;			
}

.twitter_home_nav
{
	float: left;
	/*width: 220px;*/
	margin-bottom: 10px;
	background: #fff;
	border: 0px solid #c0c0c0;
}

/*
	olympic logo markup
*/
.lhs_boxout 
{
	text-align:center;
	padding-top :10px;	
}

.lhs_boxout IMG
{
	margin-top:10px;
}
