/* 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;
	font-family:Arial, Helvetica, sans-serif;
}

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;

}

#header{

	width:958px;

	float:left;

	background-color:#FFFFFF;
	display: none;

}

/* 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;
	display: none;



}

#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;
	display: none;


}

#left-nav{

	width:244px;

	float:left;

	margin-left:8px;

	margin-top:5px;

	text-align:left;

	margin-bottom:40px;
	display: none;

}

#join-now{

	width:201px;

	float:right;

	margin-right:22px;

	margin-top:12px;
        display: none;


}

#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;

        display: none;

}


#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:100%;

	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;
        display: none;

}


#left-nav ul li{

	list-style-type:none;

	color:#333333;

	text-decoration:none;

	line-height:29px;

	float:left;

	font-size:1.2em;

	width:244px;
}


#left-nav ul li a{

	color:#333333;

	text-decoration:none;

	line-height:29px;

	float:left;

	width:244px;

	padding-left:10px;

	border-bottom:1px solid #99ccff;

	font-weight:600;

	padding-top:2px;

	padding-bottom:2px;

}

#left-nav li a:hover{
	background-color:#5489BF;

	color:#FFFFFF;

	float:left;
}

#left-nav-active{

	background-color:#CCCCCC;

	display:block;




	color:#FFFFFF;

}

#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;}
a:visited {color: #FFFFFF;	text-decoration: none; font-weight:normal;}
a:hover {color: #FFFFFF;text-decoration: none; font-weight: normal;}
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*/