/* General page structure, styles controlling the layout of the main areas of the page */

body {
	text-align: center;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 15px;
}



#container { /* a div that encloses the whole page, sets it's size and text alignment (needed because of the centering mechanism used by the body style) */
	width: 750px;
	margin: 0px auto;
	text-align: left;
	padding-top: 20px;
	position: relative;
	background-color: white;
	overflow: hidden;
}

#header { /* a container that holds the logo, menu and search box */
	height: 35px;
	width: 750px;
	position: relative;
}

#search_form { /* positions the search box and button at the top of each page */
	position: absolute;
	bottom: 0px;
	right: 0px;
}

form {
	margin: 0px 0px 6px 0px;
}

#left_left form {
	margin: -2px 0px 0px 0px;
}

#left_side { /* a container for the stuff under the banner including the buttons and news boxes */
	float: left;
	width: 576px;
	padding-left: 35px;
}

#banner { /* this div holds the area beneath the header, it contains the 3 coloured pictures that identify the page type */
	height: 152px;
	width: 572px;
/*	background-image:url(images/home/banner.jpg); */
}

#flash { /* This holds the scrolling flash movie with logos */
	width: 572px;
	height: 43px;
	background-color:#f2f2f2;
}

#menu { /* creates a spcae for the menu under the scrolling flash */
	width: 572px;
	height: 4px;
	background-color: green;
}

.button { /* places the 3 buttons under the menu */
	width: 188px;
	height: 112px;
	float: left;
	padding-bottom: 3px;
	padding-right: 4px;
	padding-top: 4px;
}

#left_left { /* spot for ads on the left hand side of the bottom row */
	width: 110px;
	margin-right: 16px;
	margin-right: 4px;
	height: 237px;
	float: left;
	padding-top: 10px;
	padding-left: 12px;
	color: #0073BF;
	background-image:url(images/home/spark_5.jpg);
}

#left_middle { /* spot for events */
	width: 176px;
	height: 235px;
	float: left;
	border: 1px solid #ccc;
	margin-right: 4px;
	padding-top: 10px;
	padding-left: 10px;
	overflow: auto;
}

#left_right { /* spot for news */
	width: 242px;
	height: 235px;
	float: left;
	border: 1px solid #ccc;
	padding-top: 10px;
	padding-left: 10px;
	overflow: auto;
}

/* styles for links in the events box */
#left_middle a:link, .member_news_item a:link {
	font-size: 10px;
	color: #255CA1;
	text-decoration:none;
	font-weight: normal;
}

#left_middle a:visited, .member_news_item a:visited {
	font-size: 10px;
	color: #255CA1;
	text-decoration:none;
	font-weight: normal;
}

#left_middle a:hover, .member_news_item a:hover {
	font-size: 10px;
	color: #3688EF;
	text-decoration:none;
}

#left_middle a:active, .member_news_item a:active {
	font-size: 10px;
	color: #3688EF;
	text-decoration:none;
}

/* styles for links in the news box */
#left_right a:link {
	font-size: 10px;
	color: #BE306A;
	text-decoration:none;
	font-weight: normal;
	display: inline;
	width: 215px;
}

#left_right a:visited {
	font-size: 10px;
	color: #BE306A;
	text-decoration:none;
	font-weight: normal;
	display: inline;
	width: 215px;
}

#left_right a:hover {
	font-size: 10px;
	color: #F469A2;
	text-decoration:none;
	display: inline;
	width: 215px;
}

#left_right a:active {
	font-size: 10px;
	color: #F469A2;
	text-decoration:none;
	display: inline;
	width: 215px;
}

/* styles for links in the member news box */
#right_side_1 a:link {
	font-size: 10px;
	color: #255CA1;
	text-decoration:none;
	font-weight: normal;
	display: block;
}

#right_side_1 a:visited {
	font-size: 10px;
	color: #255CA1;
	text-decoration:none;
	font-weight: normal;
	display: block;
}

#right_side_1 a:hover {
	font-size: 10px;
	color: #3688EF;
	text-decoration:none;
	display: block;
}

#right_side_1 a:active {
	font-size: 10px;
	color: #3688EF;
	text-decoration:none;
	display: block;
}



#right_side { /* a container that holds the right hand bar (grey and red boxes) */
	float: left;
	width: 139px;
	background-image: url(images/home/right_top.gif);
	background-repeat: no-repeat;
}

#right_side_logged_out { /* a container that holds the right hand bar when the user is not logged in */
	float: left;
	width: 139px;
	background-image: url(images/home/right_top_2.gif);
	background-repeat: no-repeat;
}

#right_side_1 {
	width: 131px;
	height: 145px;
	padding-left: 8px;
	padding-top: 0px;
}

#right_side_1 img {
	margin-top: 0px;
	padding-top: 0px;
}

#right_side_member {
	width: 126px;
	height: 212px;
	padding-left: 8px;
	padding-top: 30px;
	padding-right: 3px;
}

#right_side_member_small {
	width: 126px;
	height: 34px;
	padding-left: 8px;
	padding-top: 30px;
	padding-right: 3px;
}

#right_side_off_the_cuff {
	width: 137px;
	height: 88px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
}

#why_im_in {
	width: 137px;
	height: 90px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
}

.seperator {
	margin:0px 0px 0px -8px;
	padding: 0px 0px 0px 0px;
}
	
#right_side_2 {
	width: 130px;
	height: 150px;
	background-image: url(images/home/right_bottom.gif);
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-left: 9px;
	color: white;
	text-align:left
	}
	
#right_side_2 H1 {
	font-size:12px;
	font-weight:bold;
	}
	
#right_side_2 input {
	display: block;
	margin-bottom: 4px;
	margin-top: 2px;
	}
	
#right_side_2 a:link,a:visited {
	text-decoration:none; 
	font-weight:bold; 
	color: #ffffff;
	}
	
.clear {
	clear:both;
	float: none;
}

.news_date {
	color: #bbb;
	padding-bottom: 1px;
	display: inline;
}

.news_abstract {
	padding-bottom: 10px;
/*	border-bottom: 1px solid #ccc; */
}

.event_date {
	color: #bbb;
	padding-bottom: 6px;
	display: inline;
}

.event_item {
	padding-bottom: 6px;
}

.member_news_item {
	color: #aaa;
	padding-bottom: 6px;
}

img {
	border: none;
}

#footer { /* places the footer at the bottom, below everything */
	width: 679px;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-top: 6px;
	margin-left: 35px; 
	position: relative;
	padding-bottom: 10px;
	padding-left: 0px;
}

#footer a:link  {
	text-decoration:none;
	color: #aaa;
	font-size: 9px;
	font-weight: normal;
}

#footer a:visited  {
	text-decoration:none;
	color: #aaa;
	font-size: 9px;
	font-weight: normal;
}

#footer a:hover  {
	text-decoration:none;
	color: #FF0008;
	font-size: 9px;
	font-weight: normal;
}

#footer a:active  {
	text-decoration:none;
	color: #FF0008;
	font-size: 9px;
	font-weight: normal;
}