/* CSS Document */

/* --- 
Website: Aspery consulting
Date last updated: 06 October 2005
---*/

/* --- Standard elements---*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {
	line-height: 1.4em;
	color: #606060;
	padding: 0px 8px 0px 0px;/* --- top, right, bottom, left --- */
	font-size: 80%;
	margin-top: 0.2em;
	}

h1 {
	font-size: 120%;
	line-height: 1.4em;
	color: #17529D;
	margin-bottom: .5em;
	}
	
h2 {
	color:#17529D;
	line-height: 1.4em;
	font-size: 100%;
	margin-bottom: 0.5em;
	}
	
h3 {
	font-size: 90%;
	color: #17529D;
	margin-bottom: 0.5em;
	margin-top: 1em;
	}

h3 a: hover {
	color: blue;
	text-decoration: underline;
	}

	
	
	
a {
	color: blue;
	text-decoration: underline;
	
	}
a:visited {
	color: blue;
	text-decoration: underline;
	}
a:hover {
	color: blue;
	text-decoration: underline;
	}
a:active {
	color: blue;
	text-decoration: underline;
	}
ol {
	line-height: 2em;
	color: #606060;
	padding: 0px 8px 0px 0px;/* --- top, right, bottom, left --- */
	font-size: 80%;
	margin-top: 0.2em;
	}	

/*Box outs*/
.box_out {
	
	color:#8E0347;
	line-height: 1.4em;
	font-size: 90%;
	margin-bottom: 1em;
	font-weight: bold;}


/*Global navigation*/	

.nav_link {
	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 75%;
	color: #61A0BF;
	font-weight: bold;
	padding:0px 0px 0px 18px; /* --- top, right, bottom, left --- */
	text-decoration: none;
	
	}

.nav_link a:link{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	}
	
.nav_link a:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	}
	
.nav_link a:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #A3CF2C;
	text-decoration: none;
	}
	
.nav_active {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 75%;
	color: #61A0BF;
	padding:0px 0px 0px 18px;
	font-weight: bold;
	}
	
.nav_bar {
	background-image:  url(images/nav2.gif);
	background-repeat: repeat;
	background-color: #17529D;
	height: 28px;

	}
	
/*.nav_pattern {
	background-image: url(images/images_main/line.gif);
	background-repeat: repeat;
	background-color: #FFFFFF;
	height: 6px;
	}*/	

/*Global strap line*/		
.strap {
	
	
	vertical-align: bottom;
	text-align: right;
	padding-bottom: 16px;
	font-size: 80%;
	color: #8E0347;
	font-weight: bold;
	}


/*Global footer*/	
.footer {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	background-image:  url(images/nav2.gif);
	background-repeat: repeat;
	background-color: #17529D;
	height: 28px;
	padding-left: 18px;
	}
.footer a:link {
	color: #FFFFFF;
	text-decoration: none;
	}
.footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
.footer a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	}
.footer_b {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 70%;
	color: #3366CC;
	text-align: right;
	}
.footer_b a:link {
	color: #3366CC;
	text-decoration: none;
	text-align: right;
	}
.footer_b a:visited {
	color: #3366CC;
	text-decoration: none;
	text-align: right;
	}
.footer_b a:hover {
	text-decoration: underline;
	color: #3366CC;
	text-align: right;
	}	
.footer_c {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	background-image:  url(images/nav2.gif);
	background-repeat: repeat;
	background-color: #17529D;
	height: 28px;
	padding-right: 18px;
	text-align: right;
	}
.footer_c a:link {
	color: #FFFFFF;
	text-decoration: none;
	}
.footer_c a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
.footer_c a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	}
.skiplink {display:none}

		
.dot_line {
	background-image: url("/images/grey_dash.gif"); 
	background-repeat: repeat-x;
	background-color:#CCCCCC;
	height: 10px;
	font-size: 0px;
	}

