/* For use on 'home' index page */


* {
	margin: 0; /* zero out margin */
	padding: 0; /* zero out padding */
}
html {
	height: 100%; /* gives layout 100% height */
	position: relative; /* gives 100% height to Opera 9.5 */
}
body {
	height: 100%; /* gives layout 100% height */
	background: #ffffff;
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	text-align: left; 
	color: #000000;
	text-decoration: none;
}
	
hr {
   
    border: 0px;
	height: 1px;
	color: #cccccc;
	background-color: #cccccc;
	margin-top: 0px;
	margin-bottom: 0px;
	
}
	
	
/********************************** main sections positionals *************************************/

* html #wrapper { 
	height: 100%; /* IE6 treats height as min-height */
	
}
#wrapper {
	
	min-height: 100%; /* gives layout 100% height */
	margin: 0 auto; /* centers #wrapper */
	width: 960px; /* centered div must be given a width */
	background: #FFFFFF; /*** Background colour of navigation column now ***/
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: 0px solid #CCC;
	
}
#top { 
	width: 960px;
	padding:0;
	height: 90px;
	}
	
#header { /* menu area  */
 float: center;
	margin: 0px 0px 0px 90px; /* top, right, left, bottom.  */
	width: 870px; 
	height: 25px;
	background: #eaf3ed;
	
	}
	
#name_strip { /* menu area  */
 float: left;
	margin: 0px 0px 0px 0px; /* top, right, left, bottom.  */
	width: 192px; 
	height: 18px;
	background: #eaf3ed;
	padding: 6px 0px 0px 45px; /* top, right, bottom, left.  */
	
	
}
	
	

#banner { 
	width: 960px;
	padding:0;
	height: 267px;
	/*background-image: url(images/banner1.png);*/	
	cursor: pointer;
}

#banner #banner-img{ 
	border: 0;
	position: absolute;
	
	width: 960px; 
	height: 200px;
	/*background: url(../images/homepage-banner1.png) no-repeat;*/	
	  
}

#bigbanner { 
	width: 960px;
	padding:0;
	height: 425px;
	/*background-image: url(images/banner1.png);*/	
	cursor: pointer;
}

#menustrip { 
	width: 960px;
	padding:0;
	height: 26px;
	background-image: url(images/homemenu_panel.png);	
	cursor: pointer;
}

#menu{  /* floated  */
  float: left; 
  width: 280px; 
  margin-left: 660px;
  margin-top: 5px;

}

#terms_banner { 
	width: 960px;
	padding:0;
	height: 80px;
	/*background-image: url(images/banner1.png);*/
	background: #c3bd14;
	
}
	

#banner_lower { /* menu area  */
 float: center;
	margin: 0px 0px 0px 0px; /* top, right, left, bottom.  */
	width: 960px; 
	height: 51px;	
	background-image: url(images/lower_banner_headline.png);

	
	}
	
#top_headline { /* menu area  */
 float: left;
	margin: 40px 0px 0px 80px; /* top, right, left, bottom.  */
	width: 760px; 
	height: 35px;
	

	
	}
	
	#sign_up { /* menu area  */
 float: center;
	margin: 0px 0px 0px 0px; /* top, right, left, bottom.  */
	width: 960px; 
	height: 96px;	
	background: #fff;

	
	}
	
#page_title { /* generic page title  */
 float: left;
	margin: 0px 0px 0px 42px; /* top, right, left, bottom.  */
	width: 590px; 
	height: 25px;
	
	
	
}

#generic_mainmenu { /* generic main menu panel  */
 float: left;
	margin: 2px 0px 0px 42px; /* top, right, left, bottom.  */
	width: 465px; 
	height: 22px;
	
	background: #eaf3ed;
	
}
	
	

#home_image_strip{  /* floated  */
  float: left; 
  width: 85px; 
  margin-left: 8px;
  margin-top: 18px;

}


#home_content{  /* floated  */
  float: left; 
  width: 765px; 
  margin-left: 100px;
  margin-top: 18px;
  

}

#content{  /* floated  */
  float: left; 
  width: 550px; 
  margin-left: 40px;
  margin-top: 18px;
  

}

#detail_content{  /* floated  */
  float: left; 
  width: 590px; 
  margin-left: 40px;
  margin-top: 18px;
  

}

#sidebar1{ /* floated  */

float: left; 

	background: #ffffff;
	margin: 2px 0px 0px 0px; /* top, right, left, bottom.  */
	width: 100px; 
	
	
}


#sidebar_menu{ /* floated  */

float: left; 

	background: #ffffff;
	margin: 5px 0px 0px 92px; /* top, right, left, left.  */
	width: 235px; 
	
	
}


#detail_panel { /* floated  */
  float: left; 
  width: 631px; 
  margin-left: 0px;
  margin-top: 2px;
  background: #eaf3ed;
  
	
	
}

#footer { /* outside of wrapper   */

	height: 60px;
	width: 960px; /* centered div must be given a width */
	margin: -10px auto 0px auto; /* -50px sucks it back in & auto centers it. In this instance I have changed it to -10px to make it line up in Explorer and Firefox*/
	background: #ffffff;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	/*border-top: 1px solid #CCC;*/
	clear: both;
	

}



