@import url(navi.css);
@import url(forms.css);
@import url(tables.css);
@import url(featured_slide.css);


body{
	margin:0;
	padding:0;
	font-size:13px;
	font-family:Arial;
	color:#333333;
	background-color:#FFFFFF;
	}

img{display:inline; margin:0; padding:0; border:none;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear:both;}
br.clear{clear:both; margin-top:-15px;}

a{
	color:#000000;
	background-color:#FFFFFF;
	outline:none;
	text-decoration:none;
	}

.fl_left{float:left;}
.fl_right{float:right;}

.imgl, .imgr{border:1px solid #999999; padding:0px;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}

.logo {position:relative; top:145px; left:350px;}
/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
	display:block;
	width:100%;
	margin:0;
	text-align:left;
	}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:0;
	padding:0;
	font-size:28px;
	font-weight:100;
	line-height:normal;
	font-family: 'Lato', serif;}

.col1{color:#CCCCCC; background-color:#ffffff; height:75px;}

.col2, .col2 a{color:#FFFFFF; background-color:#68337c;}
.col2 {position:relative; top:-71px;
-moz-box-shadow: 3px 0px 4px 4px #999;     
-webkit-box-shadow: 3px 0px 4px 4px #999;  
box-shadow: 3px 3px 4px #999;  
/* For IE 8 */   
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#7777777')"; 
/* For IE 5.5 - 7 */ 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#7777777');}

.col3{color:#777777; background-color:#FFFFFF;}
.col3 a{color:#3e1e4a; background-color:#FFFFFF;}
.col4{display:inline; color:#FFFFFF; background-color:#eee; border-top:1px dotted #CCCCCC;}
.col4 a{color:#3e1e4a;background-color:#eee;}
.col5, .col5 a{color:#333333; background-color:#eee;}
.col6, .col6 a{color:#333333; background-color:#333; position: relative; top:2px; height:42px; z-index:-1}
.col7, .col7 a{color:#333333; background-color:#eee; position:absolute; top:0px; margin: 15px; width:100%; height: 175px;}
.col7{color:#532963; background-color:#3E1F4A; position: relative; height: 60px; z-index:0;}
.col8{color:#68337c; background-color:#3E1F4A; font-size:52px; font-family:'Lato'; font-weight:100; padding-bottom: 0px; position: relative; top:0px; z-index:-2;}


.col9{position: absolute; top: -95px; left: -125px; width:100px; z-index:999;}
.col10{position: absolute; top: -110px; right: 0px; width:450px; z-index:999; font-family: 'Lato'; font-size: 20px; color: #ffffff;}


/* ----------------------------------------------Generalise-------------------------------------*/

#header, #topbar, #homepage, #breadcrumb, #container, #footer, #copyright{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:960px;
	}

/* ----------------------------------------------Header-------------------------------------*/


#header{
	padding:20px 0;
	z-index:9;
	}

#header #logo{
	display:block;
	float: left;
        width:300px;	
}

#header #logo h1, #header #logo p{
	margin:0;
	padding:0;
	line-height:normal;	}

#header #logo h1{
	font-family: 'Lato';
	font-size:30px;
	text-transform:uppercase;
	}

#header h1 a{
	color:#B2C629;
	background-color:#000000;
	}

/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb{
	padding:20px 0;
	}

#breadcrumb ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#breadcrumb ul li{display:inline;}
#breadcrumb ul li.current a{text-decoration:underline;}

/* ----------------------------------------------Content-------------------------------------*/

#container{ top:-65px;
	padding:0px;
	}

#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	border-bottom:1px solid #E7E6E6;
	}

/* ----------------------------------------------Homepage Block-------------------------------------*/

.homepage{
	display:block;
	width:100%;
	margin:15px 0 0 0;
	padding:0;
		}
/* ----------------------------------------------Content Block-------------------------------------*/

#content{
	display:block;
	float:left;
	width:600px;
	}

/* ------Comments-----*/

#comments{margin-bottom:40px;}

#comments .commentlist {margin:0; padding:0;}

#comments .commentlist ul{margin:0; padding:0; list-style:none;}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}

#comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments .commentlist li.comment_odd a{color:#95AD19; background-color:#F7F7F7;}

#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#95AD19; background-color:#E8E8E8;}

#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}

#comments .commentlist p{margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}

#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

/* ----------------------------------------------Column-------------------------------------*/

#column .holder{
	display:block;
	width:300px;
	margin-bottom:20px;
	}

#column .holder p{
	line-height:1.6em;
	}

#column .holder h2.title{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 0 0;
	font-size:20px;
	line-height:normal;
	}

#column .holder p.readmore{
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}

#column div.imgholder{
	display:block;
	width:290px;
	margin:0 0 10px 0;
	padding:4px;
	color:#666666;
	background-color:#000;
	border:1px solid #CCCCCC;
	}

/* ----------------------------------------------Footer-------------------------------------*/

#footer{padding:20px 0;}

#footer h2{
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	font-size:26px;
	color:#333;
	background-color:#eee;
		}

#footer .box{display:inline; float:left; width:270px;
	margin:0 0 0 15px;
	padding:0 0 0 25px;
	}

#footer .box1{display:inline; float:left; line-height:1.6em; width:365px;}

#footer .box1 .imgl{border:1px solid #999; padding:5px; color:#fff; background-color:#fff;}

#footer .twitter {margin-left:-50px;}

#footer .contactdetails {display:inline; margin:0 0 0px 0; color:#333;}


/* ----------------------------------------------Copyright-------------------------------------*/

#copyright{
	padding-top:25px; color: #666; background-color:#eee;
	}

#copyright p{
	margin:0;
	padding:0;
	}