body,html
{
    height:100%;
    min-height:100%;
}

body, html, h1, h2,ul,ul li,img,form,input,textarea {
	padding:0;
	margin:0
	}
body, textarea {
	font-family: Verdana,Arial,Courier; 
	font-size: small; 
	font-style: normal; 
	color:#9d9fa2
	}   

input {
	font-family: Verdana,Arial,Courier; 
	font-size: small; 
	font-style: normal; 
	color:#333;
	}   

body {
	background-image: url(images/bg4px.gif);
	background-repeat: repeat;
	}

h1  {font-size: 16px}

h2 {font-size: 14px}

h3 {
	font-size: 16px; 
	text-transform:uppercase;	
	font-family:Arial, Helvetica, San-Serif; 
	font-style:bold;
	color:#ffffff; 
}

textarea {overflow:visible}

ul {
list-style-type:square;
text-indent: 0px;
background:none;
}

ul li {
background:none;
display: inline;
text-indent: 0px;
}

a:link {color: #97B1CE; text-decoration: none;}     /* unvisited link */
a:visited {color: #97B1CE; text-decoration: none;}  /* visited link */
a:hover {color: #FFFFFF; text-decoration: none;} /* mouse over link */
a:active {color: #FFF; text-decoration: none;}   /* selected link */


img {border: none 0px}

/*------ Default Style ------*/
#container 
{
    background-color:#000000;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 1078px;
	text-align: left;
	min-height:100%;
	height:auto;
	padding: 0px 8px 0px 8px;
}
/*------ End of Default Style ------*/

/*------ Header Style ------*/
#header_include_container{
	padding: 0px 0px 0px 0px;
	}
#header_logo {
	width:220px;
        height:120px;
        border-width: 0px;
	}
#logo_container {
	float:left; 
	padding-top:20px !important;
        padding-top:23px;
	}

#menu_container {
	float:left;
/*	height:111px; */
	padding-top:29px; 
	width:848px; 
	margin-bottom:2px
	}
#menu_bar {
	height:42px; 
	background-color:#333; 
	text-align:right; 
	padding-right:10px; 
	float:left;
	width:848px
	}
	
#menu_bar span, #members_bar span {padding-left:5px}
#members_bar, #menu_bar {font-weight:bold; font-size: small}
#menu_bar a, #members_bar a {color:#bbbdbf}
#menu_bar ul {padding-top: 20px}

#members_bar {
	clear:both; 
	height:26px; 
	text-align:right; 
	background-color:#494341;
	padding-right:10px
	}
#members_bar ul {padding-top:5px}
#members_bar #member_title {color:#77716f}

#tagline {
	float:right;
	text-align:right;
	height:69px
	}

/*------ End of header styles ------*/

/*------ Homepage Styles ------*/
#strip_container {

}
#colour_strip div {
	height:21px;
	margin-bottom:5px
	} 
#orange_bar {
	float:left; 
	background-image:url(images/orangepixelstrip2.gif); 
	width:293px;
	}
#blue_bar {
	float:left; 
	background-image:url(images/bluepixelstrip2.gif); 
	width:293px
	}
#green_bar {
	float:left; 
	background-image:url(images/greenpixelstrip2.gif); 
	width:293px
	}
#orange_bar_narrow {
	float:left; 
	background-image:url(images/orangepixelstripNarrow.gif); 
	width:199px
	}
	
#image_strip {
	float: right;
	background-position: bottom; 
	padding-bottom: 12px;
	height:141px;
	}
	
#blue_panel {
	float:left; 
	margin-left:0px;
	width:293px;
	background-color:#000000;
	}
	
#green_panel {
	float:left;
	margin-right:0px;
	width:293px;
	background-color:#000000;
	}
	
#orange_panel {
	float:right;  
	width:293px;
	background-color:#000000;
	height:100%
	background-image:url(images/leftpanelstrip.gif); 
	background-repeat: repeat-x;
	}
	
#orange_panel .toptext {
	margin-left:10px;
	font-family:Arial, Helvetica, San-Serif; 
	font-style:bold;
	color:#ffffff; 
	padding-top:20px
	}
	
#orange_panel .bottext {
	margin-left:10px;
	font-family:Arial, Helvetica, San-Serif; 
	font-style:bold;
	color:#ffffff; 
}

#menu_panel {
	float:left;
	width:190px;
	height:100%;
	border:0px solid yellow;
	padding: 3px;
	}
	
#menu_panel_right {
	width:293px;
	float:right;
	margin: 0
	}
	
#panel_right_indent {
	margin:20px 10px;
	}
	
#panel_right_indent h1 {
	font-family:Arial, Helvetica, San-Serif; 
	font-style:bold;
	color:#C3D93F;
	text-transform: uppercase;
	font-size:18px;
	}
	
#panel_right_indent h4 {
	font-family:Arial, Helvetica, San-Serif; 
	font-style:bold;
	color:#C3D93F;
	font-size:12px;
        margin-bottom:-5px;
	}

#panel_right_indent h5 {
	color:#C3D93F;
	font-size:12px;
	font-weight:bold;
        margin:5px 0 0 10px;
	}
	
.jobs {
	font-family:Arial, Helvetica, San-Serif; 
	font-style:bold;
	font-size:11px;
}
	