#footer_buttons { /* generic page title  */
 float: left;
	margin: 10px 0px 0px 3px; /* top, right, left, bottom.  */
	width: 600px; 
	height: 42px;
	
	
	
}

#footer_content { /* menu area  */
 float: left;
	margin: 10px 0px 0px 100px; /* top, right, left, bottom.  */
	width:  760px; 
	height: 35px;	
	background: #ffffff;
	
	}



/********************************** PARAGRAPH SPACING IS TOTALLY CONTROLLED *************************************/

/* first set the overall default paragraph space to ZERO */

p { /* remove all text margins */
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}


select {  font-family: Arial, Helvetica, sans-serif; font-size: 10px}
value {  font-family: Arial, Helvetica, sans-serif; font-size: 12px}
select {  }
input {  font-family: Arial, Helvetica, sans-serif; font-size: 10px}

a:link {
	text-decoration: none;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
	
a:visited { text-decoration: none;
color: #000000;

}
	
form{display:inline;} /* removes the horrible spacing after forms - makes them sit inline! */


/********************************** text styling *************************************/

	

h1 {  /* main headings */
	font-size: 210%;
	line-height: 100%;
	color: #CCC;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 10px;
	text-align: center;
}



.subtitle {
	font-size: 90%;
	font-weight: normal;
	color: #6e887e;
		line-height: 160%;
		padding-bottom: 2px;
}



.bodytext:link {
	font-size: 80%;
	font-weight: normal;
	color: #6e887e;
		line-height: 160%;
		padding-bottom: 2px;
		padding-top: 0px;
	text-decoration: none;	
		
		
}

.table_text {
	font-size: 80%;
	font-weight: normal;
	color: #666666;
		line-height: 160%;
	 
}

.mainmenu {
	font-size: 65%;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	letter-spacing: 0.7px;
}


.mainmenu:link {
	text-decoration: none;
	color: #666;
}

.mainmenu2 {
	font-size: 65%;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	letter-spacing: 0.7px;
}


.mainmenu2:link {
	text-decoration: none;
	color: #666;
}

h2 {   /* main body text */
	font-size: 80%;
	line-height: 160%;
	color: #6c6b6b;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 3px;	
}


.body_link {   /* main body text link */
	font-size: 90%;
		text-decoration: none;
	line-height: 160%;
	font-weight: normal;
	color: #6e887e;
	margin-top: 8px;
	
}

.body_link:hover {
	text-decoration: underline;
}

h3 {  /* main headings */
	font-size: 90%;
	line-height: 100%;
	color: #a29d12;
	text-decoration: none;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

h4 {   /* main body text */
	font-size: 85%;
	line-height: 160%;
	color: #CC0000;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 3px;	
}


h5 {   /* international links descriptors */
	font-size: 70%;
	line-height: 100%;
	color: #666666;
	text-decoration: none;
	font-weight: normal;

}


a.footer_nav:hover {
	text-decoration: none;
	font-weight: bold;
	font-size: 70%;
	color: #666;
}

a.footer_nav {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666; /* black */
	font-size: 70%;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}



.home_email_tag {
	font-size: 125%;
	color: #999;
}

	
a.name {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999; /* black */
	font-size: 70%;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: normal;
	padding-top: 3px;
}

.telno {
	font-size: 80%;
	color: #999;
}

.menu {
	font-size: 80%;
	color: #ffffff;
}



.contact_text {
	font-size: 75%;
	font-weight: normal;
		line-height: 180%;
	color: #999;

	
}


/********************************** side menu navigation *************************************/

.sidebar_title {
	font-size: 80%;
	line-height: 100%;
	color: #039;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	
		border-bottom-width: 1px;
	    border-bottom-style: solid; 
		border-bottom-color: #C3C3C3; 
		margin: 0px 20px 0px 20px;
		padding: 0px 0px 5px 0px;

}


ul { /* menu */
 margin-top: 5px;
 margin-left: 8px;
 padding-left: 8px;
 color:#D2D2D2;
}

ul li {
 margin-bottom: 5px;
}

ul.vertical_list {

    margin: 0px auto;
	list-style: none;
	margin-left:2px;
	line-height: 75%;

}

ul.vertical_list li {
    text-align: left;

    padding: 3px 10px 0px 10px; 

    border: 0px;}
	
ul.vertical_list a {
	font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 65%;
     
    font-weight: normal;
	text-decoration: none;
	}
	
ul.vertical_list li a:hover{
color: #CFA859;
text-decoration: underline;
}

.profilesub {
	font-size: 70%;
	color: #999;
	line-height: 120%;
}
ul.vertical_list {

    margin: 0px auto;
	list-style: none;
	margin-left:2px;
	line-height: 75%;

}
ul.number {
	margin: 0px auto;
	list-style-type:decimal;
	margin-left: 11px;
	line-height: 150%;
	}

ul.number li {
    text-align: left;

    padding: 0px 10px 0px 10px; 

    border: 10px;}
	
ul.number a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%;     
	}
	
ul.number li a:hover{
color: #CFA859;
text-decoration: underline;
}