html {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   height:100%
}
body {
   background-color: #C33333;
   height:100%;
   font-family:verdana, Arial, Helvetica, sans-serif;
   color: #666666;
   font-size:11px;
   line-height: 20px;
   text-align: center;
}

ol, ul {list-style: none;}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
/* end reset styles */
/* clearing technique *
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/


a img,img{border:none;display:block;}
a{color:#666666;}
a:hover {
   color: #176190;
}

a:active {
   color: #176190;
}
h1,h2,h3,h4,h5,h6{font-weight:bold;
}
h1{font-size:195%}/* 26px */
h2{font-size:150%}/* 24px */
h3{font-size:130%}/* 22px */
h4{font-size:120%}/* 20px */
h5{font-size:110%}/* 18px */
h6{font-size:105%}/* 16px */

.cl_Wrapper {
   background-color: #FFFFFF;
   width: 800px;
   margin-left:auto;
   margin-right:auto;
}

#header{
width:800px;
height:130px;
background:#FFFFFF;
position:relative;
background-repeat:no-repeat;
background-image: url(images/header.png);
}

#header_1{
width:800px;
height:130px;
background:#FFFFFF;
position:relative;
background-repeat:no-repeat;
}

#header_left{
width:200px;
height:130px;
background:#FFFFFF;
background-repeat:no-repeat;
background-image: url(images/logo_header.jpg);
float:left;
clear:right;
}

#header_right{
background:#FFFFFF;
background-repeat:no-repeat;
clear:right;
width:525px;
height:130px;
float: right;
color:#FFFFFF;
font-weight: bolder;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
line-height:40px;
text-align:justify;
}

#navbar{
width:800px;
}


#footer{
	width:800px;
	height:100px;
	background:#FFFFFF url(../wagtailuk.com/images/footer.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#bottom{
width:800px;
height:25px;
background:#FFFFFF
}

#col1{
width:400px;
display:inline;/* cure IE6 double margin bug*/
float:left;
}

#colvideo{
width:425px;
display:inline;/* cure IE6 double margin bug*/
float:left;
}

#colvideo_right{
width:354px !important; /*moz width*/
width:374px; /*IE width*/
display:inline;/* cure IE6 double margin bug*/
float:right;
border-left: 1px solid #C0C0C0;
padding:10px;
clear:right;
text-align:left;
}
#col2_header{
background:#C33333;
color:#FFFFFF;
font-weight: bolder;
font-size: 30px;
font-family: Arial, Helvetica, sans-serif;
line-height:40px;
text-align:justify;
width:379px !important; /*moz width*/
width:399px; /*IE width*/
float:right;
height:80px !important; /*moz width*/
height:100px; /*IE width*/
border-left: 1px solid #C0C0C0;
clear:right;
padding:10px;
font-style:italic;
}

#col2_bottom{
background:#FFFFFF;
width:379px !important; /*moz width*/
width:399px; /*IE width*/
height:280px !important; /*moz width*/
height:300px; /*IE width*/
float:right;
border-left: 1px solid #C0C0C0;
clear:right;
padding:10px;
text-align:left;
}

#col3{
width:379px !important; /*moz width*/
width:399px; /*IE width*/
float:right;
border-left: 1px solid #C0C0C0;
clear:right;
padding:10px;
text-align:left;
}

#col4{
width:379px !important; /*moz width*/
width:400px; /*IE width*/
display:inline;/* cure IE6 double margin bug*/
padding:10px;
float:left;
}

#myBox_1 {
        margin: 0.1in auto;
width:210px !important; /*moz width*/
width:250px; /*IE width*/
height:75px !important; /*moz width*/
height:115px; /*IE width*/	
	padding: 20px;
    text-align: center;
    background-color: #176190;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
color:#FFFFFF;
font-weight: bold;
font-size: 1.8em;
font-family: Arial, Helvetica, sans-serif;
line-height:40px;
margin-left:2%;
float:left;
}

