/* text -----------------------------------------------------------------------*/

body{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 70.01%;
	color: #343232;
}

table, tr, td, pre, code, li, ul,  input{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
}

h1{
  font-size: 1.9em;
  font-weight:400;
  margin-bottom: 20px;
  color:#000000;
}

h2{
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 8px;
}

h3{
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 8px;
}

p{
	margin-bottom: 15px;
	font-size: 1.1em;
	line-height: 1.2em;
	font-family:Arial, Helvetica, sans-serif;
}

sup{
    margin-top: 5px;
    font-size: 0.7em;
    }

#middle ol{
	list-style:decimal;
	font-size: 1em;
	margin: 10px 0px;
}

#middle ul{
	list-style:disc;
	font-size: 1em;
	margin: 10px 0px;
}

#middle ol li, #middle ul li{
	margin-left: 23px;

	padding-left: 0px;

	padding-bottom: 10px;
}

#middle ul li h2{
        font-size: 1.05em;
        }

a:link {color:#0066CC; text-decoration:none; font-weight: bold;}
a:visited {color: #0066CC;	text-decoration:none;  font-weight: bold;}
a:hover {color: #0066CC;text-decoration:underline;  font-weight: bold;}
a:active {color: #0066CC; text-decoration:none;  font-weight: bold;}

/* ----------------------------------------------------------------------------*/


/* layout ---------------------------------------------------------------------*/

body{

	background-color: #ffffff;
	
   	text-align: center;
	
	background:url(../images/background.jpg) repeat-x;
	
	font-family:Arial, Helvetica, sans-serif;
   
}


#wrapper{

	width:958px;
	
	background-color:#FFFFFF;
	
	font-family:Arial, Helvetica, sans-serif;
	
	margin:0 auto;
	
	padding-bottom:10px;
	
}

#header{

	width:958px;
	
	float:left;
	
	background-color:#FFFFFF;
	
}

/* Client log-in situated in the header*/

#client-log-in{

	float:right;
	
	width:245px;
	
	margin-top:25px;
	


}

/* Link style for forgot password link*/

.class1 a:link {color:#0066CC; text-decoration:none; font-weight: bold;}
.class1 a:visited {color: #0066CC;	text-decoration:none;  font-weight: bold;}
.class1 a:hover {color: #0066CC;text-decoration:underline;  font-weight: bold;}
.class1 a:active {color: #0066CC; text-decoration:none;  font-weight: bold;}

/* This is the inner log-in so that the border can be applied*/

#inner-log{

	width:245px;
	
	float:right;
	
	margin-top:10px;
	
	margin-bottom:5px;
	
	font-weight:bold;
	
	color:#666666;

}

#top-navigation{

	height:36px;
	
	width:943px;
	
	float:left;
	
	background-color:#2e69a4;
	
	margin-left:8px;


}

#top-navigation ul li{
	
	display:block;
	
	list-style-type:none;
	
	height:36px;
	
	line-height:36px;
	
	border-right:1px solid #FFFFFF;
	
	
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:1.2em;
	
	float:left;
	
	text-decoration:none;
	
	color:#FFFFFF;


}

#top-navigation ul li a{
	
	Line-height:36px;
	
	padding-left:20px;
	
	padding-right:20px;
	
	color:#FFFFFF;
	
	float:left;
	
	display:block;
	
	font-weight:600;
	
	text-decoration:none;
	

}

#top-navigation li a:hover{

	display:block;
	
	background-color:#5489BF;
	
	line-height:36px;

}

#top-navigation-active{
	
	color:#333333;
	
	display:block;
	
	background-color:#666666;
}



#banner{
	width:943px;

	float:left;

	margin-left:8px;
	
	margin-top:5px;

}

#left-nav{

	width:244px;
	
	float:left;
	
	margin-left:8px;
	
	margin-top:5px;
	
	text-align:left;
	
	margin-bottom:40px;
}

#join-now{

	width:201px;
	
	float:right;
	
	margin-right:22px;
	
	margin-top:12px;


}

#news-feed{

	width:189px;
	
	border-left:1px solid #999999;
	
	border-right:1px solid #999999;
	
	float:right;
	
	margin-right:5px;
	
	text-align:left;

/* This line has been added so that the borders appear to be joined to the latest news image*/
	position:relative; bottom:2px;
	
}


#news-feed ul li{

	text-decoration:none;
	
	line-height:21px;
	
	float:left;
	
	display:block;
	
	text-decoration:none;
	
	width:189px;
	
	/* Arrow shown on links*/
	
	background:url(../images/arrow.jpg) no-repeat ;
	
	background-position: 5px 10px;


}

#news-feed ul li a{

	padding-top:10px;
	padding-bottom:10px;
	color:#666666;
	padding-left:30px;
	text-decoration:none;
	border-bottom:1px solid  #999999;
	line-height:21px;
	display:block;
	font-weight:400;
	font-size:1.3em;


}

#news-feed ul li a:hover{

	text-decoration:underline;

}



#middle{

	width:440px;
	
	float:left;
	
	margin-top:5px;
	
	text-align:left;
	
	padding:5px 5px 5px 5px;
	
	margin-left:20px;
	
	font-size:14px;


}

