/* force a vertical scroll in firefox (prevents page jumping) */
html { 
	min-height: 100%; 
	margin-bottom: 1px; 
	}

/* MAIN CONTAINERS START */


body
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-image: url(../images/bg_updated.gif);
	background-repeat:no-repeat;
	background-position: top;
	font-size: 62.5%;
	color: #000000;
	
}

#mainoutline
{
	margin: 21px auto 0px auto;
	width: 100%;
	padding: 0px;
	
}

#container
{
	margin: 0px auto 0px auto;
	width: 795px;
	overflow: hidden;
	
}

#header {
	float: left;
	height: auto;
	width: 645px;
	margin: 0px auto 0px auto;
	
}

#header2 {
	float: left;
	height: 20px;
	width: 100px;
	margin: 0px ;
	margin: 0px auto 0px auto;
	
}

#footer
{
	border-top: 1px solid #D58A8E;
	width:100%;
	height: 30px;
	color: #000000;

}

#footerText
{
	width:795px;
	height: 45px;
	text-align: left;
	margin: 0px auto 0px auto;
	background-image: url(../images/sirenlogo_sm.gif);
	background-position: top right;
	background-repeat: no-repeat;
color: #000000;
}

#contentArea{
	margin-top: 0px;
	width: 795px;
	height: 100%;
	
}

#contentLeft{
	
	width: 635px;
	height: 100%;
	padding-left: 10px;
	float: left;
	border-right: 1px solid #D58A8E;
	margin-bottom: -1000px;
	padding-bottom: 1000px;
}

#contentRight {
	padding-top:16px;
	width: 140px;
	float: left;
	text-align: center;

}

#sponsorLogo {
	padding:16px 0px 0px 0px;
	width: 140px;
	float: left;
	/*height: 100%;*/
	text-align: center;
	color: #000000;
}

#left_picture {width: 140px;
				height: 140px;
				padding-bottom: 10px;}
				
				
/*ABOUT*/				
				
#about_col_1 {width: 150px;
				float: left;}
				
#about_col_2 {width: 160px;
				float: right;}
				

/*HORIZONTAL MENU*/

.menu a{
		color: #666666;
	  font-size: 1.1em;
	  text-decoration: none;

}

.menu a:hover{
		color: #CCCCCC;
	  font-size: 1.1em;
	  text-decoration: none;

}

.menu{
      width: 645px;
      margin: 0.4em 0;
      padding: 0px 0.5em;
	  color: #666666;
	  font-size: 1.1em;
	  float:left;

    }
	
	
.menu ul, .menu2 ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    
.menu li, .menu2 li {
      margin: 0;
      padding: 0;
      float: left;
	   padding-right: 1em;
    }

.menu2{

	  width: 100px;
	  margin: 0.5em 0;
	  padding: 0px 1.6em;
	  color: #666666;
	  font-size: 1.1em;
	  float: left;
	  background-image: url(../images/member_arrow.gif);
	  background-position: left;
	  background-repeat: no-repeat;

    }
	
.menu2 a{
		color: #AD1718;
	  font-size: 1.1em;
	  text-decoration: none;

}

.menu2 a:hover{
		color: #CCCCCC;
	  font-size: 1.1em;
	  text-decoration: none;

}
	

.list {font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		font-weight:bold;}
		
.list a{text-decoration: none;
		color: #000000;}

.list a:hover{text-decoration: underline;

}

/*HORIZONTAL MENU END*/

/*HOME*/
#logoArea{
	padding-top: 16px;
	width: 324px;
	height: 38px;
	overflow: hidden;

}

#homeText{
	padding: 10px 10px 10px 0px;
	width: 140px;
	height: 100%;
	float: left;
	font-size:1.1em;
	
}

#homeImg{
	padding: 10px 10px 10px 0px;
	width: 317px;
	float: left;
	height: auto;
	
}

#homeSummary
{
	width:137px;
	float: right;
	color: #000000;
	padding-left: 7px;
	overflow: hidden;
	padding-right: 7px;

}

/*FEATURE DIVS*/
#featureArea
{
	padding: 10px 0px 0px 0px;
	width:150px;
	height: 100%;
	float: left;

}

#feature1
{
	width:145px;
	height: 20px;
	float: left;
	background-image: url(../images/wide_arrow.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-left: 5px;
	
}

#feature1 a
{
	color: #FFFFFF;
	text-decoration: none;

}

#feature1 a:hover
{
	color: #CCCCCC ;
	text-decoration: none;

}

#featureLink
{
	width:145px;
	height: 20px;
	float: left;
	background-image: url(../images/wide_arrow_grey.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-left: 5px;
	
}

#featureLink a
{
	color: #FFFFFF;
	text-decoration: none;

}

#featureLink a:hover
{
	color: #CCCCCC ;
	text-decoration: none;

}


#featureSummary
{
	width:150px;
	float: left;
	color: #000000;
	padding-left: 0px;
	overflow: hidden;
	padding-right: 0px;

}


#featureleft {

	width:135px;
	height: 20px;
	float: left;
	background-image: url(../images/left_arrow.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-left: 5px;
}

#featureleft a
{
	color: #FFFFFF;
	text-decoration: none;


}

#featureleft a:hover
{
	color: #CCCCCC ;
	text-decoration: none;


}

#featureleft2 {

	width:135px;
	height: 20px;
	float: left;
	background-image: url(../images/left_arrow.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-left: 5px;
}



#featureSummaryleft
{
	width:130px;
	float: left;
	color: #000000;
	padding-left: 5px;
	overflow: hidden;
	padding-right: 5px;
}

/*BACK ARROW*/
#back {

	width:135px;
	height: 15px;
	float: right;
	background-image: url(../images/back_arrow_grey.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-right: 5px;
	line-height: 11px;
}

#back a{

	color: #FFFFFF;
	text-decoration: none;
}

#back a:hover{

	color: #FFFFFF;
	text-decoration: none;
}