#mybox_1 A:link {text-decoration: none; color:#FFFFFF;}
#mybox_1 A:visited {text-decoration: none;color:#FFFFFF;}
#mybox_1 A:active {text-decoration: none;color:#FFFFFF;}
#mybox_1 A:hover {text-decoration:none;color:#FFFFFF;}

#myBox_2 {
        margin: 0.1in auto;
width:210px !important; /*moz width*/
width:250px; /*IE width*/
height:75px !important; /*moz width*/
height:115px; /*IE width*/
	padding: 20px;
    text-align: center;
    background-color: #176190;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
color:#FFFFFF;
font-weight: bold;
font-size: 1.8em;
font-family: Arial, Helvetica, sans-serif;
line-height:40px;
margin-left:2%;
float:left;
}

#mybox_2 A:link {text-decoration: none; color:#FFFFFF;}
#mybox_2 A:visited {text-decoration: none;color:#FFFFFF;}
#mybox_2 A:active {text-decoration: none;color:#FFFFFF;}
#mybox_2 A:hover {text-decoration:none;color:#FFFFFF;}

#myBox_3 {
        margin: 0.1in auto;
width:210px !important; /*moz width*/
width:250px; /*IE width*/
height:75px !important; /*moz width*/
height:115px; /*IE width*/
	padding: 20px;
    text-align: center;
    background-color: #176190;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
color:#FFFFFF;
font-weight: bold;
font-size: 1.8em;
font-family: Arial, Helvetica, sans-serif;
line-height:40px;
margin-left:2%;
float:left;
}

#mybox_3 A:link {text-decoration: none; color:#FFFFFF;}
#mybox_3 A:visited {text-decoration: none;color:#FFFFFF;}
#mybox_3 A:active {text-decoration: none;color:#FFFFFF;}
#mybox_3 A:hover {text-decoration:none;color:#FFFFFF;}

#news_header {
background:#FFFFFF;
width:790px;
clear:both;
margin-left:10px;
text-align:left;
}

#news_headlines_1 {
background:#FFFFFF;
width:140px !important; /*moz width*/
width:150px; /*IE width*/
padding-left:10px;
padding-right:10px;
border-left: 1px solid #C0C0C0;
height:250px;
float:left;
}

#news_headlines_2 {
background:#FFFFFF;
width:140px !important; /*moz width*/
width:150px; /*IE width*/
padding-left:10px;
padding-right:10px;
border-left: 1px solid #C0C0C0;
height:250px;
margin-left:2%;
float:left;
}

#news_headlines_3{
background:#FFFFFF;
width:140px !important; /*moz width*/
width:150px; /*IE width*/
padding-left:10px;
padding-right:10px;
border-left: 1px solid #C0C0C0;
height:250px;
margin-left:2%;
float:left;
clear:right;
}

#news_page_header{
}

#news_page_content{
height:375px;
background:#FFFFFF;
text-align:left;
float:right;
border-left: 1px solid #C0C0C0;
clear:right;
width:379px !important; /*moz width*/
width:400px; /*IE width*/
padding-left:10px;
padding-right:10px;
}

#news_page_footer{
width:359px !important; /*moz width*/
width:400px; /*IE width*/
padding-left:10px;
padding-right:30px;
height:25px;
background:#FFFFFF;
float:right;
text-align:right;
}


.cl_Content_Bottom {
   clear:both;
   }
      
.cl_Accreditation_Logo {
   width:800px;
height:100px;
position:relative;
background-repeat:no-repeat;
background-image: url(images/Accreditations.jpg);
   clear:both;
}

.cl_Footer {
   background-color: #195276;
   padding-left:25px;
   padding-right:25px;
   width:750px !important; /*moz width*/
width:800px; /*IE width*/
   clear:both;
   height:50px;
}

.cl_Footer_Design {
   float:left;
   width:250px;
   margin-top:16px;
   text-align:left;
   color:#B8B6B6;
}