.quote {
	
	font-size: 80%;
	color: #61A0BF;
	line-height: 1.4em;
	padding: 0px 8px 0px 8px;/* --- top, right, bottom, left --- */
	font-weight: bold;
	margin-bottom: .5em;}
	
	
.quote_ref {
	font-size: 70%;
	color: #606060;
	padding: 0px 8px 0px 8px;
	text-align: right;
	}
	
.clients {
	color: #000000;
	line-height: 1.4em;
	font-size: 90%;
	font-weight: bold;
	}
	


/*home page links*/	
a.home:link, a.home:visited, a.home:active {
	
	color: #17529D;
	background: url;
	font-weight: bold;
	background-image:  url(file:///D|/sociallife_wireframe/images/images_main/home_arrow3.gif);
	background-repeat: no-repeat;
	padding:0px 15px 0px 15px;/* --- top, right, bottom, left --- */
	text-decoration: none;
}

a.home:hover {
text-decoration: underline;
}

.gray_dash_v {
	background-image: url(file:///D|/sociallife_wireframe/images/images_main/gray_dash_v.gif); 
	background-repeat: repeat-y;
	background-color:#FFFFFF;
	padding-left: 12px;
	}

/*Images*/		
.image_border {
	border-right: black 1px solid; 
	border-top: black 1px solid; 
	border-left: black 1px solid; 
	border-bottom: black 1px solid;
	} 
	
	
/* --- Sub-level navigation box for the left hand column --- */		

#navlist{
	font-size: 70%;
	color: #606060;
	line-height: 30px;
	background-color: #FFFFFF;
	margin: 0px 6px 0px 0px; /* --- top, right, bottom, left --- */
	border-bottom: 1px solid #333333;
	list-style-type: none;
	}
#navlist li{
	border-top: 1px solid  #333333;
	padding: 0px 6px 0px 0px;/* --- top, right, bottom, left --- */	
	width: 160px;
	}
#navlist li a:link {
	color: #333333;
	text-decoration: none;
	}
#navlist li a:visited {
	color: #333333;
	text-decoration: none;
	}
#navlist li a:hover {
	color: #333333;
	text-decoration: none;
	}
#navlist li a:active {
	color: #333333;
	text-decoration: none;
	}



/* --- Sub-level navigation active page --- */	
.sub_nav_header {
	
	font-size: 70%;
	font-weight:bold;
	color: #333333;
	line-height: 30px;
	background-color: white;
	display: block;	
	padding: 0px 0px 0px 0px;/* --- top, right, bottom, left --- */	
	margin: 0px 0px 0px 0px; /* --- top, right, bottom, left --- */
	border-top: 0px;
	width: 160px;
	}
	
.events_dash {
	background-image:  url(file:///D|/sociallife_wireframe/images/images_main/greydash.gif); 
	background-repeat: repeat-x;
	background-color:#CCCCCC;
	margin: 15px 8px 15px 0px;
	padding: 0px; 
	height: 2px;
	font-size: 1px;
	}	
	
	/* --- Image style - for right of page --- */
.right_column_image {
	padding: 0px 8px 10px 10px;/* --- top, right, bottom, left --- */	
	float: right;
	}
	
		/* --- Image style - for left of page --- */
.left_column_image {
	padding: 0px 8px 10px 0px;/* --- top, right, bottom, left --- */	
	float: left;
	
	}

	

	
.form {
	background-color:#B4DFEF;
}

.promotion {
	line-height: 1.2em;
	color: #606060;
	padding: 0px 8px 0px 0px;/* --- top, right, bottom, left --- */
	font-size: 70%;
	margin-top: 0.2em;
}

.nav_address {
	line-height: 1.2em;
	color: #666666;
	padding: 0px 0px 2px 0px;
	font-size: 60%;
	text-align: right;
	}
	
.head_logo {
	background-image:  url(images/logo4.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
		}	
	
	.gallery {
	line-height: 1.4em;
	color: #606060;
	font-size: 80%;
	margin-top: 0.2em;
	}	
		
