@import "http://www.bevivid.co.uk/core_stylesheet.css";

img, form, h1, h2, h3, h4, h5, h6, p, body {border: 0; padding: 0; margin: 0}

/* set background to white and set the default font style. */
body {background: white url('../images/clouds_bg.jpg') repeat-x top left; font-family: Arial, Helvetica, sans-serif; font-size: small; color: #000; margin: 20px}

/*////////////////////		General		////////////////////*/

#main {width: 934px; margin: auto; clear: both; border: 1px solid; border-color: #999999; background-color: white;}

#header { width: 934px; clear:both}
#header_sub {width: 934px; background-color: #151c55; clear:both; border-bottom: 10px solid #fff }

#left { width:185px; float:left; border-left: 10px solid #fff; border-right: 10px solid #fff }
.leftbox1{ background: #fff url(images/leftbg1.png) no-repeat; border-bottom: 1px solid #252164 }
.leftbox2 { background:url(images/leftbg2.png) no-repeat; border-bottom:1px solid #252164 }

#box1_top { background:url(images/leftbottomblue1.png) bottom right no-repeat}

#centre { width:524px; float:left; background:url(images/mainbgrdtop.png) repeat-y; min-height:200px; border-bottom: 1px solid #252164 }
#centre_content { padding: 10px }
#centre_bot { width:524px; float:left; background:url(images/mainbgrdbot.png) no-repeat; min-height:145px }

#right { width:185px; float:left; border-left: 10px solid #fff;}
#box1 { background: #fff url('images/rightbg2.png') top left no-repeat; border-bottom: 1px solid #066935 }
#box2 { background: #fff url('images/rightbg4.png') top left no-repeat; border-bottom:1px solid #066935 }
#box3 { background: #fff url('images/rightbg3.png') top left no-repeat; border-bottom:1px solid #066935}

#box1_bot { background:url(images/rightbottomgreen3.png) bottom right no-repeat}
#box2_bot { background:url(images/rightbottomgreen4.png) bottom right no-repeat}

#footer {width: 924px; clear: both; background-color: #151c55; border-top:10px solid #fff; padding: 5px}
#subfooter { text-align:center; color:#666666 }

/*////////////////////		Text		////////////////////*/

h1 {font-weight: normal; font-size: medium; font-family: Arial, Helvetica, sans-serif; color: #849DAA}
h2 {font-weight: normal; font-size: medium; font-family: Arial, Helvetica, sans-serif; color: #fff; padding:15px 5px 0 5px}
h3 {font-weight: bold; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #000}
h4 {font-weight: bold; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #151c55; padding-left:5px;}
h5 {font-weight: normal; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #849DAA}
h6 {font-weight: normal; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #066935}

#leftbox1 h2 {font-weight: bold; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; color: #fff; padding:15px 0 50px 10px}
#leftbox2 h2 {font-weight: bold; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; color: #fff; padding:15px 10px 0 0}
#leftbox2 h4 {font-weight: bold; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; color: #151c55; padding:0 0 10px 10px;}

#centre h1 {font-weight: bold; font-size: large; font-family: Arial; color: #FFFFFF; margin: 34px 0 86px 0 }

#box1 h2 {font-weight: bold; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; color: #fff; padding:10px 6px 0 0 }
#box2 h2 {font-weight: bold; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; color: #fff; padding:15px 0 0 6px }
#box3 h2 {font-weight: bold; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; color: #fff; padding:15px 6px 0 0 }
#box3 h3 {font-weight: bold; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #000; padding: 12px 0 2px 6px}
#box1 h6 {font-weight: normal; font-size: x-small; font-family: Arial, Helvetica, sans-serif; color: #066935; margin: 0 0 0 5px}
#box3 h6 {font-weight: bold; font-size: x-small; font-family: Arial, Helvetica, sans-serif; color: #066935; margin: 0 0 0 6px}

p {font-size: small; font-family: Arial, Helvetica, sans-serif; color: #000}

#header_sub p { color:#FFFFFF; font-weight:bold; font-style:italic; padding: 3px 6px 3px 0; text-align:right }

#leftbox2 p {font:arial; font-size:8pt; padding:20px 25px 0 10px }

#box1 p { font-size:x-small; padding:5px 60px 5px 5px; color:#fff }
#box2 p {font-size:x-small; text-align:left}
#box3 p { font-size:x-small; padding: 10px 20px 5px 6px }
#footer p { font-size:8pt; color: #FFF }

#centre_content p { font: arial; font-size:8pt; margin: 0 0 12px 0; line-height: 18px  }
#centre_content li { font: arial; font-size:8pt; font-weight:bold; margin: 0 0 12px 0; line-height: 18px  }

/*////////////////////		Linkology		////////////////////*/


a:link, a:visited {text-decoration: none; color: #045D2B}
a:hover {text-decoration: underline}
a:active {text-decoration: none}

#box1 a:link, #box1 a:visited {text-decoration: none; color: #045D2B; font-size:x-small; padding: 0 0 0 5px }
#box1 a:hover {text-decoration: underline}
#box1 a:active {text-decoration: none}

#subfooter a:link, #subfooter a:visited {text-decoration: none; color: #666666; font: normal 8pt arial}
#subfooter a:hover {text-decoration: underline}
#subfooter a:active {text-decoration: none}

form { margin: 0; padding:0; border:0  }
input { font: arial; font-size:8pt; }
#leftbox2 input { padding-left:5px; margin-left:10px; background-color:#C2C2C2; color: #333333; font-size:8pt; width: 156px }
#leftbox2 .gobut { background-color:#045D2B; color: #ffffff; font-size:8pt; width: 60px; margin-left:10px; margin-top:4px; border: 0; padding: 2px }

#mini_gallery_box {
	visibility: hidden;
	margin: 10px 0 20px;
}
#mini_gallery_title {
	color: #242164;
	font-size: medium;
	font-weight: bold;
	margin: 0 0 5px 0;
	text-align: center;
}
#mini_gallery_subtitle {
	font-size: 10px;
	font-weight: normal;
	margin: 0 0 5px 0;
	text-align: center;
}
#mini_gallery_prev,
#mini_gallery_next {
	cursor: pointer;
	float: left;
	height: 22px;
	width: 10px;
}
#mini_gallery_prev {
	background: white url('images/slideshow_prev.gif') no-repeat top left;
	margin: 55px 1px 0 0;
}
#mini_gallery_next {
	background: white url('images/slideshow_next.gif') no-repeat top left;
	margin: 55px 0 0 1px;
}
#mini_gallery {
	float: left;
}
#mini_gallery DIV {
	background: white url('images/slideshow_bg.gif') no-repeat top left;
	height: 136px;
	width: 162px;
}
#mini_gallery DIV IMG {
	padding: 6px 6px;
	vertical-align: middle;
}

DIV.slide {
	display: none;
}