@import url(navi.css);
@import url(forms.css);
@import url(tables.css);

body {
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFFFFF;
	background-color:#1A1617;
}

img {
	border:0;
	display:block;
	padding:0;
	margin:0;
}

.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 {
	outline:none;
	text-decoration:none;
}

.fl_left { float:left; }

.fl_right { float:right; }

.imgl, .imgr {
	border:1px solid #DFDFDF;
	padding:5px;
	color:#666666;
	background-color:#FFFFFF;
}

.imgl {
	float:left;
	margin:0 8px 8px 0;
	clear:left;
}

.imgr {
	float:right;
	margin:0 0 8px 8px;
	clear:right;
}

/* ----------------------------------------------Wrapper-------------------------------------*/
div.wrapper {
	position:relative;
	float:left;
	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 0 20px 0;
	padding:0 0 8px 0;
	font-size:20px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px dotted #DDDDDD;
}

.col1 {
	color:#666666;
	background-color:#EDEDED;
}

.col2 {
	color:#FFFFFF;
	background-color:#1A1617;
}

.col3, .col4, .col5 {
	color:#666666;
	background-color:#FFFFFF;
}

.col6 {
	color:#999999;
	background-color:#EDEDED;
}

.col6 a {
	color:#003893;
	background-color:#EDEDED;
}

.col7, .col7 a {
	color:#FFFFFF;
	background-color:#1A1617;
}

/* ----------------------------------------------Generalise-------------------------------------*/
#header, #topbar, #intro, #services, #breadcrumb, #container, #footer, #copyright {
	position:relative;
	margin:0 auto 0;
	display:block;
	width:960px;
}

/* ----------------------------------------------Header-------------------------------------*/
#header {
	padding:30px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#header #logo {
	display:block;
	float:left;
	width:600px;
	margin-top:7px;
	text-align: center;
}

#header #logo h1, #header #logo p {
	margin:0;
	padding:0;
	line-height:normal;
}

#header #logo h1 {
	margin:0 0 10px 0;
	padding:0;
	font-size:48px;
	border:none;
}

#header #logo h2 {
	margin:0 0 10px 0;
	padding:0;
	font-size:18px;
	border:none;
}

#header h1 a {
	color:#28213B;
}

#header #newsletter {
	float:right;
	padding:5px 5px 6px 5px;
	color:#000000;
	background-color:#D4CFE3;
}

#header #newsletter p {
	margin:0 0 4px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* ----------------------------------------------Topbar-------------------------------------*/
#topbar #search {
	display:block;
	float:right;
	width:243px;
	margin:10px 0 0 0;
	padding:0;
}

/* ----------------------------------------------Homepage Intro-------------------------------------*/
#intro {
	padding:30px 0 5px 0;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#intro ul {
	list-style-image: none;
	list-style-type: none;
}

#intro .fl_left {
	display:block;
	float:left;
	width:515px;
	height:240px;
	margin:0 5px 0 0;
	padding:30px;
	color:#000000;
	background-color:#949494;
}

#intro .fl_left h2 {
	font-size:46px;
	margin:0 0 15px 0;
	padding:0;
	border:none;
	color:#000000;
	border-bottom:1px dotted #000000;
}

#intro .fl_left p {
	margin:0;
	padding:0;
	line-height:1.6em;
}

#intro .fl_left p.readmore {
	display:block;
	width:100%;
	margin:20px 0 0 0;
	padding:0;
	text-align:right;
	line-height:normal;
}

#intro .fl_left p.readmore a {
	padding:8px 15px;
	font-size:18px;
	color:#FFFFFF;
	background-color:#1C5E82;
}

#intro .fl_right { 
	float:right;
}

/* ----------------------------------------------Services-------------------------------------*/
#services ul, #services p, #services h2, #services img {
	margin:0;
	padding:0;
	list-style:none;
}

#services li {
	display:block;
	float:left;
	width:294px;
	height:180px;
	margin:0 9px 0 0;
	padding:10px;
	color:#666666;
	background-color:#EFEFEF;
}

#services li:hover, #services li:hover h2 {
	color:#666666;
	background-color:#E5E5E5;
}

#services li.last { margin-right:0; }

#services .fl_right {
	display:block;
	float:right;
	width:185px;
	padding:10px 0 0 0;
}

#services h2 {
	margin:0 0 5px 0;
	padding:0 0 3px 0;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	background-color:#EFEFEF;
	border-bottom-color:#666666;
}

#services p {
	margin:0;
	padding:0;
	line-height:1.6em;
}

#services p.readmore {
	display:block;
	width:100%;
	margin:15px 0 0 0;
	padding:0;
	text-align:right;
	line-height:normal;
}