#menu_content {
	margin:4px 8px 4px 8px;
	height:100%;
	}
	
#menu_content p {
	font-size:11px;
	line-height:22px;
	font-weight:bold;
	}
	
#menu_content h2 {
	font-family:Arial, Helvetica, San-Serif;
	margin-bottom:0px;
	margin-top:12px;
}

#menu_content a:link{
	color:#97B1CE;
}
#menu_content a:visited{
	color:#97B1CE;
}
#menu_content a:hover{
	color:#FF9933;
}
	
#home_content {
	margin: 25px 0px 25px 0px;
	position:static;
	width: 100%;
	min-height: 100%;
	clear:both;
	}
	
#home_content span {color:#ffffff}

#center_panel {
	
	}
	
#intro {
	width:570px;
	padding: 5px 8px 5px 8px;
	float:left;
	}
#intro p {
	line-height:170%;
}
	
.intro {
	font-size: 12px; 
	font-family:Arial, Helvetica, San-Serif; 
	color:#ccc; 
	font-weight:bold; 
	line-height:170%;
	letter-spacing: 0.75px;
	}
	
#intro h1 {
	font-size: 16px; 
	font-family:Arial, Helvetica, San-Serif; 
	color:#F89734; 
	font-weight:bold; 
	line-height:170%;
	margin-bottom: 0px;
        margin-top:15px;
}
#intro h4 {
	font-size: 12px; 
	font-family:Arial, Helvetica, San-Serif; 
	color:#F89734; 
	font-weight:bold; 
	line-height:150%;
	margin-top: 0px;
	margin-bottom: -5px;
}

#intro ul li{display: list-item}

#news_container {
	width:570px;
	padding: 5px 8px 5px 8px;
	float:left;
}

.news {
	font-size:11px;
	line-height:170%;
}


/*------ End of Homepage Styles ------*/


/*------ Footer Styles ------*/

#footer_container {
	position:realtive;
	bottom:1px;
	width:100%;
	border: 0px solid green;
	}
#footer_logo_container {
	text-align:right; 
	padding-top:10px; 
	padding-bottom:10px;
	border:0px solid yellow;
	}
#footer_logo_container ul li {
	padding-right:19px; 
	display:inline
	}
#footer_logo_container #last_logo {padding-right:0px}

#footer_links  {
    	color:#77716f;
    	background-position: bottom;
    	padding: 0px 0px 20px 0px;
    	border: 0px solid red;
}
#footer_links ul li {font-size: x-small}
#footer_links a, #footer_links a:link, #footer_links a:hover, #footer_links a:visited{
	color: #77716f;
	text-decoration: none;
	}


/*------ End of Footer Styles ------*/

/*------ Classes ------*/

.black_sep {
	background-image:url(images/dotstripD.gif);
	background-repeat: repeat-x;
	}
.black_sep_divider {
	background-image:url(images/dotstripD.gif);
	background-repeat: repeat-x; 
	margin-bottom:30px;
	}
.error {color:red}

.small_text {
	font-size: x-small;
	color:#77716f;
}

.summary {
	font-size:80%;
}

.eventSummary {
	font-size:85%;
}

.date {
	font-size: x-small;
	font-style:italic;
}

.highlight {
	color:#D98017;
}

.whiteHighlight {
	color:#ffffff;
}

.next {
font-size: x-small;
}
/*------ End of classes ------*/

/*------ Calendar styles -----*/
.calendarBG {
 background-color: #000; 
}

.calendarBlank { 
 background-color: #C8D959;
}

.calendarHeader { 
 font-weight: bold; 
 color: #fff; 
 text-align: center;
 background-color: #000; 
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 color: #fff; 
 background-color: #515151; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#F9941E;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendar_entry {
 font-size:         x-small;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

/*
    Formatting Buttons
------------------------------------------------------ */

.buttonMode {
	background-color: #97B1CE;
	color: #73769D;
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size: 9px;
        margin-bottom: 5px;
	white-space: nowrap;
	}

.htmlButtonOutter, .htmlButtonOutterL {
	background-color: #f6f6f6;
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	border-top: #333 1px solid;
	padding: 0;
	}

.htmlButtonOutterL {
	border-left: #333 1px solid;
	}

.htmlButtonInner {
	background-color: #97B1CE;
	border-bottom: #ccc 1px solid;
	border-left: #fff 1px solid;
	border-right: #ccc 1px solid;
	border-top: #fff 1px solid;
	padding: 0 3px 0 3px;
	text-align: center;
	}

.htmlButtonOff {
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOff a:link {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOff a:visited {
	text-decoration: none;
	}

.htmlButtonOff a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOff a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn {
	background: #f6f6f6;
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOn a:link {
	color: #990000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOn a:visited {
	text-decoration: none;
	}

.htmlButtonOn a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA {
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonB {
	background: #E1E3EC;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonA a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonA a:visited {
	text-decoration: none;
	}

.htmlButtonA a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:link {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonB a:visited {
	text-decoration: none;
	}

.htmlButtonB a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:hover {
	color: #999;
	text-decoration: none;
	}

.smallLinks {
       font-size:9px;
       margin-bottom: 5px;
}

.joinButton {
text-align:right;
margin-left: 370px;
margin-top:10px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
}