#middle-forum{

	width:500px;
	
	float:left;
	
	margin-top:5px;
	
	text-align:left;
	
	padding:5px 5px 5px 5px;
	
	margin-left:50px;
	
	font-size:14px;


}

#middle-forum2{

	width:400px;
	
	float:left;
	
	margin-top:0px;
	
	text-align:left;
	
	padding:0px 5px 5px 5px;
	
	margin-left:50px;
	
	font-size:14px;


}


#footer{

	width:943px;
	
	float:left;
	
	background-color:#666666;
	
	margin-left:8px;
	
	margin-bottom:10px;
	
}


#left-nav ul li{

	list-style-type:none;
	
	color:#333333;
	
	text-decoration:none;
	
	line-height:29px;
	
	float:left;
	
	font-size:1.2em;
	
	width:254px;
	
	border-bottom:1px solid #99ccff;
}


#left-nav ul li a{

	color:#333333;
	
	text-decoration:none;
	
	line-height:29px;
	
	float:left;
	
	width:244px;
	
	font-weight:600;
	
	padding-top:2px;
	
	padding-bottom:2px;
	
	padding-left:10px;
	
	
}

#left-nav li a:hover{
	background-color:#5489BF;
	
	color:#FFFFFF;
	
	float:left;
	
	width:245px;
	
}

#left-nav-active{

	background-color:#CCCCCC;
	
	display:block;
	
	color:#FFFFFF;
	
	float:left;
	
	

}

#header-item{
	background-color:#2e69a4; 
	
	height:36px;
	
	width:254px;
	
	margin-bottom:2px;
}


.header{
	color:#FFFFFF;
	
	margin-top:0px; 
	
	padding-top:10px; 
	
	font-size:16px; 
	
	padding-left:15px; 
	
	font-weight:bold;
}

#footer a:link {color:#FFFFFF; text-decoration: none; font-weight:normal;}
#footer a:visited {color: #FFFFFF;	text-decoration: none; font-weight:normal;}
#footer a:hover {color: #FFFFFF;text-decoration: none; font-weight: normal;}
#footer a:active {color: #FFFFFF; text-decoration: none; font-weight: normal;}


/* Pages for forums and comments page*/


#forum-top{

	width:943px;

	float:left;

	margin-left:8px;
	
	margin-top:5px;
	
	height:25px;
}

#header-item2{

	background-color:#FF0000;
	
	height:36px;
	
	width:254px;
	
	margin-bottom:2px;
}

.header2{

	color:#FFFFFF;
	
	margin-top:0px; 
	
	padding-top:10px; 
	
	font-size:16px; 
	
	padding-left:15px; 
	
	font-weight:bold;
}

.table{

	background-color:#CCCCCC;
	
	color:#FFFFFF;
}

.td{

	font-size:12px;
}

.td2{

	font-size:12px;
	
	background-color:#CCCCCC;
	
	padding-top:10px;
}

.topic{

	width:150px;
	
	margin-right:20px;
}

.posted{

	width:100px;
	
	margin-right:20px;
	
}

.class2 a:link {color:#0066CC; text-decoration:underline; font-weight: normal; margin-right:3px;}
.class2 a:visited {color: #0066CC;	text-decoration:none;  font-weight: normal;margin-right:3px;}
.class2 a:hover {color: #0066CC;text-decoration:none;  font-weight: normal;margin-right:3px;}
.class2 a:active {color: #0066CC; text-decoration:none;  font-weight: normal;margin-right:3px;}


.comment-heading{

	width:500px;
	
	padding:3px 3px 1px 10px;
	
	color:#FFFFFF;
	
	font-weight:normal;
	
	background-color:#2e69a4;
	
	margin-top:10px;
	
	margin-bottom:20px;

}

.comment-box{

	margin-top:20px;
	
	width:500px;
	
	padding: 5px 5px 5px 5px;
	
	border:1px solid #2e69a4;
	
	margin-bottom:5px;
}


/*Blog*/

.comment-heading2{

	width:400px;
	
	padding:11px 3px 1px 10px;
	
	color:#FFFFFF;
	
	font-weight:normal;
	
	background-color:#2e69a4;
	
	margin-top:10px;
	
	margin-bottom:0px;

}

.comment-box2{

	margin-top:0px;
	
	width:400px;
	
	padding: 10px 5px 5px 5px;
	
	border-bottom:1px solid #2e69a4;
	
	margin-bottom:5px;
}

#blog-right{
	width:200px;
	
	float:right;
	
	padding:0px 5px 5px 5px;
	
	margin-top:10px;
	
	margin-right:10px;
	
	text-align:left;
}

/*New table for forum page*/

.col-main{

	padding-top: 5px;
	
	padding-right: 5px;
	
	padding-bottom: 5px;
	
	padding-left: 5px;
	
	width: 130px;
	
	background-color:#ffffff;

}

.col-main2{
	padding-top: 10px;
	
	padding-right: 20px;
	
	padding-bottom: 10px;
	
	padding-left: 5px;
	
	width: 130px;
	
	background-color:#cccccc;

}

.col-button2{

	width: 80px;
	
	text-align: center;
	
	background-color:#CCCCCC;
	
	padding-bottom:10px;
}

.col-button{

	width: 80px;
	
	text-align: center;
	
	background-color:#ffffff;
	
	padding-top:10px;
}

.col-main3{

	width:380px;

}

/* Finish of all forums styles*/