/* Body properties */
body { 

background-color: #000000;
background-attachment: fixed;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
	color: #000099;
}

h1 {
font-size: 1.8em;
text-align:center;
}

h2 {
	font-size: 1.5em;
text-align:center;
}

h3 {
	margin: 0;
	font-size: 1.3em;
text-align:center;
}

h4 {
	margin: 0;
	font-size: 1.3em;
	text-align:center;
}

p, ul, ol, blockquote {
	margin-top: 0;
	margin-bottom: 10px;
}

a:link {
	color: #000099;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}



#website-header-graphic
{
width: 980px;
height: 175px;
margin: 0 auto;
background: url(header/bg2.jpg);
background-color: #eeeeee;
}

/* Menu */

#menu {
width: 980px;
height: 43px;
margin: 0 auto;
background: url(images/links.jpg);
font-size: 13px;
font-weight: bold;
font-family: Arial;
}

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

#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
height: 32px;
padding: 12px 11px 0px 11px;
text-decoration: none;
color: #FFFFFF;
}

#menu a:hover, #menu .active a {
background: url(images/rollover.jpg);
color: #FFFF00;
}

/*--- navigation row end ---*/

#sliderholder {
width: 980px;
height: 333px;
margin: 0 auto;
background-color: #000000;
}

/*--- kwicks gallery begin ---*/
.slider {
	background:#fff;
	width:980px;
	height:325px;
	
	top:172px;
	left:0;
	border-bottom:3px solid #000099;
}
	.slider .inside {
		padding:11px 0 0 8px;
	}
	
.left
{
text-align:left;
}

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	overflow:hidden;
	width:936px;
	height:337px;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 160px;
	height: 300px;
	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
	cursor:pointer;
}
.kwicks li.active {
	
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 0; /*Set to same as spacing option. */
	float: left;
}
	
	
	.kwicks li h4.title {
		font-size:13px;
		text-align:center;
		color:#fff;
		position:absolute;
		width:100%;
		left:0;
		bottom:5px;
		text-transform:uppercase;
		font-weight:normal;
		padding:0;
	}
    .kwicks li h5.title {
		font-size:13px;
		text-align:center;
		color:#fff;
		position:absolute;
		width:100%;
		left:0;
		bottom:5px;
		text-transform:uppercase;
		font-weight:normal;
		padding:0;
	}
	.kwicks li span {
		display:block;
		width:100%;
		height:300px;
		background:  url(images/sliders-tail.png) 0 0 repeat-x;
		position:absolute;
		left:0;
		top:0;
	}
	.kwicks li .description {
		width:100%;
		height:70px;
		position:absolute;
		bottom:-70px;
		left:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		text-transform:uppercase;
		color:#fff;
		background:  url(images/desc-bg.png) 0 0;
	}
		.kwicks li .description .inner {
			padding:10px 20px 0 30px;
			line-height:15px;
		}
		.kwicks li .description h4 {
			font-size:18px;
			color:#fff;
			font-weight:normal;
			text-transform:none;
			margin-bottom:5px;
		}

.kwicks a
{
color:#EEEEEE;
}

.kwicks a:hover
{
color:#FFFF00;
}

.captioncentre
{
text-align:center;
}
/*--- kwicks gallery end ---*/


/* Content */

#content {
	width: 980px;
	margin: 0 auto;
	background: url(images/img5.gif);
}

#firstcolumn {
	float: left;
	width: 200px;
	padding-left: 10px;
	padding-top: 10px;
	
}

#secondcolumn {
	float: left;
	width: 525px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	font-family:Arial, Helvetica, sans-serif;
}

#secondcolumn p
{
font-family:arial;
font-size:14px;
padding-top: 5px;
padding-bottom: 10px;
}



#secondcolumn h1
{
font-size:20px;
color:#000099;
margin: 0px 0px 10px 0px;
}

#secondcolumn h2
{
font-size:18px;
color:#000099;
margin: 0px 0px 10px 0px;
}

#secondcolumn h3
{
font-size: 16px;
color:#000099;
}

#secondcolumn h4
{
font-size:14px;
color:#000099;
}

.secondcolumnheader
{
padding-top: 9px;
padding-bottom: 9px;
}


#secondcolumn li
{
list-style:disc;
margin-left: 35px;
font-size:14px;
font-family:Arial;
line-height:normal;
}

#secondcolumn a
{
color:#000066;
}

.secondcolumnborder
{
border-style:solid;
border-color:#333333;
margin-left: auto;
margin-right: auto;
background-color:#E8E8E8; 
}

.secondcolumncenter
{
text-align:center;
}


#thirdcolumn {
	float: left;
	width: 205px;
	padding-left: 10px;
	padding-top: 10px;
	
}

/* Footer blocks holder begin */

#webpage-footer
{
width: 980px;
margin: 0 auto;
background-color: #00004A;
font-color: #ffffff;
}

/* Footer blocks holder end */

/* Copyright block begin */

#copyright-and-site-map-info
{
width: 245px;
height: 275px;
float: left;
background-color: #00004A;
/*padding-left: 2px;
padding-right: 2px;*/
font-size:14px;

}

#copyright-and-site-map-info h4
{
color:#FFCC00;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
padding-top:5px;
padding-bottom:5px;
}

#copyright-and-site-map-info p
{
color:#FFFFFF;
margin-left:5px;
}

#copyright-and-site-map-info a
{
color:#FFFFFF;
}

#copyright-and-site-map-info a:hover
{
color:#66FFFF;
}

#copyright-and-site-map-info li
{
color: #FF0099;
margin-left:5px;
}

/* Copyright block end */

#linkblock1
{
width: 245px;
height: 275px;
float: left;
background-color: #00004A;
/*padding-left: 2px;
padding-right: 2px;*/
font-size:14px;

}

#linkblock1 h4
{
color:#FFCC00;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
padding-top:5px;
padding-bottom:5px;
}

#linkblock1 p
{
color:#FFFFFF;
}

#linkblock1 a
{
color:#FFFFFF;
}

#linkblock1 a:hover
{
color:#66FFFF;
}

#linkblock1 li
{
margin-left:5px;
color: #FF0099;
}

#linkblock2
{
width: 245px;
height: 275px;
float: left;
background-color: #00004A;
/*padding-left: 2px;
padding-right: 2px;*/
font-size:14px;
}

#linkblock2 h4
{
color:#FFCC00;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
padding-top:5px;
padding-bottom:5px;
}

#linkblock2 p
{
color:#FFFFFF;
}

#linkblock2 a
{
color:#FFFFFF;
}

#linkblock2 a:hover
{
color:#66FFFF;
}

#linkblock2 li
{
margin-left:5px;
color: #5D2684;
}

#legalblock
{
width: 245px;
height:275px;
float: left;
background-color: #00004A;
/*padding-left: 2px;
padding-right: 2px;*/
font-size:14px;
}

#legalblock h4
{
color:#FFCC00;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
padding-top:5px;
padding-bottom:5px;
}

#legalblock p
{
color:#FFFFFF;
}

#legalblock a
{
color:#FFFFFF;
}

#legalblock a:hover
{
color:#66FFFF;
}

#legalblock li
{
margin-left:5px;
color: #FFFFFF;
}