/*EVENTS*/
#event {

	border-bottom:dashed 1px #999999 ;
	padding: 5px 7px 10px 7px;
	margin-bottom: 10px;
	background-color: #EAEAEA;
	
	
	}
	
	
#event a{

	text-decoration: none;
	color: #000000;
	
	}	

#event a:hover{

	text-decoration: underline;
	color: #000000;
	
	
	}
	
		
#event_main{

	padding: 10px 10px 10px 0px;
	width: 317px;
	height: auto;
	float: left;
	
}

#past_event {

	padding: 10px 10px 00px 0px;
	width: 317px;
	height: 100px;
	float: left;

}

#event_details {
	width: 300px;
	padding: 5px;
	border-bottom:dashed 1px #999999;
	border-top:dashed 1px #999999;
	background-color: #EAEAEA;
	height: 60px;


}

#event_title_area{
	padding: 0px 0px 10px 0px;
	width: 480px;
	height: 90px;
	float: left;

}

/*CONTACT */

#contactImage {width: 140px;
			height: 140px;
			float: left;}
			

			
#contact_arrow {width: 115px;
				height:15px;
				background-image:url(../images/contact_arrow.gif);
				padding-left: 5px;
				margin-top: 3px;
				margin-bottom: 3px;
				}

#contact_details {
	padding-bottom: 10px;
	margin-bottom: 10px;
	float: left;
	width: 420px;
	

	}				

/* MEMBERSHIP*/
#member_main{

	padding: 10px 10px 10px 0px;
	width: 427px;
	height: auto;
	float: left;
	color: #000000;

}

				
#members_greybox {

	width: 130px;
	padding: 5px;
	background-color: #666666;
	margin-bottom: 5px;
					
}

#featureLinkSub
{
	width:135px;
	height: 20px;
	float: left;
	background-image: url(../images/wide_arrow_sub.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-left: 5px;
	
}

#featureLinkSubCurrent
{
width:135px;
	height: 20px;
	float: left;
	background-image: url(../images/wide_arrow.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-left: 5px;
	
}

#featureLinkSub a
{
	color: #FFFFFF;
	text-decoration: none;


}

#featureLinkSub a:hover
{
	color: #AD1718 ;
	text-decoration: none;


}

#membershipCosts{
	width: 400px;
	padding: 10px;
	background-color: #EAEAEA;
	margin-bottom: 10px;

	
}

/*  TEXT STYLES */				
p {
	
	font-size:1.1em;


}		


a {

	text-decoration: none;
	color:#AD1718;

}

a:hover {

	text-decoration: underline;
	color:#AD1718;

}

ul li{
	
	font-size:1.1em;


}	
	


/* MAINLY USED AS SUB SECTION LINKS */
.redText
{
	color: #AD1718;
	font-size: 1.0em;

}

.redText a
{
	color: #AD1718;
	font-weight: bold;
	font-size: 1.0em;
	text-decoration: none;

}


.redText a:hover
{
	color: #AD1718;
	font-weight: bold;
	font-size: 1.0em;
	text-decoration: underline;

}

/* MAIN TITLES (SIZE 1.2EM) */
h3
{
	color: #AD1718;
	font-weight: bold;
	font-style: italic;
	font-size: 1.3em;

}

h3 a
{
	color: #AD1718;
	font-weight: bold;
	font-style: italic;
	font-size: 1.3em;
	text-decoration: none;

}


h3 a:hover
{
	color: #cccccc;
	font-weight: bold;
	font-style: italic;
	font-size: 1.3em;
	text-decoration: none;

}

select {
	font-size:0.9em;
}

/*WHITE TEXT*/
.whiteText
{ 
	color: #ffffff;


}

.whiteText a
{ 
	color: #ffffff;
	text-decoration: none;

}

.whiteText a:hover
{ 
	color: #ffffff;
	text-decoration: underline;

}

.whiteTextbold
{ 
	color: #ffffff;
	font-weight:bold;
	font-size:12px;

}

.whiteTextbold a
{ 
	color: #ffffff;
	text-decoration: none;

}

.whiteTextbold a:hover
{ 
	color: #ffffff;
	text-decoration: underline;

}
		
		
/*BORDERS*/			
#greyDevide {
	border-bottom:dashed 1px #999999; 
	height: 5px;
	line-height: 5px;
	width: auto;
	
	}
	
.greyDevide_sm {
	border-bottom:dashed 1px #999999; 
	font-size: 11px;
	font-weight:bold;
	}
	
.list {
		
		}
		
.list a{text-decoration: none;
		color: #000000;}

.list a:hover{text-decoration: underline;


}	
	
		
	
.greyBorder {
		border:solid 1px #EAEAEA; 

}	

.dotBorder {
	border-bottom:dashed 1px #999999; 
	border-top:dashed 1px #999999; 



}

/*logo titles */
.logoTitle
{
	color: #000000;
	font-weight:normal;
}

.redText
{
text-decoration: none;
color:#AD1718;
}

.alignRight
{
margin-left: 315px;
}

.alignRightDownloads
{
text-align: right;
margin-right: 0px;
}

#alignRightPicturesets
{
margin-left: 240px;
}

#requestDocument
{
color: red;

}

.warning {
	font-size:9pt;
	font-weight:bold;
	color:#FF3300
}
/*

#companytype1 {
	height: auto;
	background-color: #3399CC;
}

#companytype9 {
	height: auto;
	background-color: #000000;
}

*/
