/* CSS Document */

body {
	font-family: Arial, sans-serif;
	font-size:70%;
	color:#000;
	margin:0px auto 0px auto;
}

a:link {
	color:#0066FF;
	text-decoration:underline;
}

a:hover {
	color:#0066FF;
	text-decoration:underline;
}

a img {
	border:none;
}

h1 {
	font-size:120%;
	color:#000066;
	font-weight:bold;
	display:block;
}

h2 {
	font-size:105%;
	color:#666666;
	font-weight:bold;
	display:block;
}

#breadcrumb {
	font-size		: 90%;
	margin-bottom 	: 40px;
}

/* FLOAT Layout : 09/01/08 */
#wrapper {
	width		: 960px;
}

#contentwrap {
	float		: left;
	width		: 540px;
	margin-top	: 25px;
}

#content {
	font-size	: 110%;
	float		: right;
	width		: 370px;
}

#leftNavContainer {
	float		: left;
	width		: 155px;
}

#sidebar {
	float		: right;
	width		: 400px;
	margin-top	: 25px;
}
#sidebar img {
	float		: left;
}

/* Overide float on main image to stop other banners floating*/
#bannersContainer img {
	float		: none;
	clear		: both;
}

#bannersContainer {
	float		: right;
}
/* END FLOAT Layout : 09/01/08 */


ul {
	list-style-type:square; 
}

ul ul {
	list-style-type:circle;
}

ul.arrow {
	list-style-image	: url(../images/arrow.gif);
}

ul.nav {
	margin				: 1em 0em 1em 0em;
	padding				: 0em;
	list-style			: none;
}

* html ul.nav li {
	width				: 100%;
}

#leftNavMain {
	border				: 1px solid #666; 
	border-bottom		: none;
	background-color	: #A8E2FF;
	color				: #333333;
	width				: 153px;
	margin-bottom		: 3em;
}
#leftNavSub a,
#leftNavSubYellow a,
#leftNavMain a {
	background 			: url(../images/arrow.gif) no-repeat 8px 5px;
	display				: block;
	padding 			: 4px 0px 4px 23px;
}

#leftNavMain a:hover,
#leftNavSubYellow a:hover,
#leftNavSub a:hover {
	text-decoration		: underline;
}

#leftNavMain a {
	text-decoration		: none;
	color				: #333;
	border-bottom		: 1px solid #666666;
}


#leftNavSubYellow {
	border-left			: 1px solid #666; 
	border-right		: 1px solid #666; 
	background-color	: #EADA13;
	color				: #333;
	width				: 153px;
	margin-bottom		: 1em;
	border-top			: 1px solid #666;
}

#leftNavSubYellow a {
	text-decoration		: none;
	color				: #333;
	border-bottom		: 1px solid #666;
}

#leftNavSub {
	border-left			: 1px solid #666666; 
	border-right		: 1px solid #666666; 
	background-color	: #000099;
	color				: #fff;
	width				: 153px;
	margin-bottom		: 1em;
}

#leftNavSub a {
	text-decoration		: none;
	color				: #fff;
	border-bottom		: 1px solid #666666;
}


/********* form and related tag styles *********/

form {
	margin			: 0px;
	padding			: 0px;
}
		
#search {
	width			: 149px;
	border			: 1px solid #333333;
	background-color: #F5F5F5;
	margin-bottom	: 2em;
}
#search fieldset {
	border			: none;
	padding			: 5px;
	margin			: 0px;
}
#search input.searchedit {
	width			: 120px;
}

#search label {
	font-size		: 110%;
	font-weight		: bold;
	/*background		: url(../images/arrow.gif) no-repeat 0px 3px;
	padding-left	: 15px;*/
	margin-bottom	: 5px;
	display 		: block;
}


/*************** spacer *************/

.leftNavSpacer {
	height			: 13px;
	width			: 155px;
	border-bottom	: 1px solid #666666;
}

.leftNavSpacerWhite {
	height			: 13px;
	width			: 155px;
}


#contentMemberGroups {
	font-size:110%;
	
}

#banners ul {
	list-style-type : none;
	margin			: 0px;
	padding			: 0px;
}
#banners ul li {
	margin			: 0px;
	padding			: 0px;
}

#banners img, #banners a {
	display:block;
	padding-bottom:5px;
}

.memberRelationsGroups{
	border:1px solid #f5f5f5;
	width:100%;
}

.trGrey{
	background-color:#f5f5f5;
}

hr {
	width:80%;
	color:#f5f5f5;
}

.banner_spacer img{
	margin-right:20px;
}


ul.events li {
	margin-bottom : 1em;
}

ul.embededlist li {
	font-weight : bold;
}

ul.embededlist ul li {
	font-weight : normal;
}

ul.embededlist ul {
	margin-bottom : 1em;
}

.boxout {
	border			: 1px solid #000099;
	background		: #A8E2FF;
	padding			: 5px;
}

form#newsletter fieldset {
	border		: 2px solid #A8E2FF;
	margin		: 2em 0em 2em 0em;
	padding		: 10px;
}
	
form#newsletter fieldset legend 
{
    font-weight	: bold;
    
	background	: #A8E2FF;
	color		: #fff;
	padding		: 5px;
}
form#newsletter fieldset label {
	font-weight	: bold;
	display		: block;
	width		: 40%;
	float		: left;
}
form#newsletter fieldset .row {
	padding		: 5px 0px 5px 0px;
	margin		: 1px 0px 1px 0px;
	clear		: both;
}

form#newsletter fieldset .wide-row {
	padding		: 5px 0px 5px 0px;
	margin		: 1px 0px 1px 0px;
	clear		: both;
}

form#newsletter fieldset div.reverse label,
form#newsletter fieldset div.reverse input {
	float		: right;
	margin-right : 10px;
}

form#newsletter fieldset div.column {
	float		: left;
	width		: 33%;
}
form#newsletter fieldset div.column label {
	width		: 150px;
}

form#newsletter fieldset .radios label {
	width		: 300px;
	float		: none;
	margin-bottom : 0.5em;
}
form#newsletter fieldset .radios input {
	float		: left;
	margin-right	: 10px;
}

form#newsletter fieldset .asterix {
	color		: darkred;
}