#services p.readmore a {
	padding:8px 15px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#666666;
}

/* ----------------------------------------------BreadCrumb-------------------------------------*/
#breadcrumb {
	padding:15px 0;
	border-bottom:1px solid #EEEEEE;
}

#breadcrumb a {
	color:#003893;
	background-color:#FFFFFF;
}

#breadcrumb ul {
	margin:0;
	padding:0;
	list-style:none;
}

#breadcrumb ul li { display:inline; }

#breadcrumb ul li.current a { text-decoration:underline; }

/* ----------------------------------------------Content-------------------------------------*/
#container {
	padding:30px 0;
	line-height:1.4em;
}

#container a {
	color:#003893;
	background-color:#FFFFFF;
}

#container h1, #container h2, #container h3, #container h4, #container h5, #container h6 {
	padding-bottom:8px;
	border-bottom:1px dotted #CCCCCC;
}

#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:#FFFFFF;
}

#comments .commentlist li.comment_odd a {
	color:#3E7060;
	background-color:#FFFFFF;
}

#comments .commentlist li.comment_even {
	color:#666666;
	background-color:#E8E8E8;
}

#comments .commentlist li.comment_even a {
	color:#3E7060;
	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 {
	display:block;
	float:right;
	width:300px;
}

.flickrbox ul {
	margin:0;
	padding:0;
	list-style:none;
}

.flickrbox li {
	display:block;
	float:left;
	width:80px;
	height:80px;
	margin:0 15px 15px 0;
	padding:4px;
	color:#666666;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}

.flickrbox li.last { margin-right:0; }

#column .holder, #column #featured {
	display:block;
	width:300px;
	margin-bottom:20px;
}

#column .holder h2.title {
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 0 0;
	font-size:20px;
	line-height:normal;
	border-bottom:1px dashed #666666;
}

#column .holder h2.title img {
	float:left;
	margin:-15px 8px 0 0;
	padding:5px;
	border:1px solid #666666;
}

#column div.imgholder {
	display:block;
	width:290px;
	margin:0 0 10px 0;
	padding:4px;
	color:#666666;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}

#column .holder p.readmore {
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
}

/* Featured Block */
#column #featured a {
	color:#666666;
	background-color:#F9F9F9;
}

#column #featured ul, #column #featured h2, #column #featured p {
	margin:0;
	padding:0;
	list-style:none;
}

#column #featured a {
	color:#2684B7;
	background-color:#F9F9F9;
}

#column #featured li {
	display:block;
	width:250px;
	margin:0;
	padding:20px 25px;
	color:#666666;
	background-color:#F9F9F9;
}

#column #featured li p.imgholder {
	display:block;
	width:240px;
	height:90px;
	margin:20px 0 15px 0;
	padding:4px;
	border:1px solid #CCCCCC;
}

#column #featured li h2 {
	margin:0;
	padding:0 0 14px 0;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:normal;
	border-bottom:1px dashed #666666;
}

#column #featured p.readmore {
	display:block;
	width:100%;
	margin-top:15px;
	font-weight:bold;
	text-align:right;
	line-height:normal;
}

#column #latestnews {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}

#column #latestnews li {
	display:block;
	margin:0 0 20px 0;
	padding:0 0 15px 0;
	border-bottom:1px dotted #DDDDDD;
}

#column #latestnews li.last { margin-bottom:0; }

#column #latestnews p {
	margin:0;
	padding:0;
	line-height:normal;
}

#column #latestnews .imgl {
	margin:0 10px 10px 0;
	padding:4px;
}

/* ----------------------------------------------Footer-------------------------------------*/
#footer { 
	padding:30px 0;
	color:#333333;
}

#footer h2 {
	margin-bottom:10px;
	color:#333333;
	border-bottom:1px dotted #333333;
}

#footer p, #footer ul, #footer a {
	margin: 0;
	padding: 0;
	font-weight:normal;
	line-height:normal;
	list-style-image: url(../images/black_file.gif);
	list-style-type: none;
	list-style-position: inside;
}

#footer .footbox {
	display:block;
	float:left;
	width:300px;
	padding:0;
	margin:0 30px 0 0;
}

#footer li {
	margin-bottom:5px;
	line-height:1.6em;
}

#footer .footbox p.readmore {
	font-weight:bold;
	display:block;
	width:100%;
	text-align:right;
}

#footer .last { margin:0; }

#login {
	display:block;
	float:right;
	width:300px;
}

/* ----------------------------------------------Copyright-------------------------------------*/
#copyright { padding:20px 0; }

#copyright p {
	margin:0;
	padding:0;
	font-size: 10px;
}