.cl_Footer_Menu {
   float:right;
   width:275px;
   margin-top:16px;
   color:#B8B6B6;
}

.c1_Footer_Menu A:link {text-decoration: none;color:#B8B6B6;}
.c1_Footer_Menu A:visited {text-decoration: none;color:#B8B6B6;}
.c1_Footer_Menu A:active {text-decoration: none;color:#B8B6B6;}
.c1_Footer_Menu A:hover {text-decoration:none;color:#B8B6B6;}

#wrapper {width:400px; height:400px; margin:40px auto; background:#fff; border-top:4px solid #eee; border-left:4px solid #eee; padding:20px}
#scroll {position:relative; width:400px; height:400px; overflow:auto}
#scrollcontent {position:absolute; width:375px; z-index:200}
#scrollbar {float:right; position:relative; display:none; width:15px; height:400px; z-index:100; background:url(images/scroll-bg.gif)}
.scroller {position:absolute; top:0; width:15px; cursor:pointer; background-color:#ccc; background-image:url(images/scroll-arrows.gif); background-position:50% 50%; background-repeat:no-repeat}
.buttonclick {background-color:#bbb}
#scroll2 {position:relative; width:400px; height:300px; overflow:auto}
#scrollcontent {
	position:absolute;
	width:375px;
	z-index:200;
	left: 2px;
	top: 2px;
	height: 526px;
}
#scrollbar2 {float:right; position:relative; display:none; width:15px; height:300px; z-index:100; background:url(images/scroll-bg.gif)}
.scroller {position:absolute; top:0; width:15px; cursor:pointer; background-color:#ccc; background-image:url(images/scroll-arrows.gif); background-position:50% 50%; background-repeat:no-repeat}
.buttonclick {background-color:#bbb}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(pro_dropdown_2/three_1.png); }
.preload2 {background: url(pro_dropdown_2/three_1a.png); }

#nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(pro_dropdown_2/three_0.png) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; text-align:left; float:left; height:35px; line-height:33px; color:#B8B6B6; text-decoration:none; font-size:12px; font-weight:bolder; padding:0 0 0 13px; cursor:pointer;background: url(pro_dropdown_2/three_0.png);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(pro_dropdown_2/three_0.png) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(pro_dropdown_2/three_0a.png) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(pro_dropdown_2/three_1.png) no-repeat;}
#nav li:hover a.top_link span {background:url(pro_dropdown_2/three_1.png) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(pro_dropdown_2/three_1a.png) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #176190; padding:3px; border:1px solid #176190; white-space:nowrap; width:120px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:120px; font-weight:bold;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:120px; line-height:18px; text-indent:5px; color:#ffffff; text-align:left; text-decoration:none;border:1px solid #176190;}
#nav li ul.sub li a.fly
{background:#176190 url(arrow.gif) 120px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#ffffff; color:#195276; border-color:#195276;}
#nav li:hover ul.sub li a.fly:hover
{background:#ffffff url(pro_dropdown_2/arrow_over.gif) 120px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #176190; padding:3px; border:1px solid #176190; white-space:nowrap; width:120px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#176190 url(pro_dropdown_2/arrow_over.gif) 110px 6px no-repeat; color:#fff; border-color:#176190;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#176190 url(pro_dropdown_2/arrow.gif) 110px 6px no-repeat; color:#195276; border-color:#176190;} 

.cl_Gallery_Wrapper {
   margin-left:10px;

}

.cl_Gallery_Thumb {
   width: 136px;
   height: 136px;
   padding: 3px;
   border: 1px #C0C0C0 solid;
   display:inline;
}

.cl_Gallery_Thumb_video{
   width: 182px;
   height: 72px;
   padding: 3px;
   border: 1px #C0C0C0 solid;
   display:inline;
}


.cl_Gallery_Holder {
   width:399px !important; /*moz width*/
width:400px; /*IE width*/
   float:left;
   display:block;
   padding-top:20px;
   border-left: 1px solid #C0C0C0;
}