/* ALL styles */
* { margin:0px; padding:0px;}

/* HTML styles */
html { height:100%; overflow-y:scroll; }
body { background:#FFF; width:100%; font-family:Tahoma, Lucida Sans, Verdana, Arial, Sans-Serif; color:#333; font-size:medium; line-height: 1.3em;}
img { border:0px;}
input.LightGrey { color:#999;}
input.SubmitBtn { text-transform:capitalize; line-height:13px; padding: 0 .5em 0 .5em; width: auto; overflow: visible; }
h1, h2, h3 { font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif; }

/* ID styles */
#Top-Navigation-Bar { width:100%; height:22px; background:#EEEFEF url(../images/Background-Blue-Fade.gif) repeat-x left top; }
    /* #TOP-NAVIGATION-BAR sub divs & sytles */
    #Top-Navigation-Bar ul { margin:0 auto; width:470px; text-align:center; font-size:.6em; list-style-type:none;}
    #Top-Navigation-Bar li { float:left; background:Transparent url(../images/Background-Navigation-Li2.gif) no-repeat left top;}
    #Top-Navigation-Bar a { display:block; line-height:22px; margin-left:2px; padding:0 18px; color:#fff; text-decoration:none; text-transform:capitalize; }
    #Top-Navigation-Bar a:hover { background:#C3DCF1; }
    #Top-Navigation-Bar a.Pnav {display:block;line-height:22px; margin-left:2px; padding:0 18px; color:#1c3d69; text-decoration:none; text-transform:capitalize;  background:#c3dcf1; }
    
#Website-Area { position:relative; clear:left; width:960px; margin:0 auto; padding: 0 !important; background:#FFF; }
#Logo { text-align:center; padding:27px 0 20px 0; }
#Coloured-Site-Area { background:#F6F6F4; width:960px; margin: 0 !important; padding: 0 !important; }
#Content-Area {margin-left:20px; }
    /* #CONTENT-AREA sb divs & sytles */
    #Left-Column { float: left; width:136px; margin:0; padding: 0 !important; }    
        #Left-Column h1 { padding: 0 0 10px 0; color:#82A6C4; font-size:large; text-transform:capitalize; font-weight:300; text-align:right; font-family: Trebuchet MS, Arial, Sans-Serif; letter-spacing: -1px}
    #Secondary-Navigation { clear:left; float:left; width:100%; margin: 0; padding: 0; }
        /* #SECONDARY-NAVIGATION sub styles */
        #Secondary-Navigation ul { width: 136px; list-style-type:none; font-size:.6em; border-top:solid 1px #666; margin: 0; padding: 0; }
        #Secondary-Navigation ul li { border-bottom:solid 1px #666; text-align:right;}
        #Secondary-Navigation a { display:block; width:100%; line-height:23px; color:#666; text-decoration:none; text-transform:capitalize;}
        #Secondary-Navigation a:hover { color:#82A6C4;}
        #Secondary-Navigation a.Snav { color:#82A6C4; text-decoration:none; text-transform:capitalize;}
        #Secondary-Navigation ol { padding: 2px 0 0; margin: 0 0 3px 0; list-style-type:none; border-top: solid 1px #ddd; }
        #Secondary-Navigation ol li { text-align: right; border-bottom:0px; }
        #Secondary-Navigation ol li b { color:#82A6C4; font-size:.9em; margin-left: 5px; }
        #Secondary-Navigation ol li a { height: 16px; display: inline; }
        #Secondary-Navigation ol li a.Tnav { color:#82A6C4; }
        #Secondary-Navigation li#contactNav { border-bottom: none; padding: 3px 25px 0 0; background: transparent url(../images/Icon-Email.gif) no-repeat 100% 10px; }

    #Page-Content { float:left; clear: none; margin:28px 0 0 30px; padding: 0; width:460px; font-size:.7em; position: relative; }
        /* #PAGE-CONTENT sub styles */
        #Page-Content h2 { color:#000; text-transform:capitalize; font-size:2em; letter-spacing: -1px; font-weight:300; margin-bottom:2px;}
        #Page-Content h2.pad { margin-bottom:12px;}
        #Page-Content h3 { color:#82A6C4; font-size:1.5em; font-weight:300; margin:2px 0 10px;}
        #Page-Content h4 { color:#82A6C4; font-size:1em; font-weight:900; margin:10px 0 0 0;}
        #Page-Content h5 { color:#82A6C4; font-size:1em; }
        #Page-Content p { margin: 0 0 10px 0; line-height: 1.3em; }
        #Page-Content p a, a.gen { color: #517FA6; border-bottom: solid 1px #cbd9e5; text-decoration: none; line-height: 1.3em !important; }
        #Page-Content p a:hover, a.gen:hover { color: #333; }
        #Page-Content strong { font-size: inherit; color: #666; }
	#Page-Content ul { margin-left: 15px; }
	#Page-Content li { margin: 5px 0; line-height: 1.3em; }
        
    #Right-Column { float:left; width:310px; margin: 28px 0 0 0;  }
        #Right-Column h4 { margin: 50px 0 20px 50px; width: 230px; color:#82A6C4; font-size:1.2em; font-weight:300; font-family: "Trebuchet MS", Arial, serif;  }        
		.playVideo { margin-left: 50px; width: 263px; position: relative; height: 22px; display: block; background: url(../images/Video-Bar.gif) repeat-x 1px 0; }
		.playVideo div {background: #d2d2d0;}
		.videoPic{ float:left; clear:none; display:block; background: #d2d2d0;}
		.videoText{ background: #d2d2d0; font-size:0.7em; height:117px; width:109px; float:right; clear:none; display:block;}
		.videoText a { line-height:16px; color: #333; text-decoration: none; }
				.videoText a:hover { color: #82A6C4; }
				
			.playVideo span { width: 200px; line-height: 1.8em; position: relative; height: 22px; display: block; background: transparent url(../images/Video-Play.gif) no-repeat 0 0; text-indent: 35px; font-family: "Trebuchet MS", Tahoma, sans-serif; font-size: 0.8em; font-weight: 900; }
				.playVideo span a { width: 200px; display: block; color: #333; text-decoration: none;}
				.playVideo span a:hover { text-decoration: underline; }
			.playVideo p { padding: 5px 20px 0 35px; display: block; position: relative; float: left; font-size: 0.7em; line-height: 1.3em; }
				.playVideo p a { color: #333; text-decoration: none; }
				.playVideo p a:hover { border-bottom: solid 1px #d0e2f3; }
    
    #Blue-Bottom { background-color: #82a6c4; margin: 20px 0 0; padding: 0; width: 960px; float: left; clear: both; position: relative;  }
        #Blue-Bottom .Blue-Box-Wrap { float: left; }
        #Blue-Bottom .Blue-Box { margin: 18px 0 0 15px; background: #517FA6 url(../images/Blue-Box-Right.gif) no-repeat 100% 0; width: 221px; height: 91px; }
            #Blue-Bottom .Blue-Box img.i { padding: 3px; width: 113px; float: left; }
            #Blue-Bottom .Blue-Box img.a { padding: 3px; float:right; margin-top: 3px; }
            #Blue-Bottom .Blue-Box div { width: 90px; margin-left: 5px; float: left; }
            #Blue-Bottom .Blue-Box h5 { color: #fff; font-family: "Trebuchet MS", Arial, Sans-Serif, Tahoma, Verdana; margin: 8px 0 3px 0; }
            #Blue-Bottom .Blue-Box p { color: #fff; line-height: 1.1em; font-size: x-small; }
            #Blue-Bottom .Blue-Box-Title { width: 100%; background-color: #517FA6; padding: 0; }
            #Blue-Bottom .Blue-Box-Title strong { font-family: "Trebuchet MS", Arial, sans-serif; color: #fff; margin: 0 0 0 15px; font-weight: 900; font-size: 0.7em; }
        
#Curved-Top { clear: left; background:Transparent url(../images/Background-Top-Curved-Area.gif) no-repeat left top;}
#Curved-Bottom { clear: both; background:Transparent url(../images/Background-Bottom-Curved-Area.gif) no-repeat left bottom;}
#Curved-Bottom-Blue { clear: both; background:#82a6c4 url(../images/Background-Bottom-Curved2.gif) no-repeat left bottom;}

#Footer { clear:left; margin-top:20px; width:100%; background:#EEEFEF url(../images/Background-Blue-Fade.gif) repeat-x left top; font-size:.7em; color:#fff; }
    /* #FOOTER sub divs & styles */
    #Footer a { text-decoration:none; color:#fff;}
    #Footer-Info { position:relative; margin:0 auto; width:960px; height:22px;line-height:22px;}
    #Site-Credentials { float:left;}
    #Copyright { float:right;}
      
/* CLASS styles */
.Icon { padding-left:22px; }
.Email { background:transparent url(../images/Icon-Email.gif) no-repeat left 1px;}
.Video { background:transparent url(../images/Video-Play-Small.gif) no-repeat left 1px;}
.Bio { background:transparent url(../images/Icon-Biography.gif) no-repeat left 1px;}
.Biography {background:transparent url(../images/Icon-Biography.gif) no-repeat left 1px;}
a.button { display: block; color: #82A6C4; text-decoration: none; background-color: #fff; padding: 2px 6px; border: solid 1px #eee; margin: 8px 0; float: left; }
a.button:hover { border-color: #ccd8e2; color:#333; }
.message { width: 250px; background-color: #e75b5b; margin-left: 90px !important; border: solid 1px #961c1c; }
.message span { padding: 5px 10px; color: #000; display: block; line-height: 1.3em;}
.s { width:69px; height:24px; }
.c { clear: both; }
.fl { float: left; }
.fr { float: right; }

/* FORM styles */

form.login div, form.enquiry div { float: left; clear: both; margin: 0 0 5px 0; padding: 0;}
label { float: left; clear: left; width: 90px; text-align: right; cursor: pointer; }
label b { margin-right: 10px; }
input, select, textarea, option {  }
input, select, textarea { float: left; clear: right; font-size: 1.1em; font-family: "Lucida Grande", Arial, Sans-Serif, Tahoma, Verdana; }
option { width: auto; padding-left: 3px; }
input, textarea { width: 246px; padding: 3px 1px 3px 3px; }
textarea { overflow: auto; }
select { width: 255px; padding: 2px; }


/* EVENTS STUFF */
#kcjForm h4{float:left; clear:both; width: 470px; color:#000000; font-size:1.2em; font-weight:300; font-family: "Trebuchet MS", Arial, serif; border-bottom:solid 1px #000000;}
#kcjForm h4 a{text-decoration:none; color:#82A6C4;}
.kcjFormOffsetSmall{float:left; clear:none; margin:1px 0 1px 0; width:70px;}
.kcjFormOffsetPadding{float:left; clear:none; width:2px; height:10px;}
.kcjFormOffsetPostcode{float:left; clear:none; margin:1px 0 1px 0; width:70px;}
#kcjForm label{float:left; clear:left; padding:1px 0 1px 0; line-height:23px; text-align:left; width:104px; font-family:"Trebuchet MS", Arial, serif;}
#kcjForm input{padding:2px;}
#kcjForm .gridLabel{float:left; clear:none; width:130px; padding:1px 0 1px 2px;}
#kcjForm .gridCheck{float:left; clear:none; width:10px; margin:6px 0 1px 0;}


/*
#kcjForm {width:490px;}

#kcjForm input{margin:1px 0 1px 0; float:left; clear:right;}

*/

#userTable{margin:10px 0 0 0; float:left; clear:both; width:600px; background:#ffffff;}
#userTable h4{float:left; width: 600px; color:#000000; font-size:1.2em; font-weight:300; font-family: "Trebuchet MS", Arial, serif; border-bottom:solid 1px #000000; }
#userTable .element{float:left; clear:both; width:300px;}
/*#userTable .elementTitle{float:left; clear:left; width:100px; font-weight:bold;}*/
#userTable .element .elementTitle{float:left; font-weight:300; clear:none; width:100px;}
#userTable .element .elementText{float:left; clear:none; width:100px;}


#userTableDetail{margin:10px 0 0 0; float:left; clear:none; width:460px; background:#ffffff;}
#userTableDetail h4{float:left; clear:none; width:460px; color:#000000; font-size:1.2em; font-weight:300; font-family: "Trebuchet MS", Arial, serif; border-bottom:solid 1px #000000;}
#userTableDetail h4 a{text-decoration:none; color:#82A6C4;}

#userTableDetail .element{float:left; clear:none; width:100px;}
#userTableDetail .element a{text-decoration:none; color:#82A6C4;}
#userTableDetail .elementTitle{float:left; clear:left; width:100px; font-weight:bold;}

#userTableDetail .separateElement{float:left; clear:both; width:300px;}
#userTableDetail .separateElement .separateTitle{ float:left; width:100px; font-weight:bold; }
#userTableDetail .separateElement .separateText{float:left; width:100px;}

#userEvents{float:left; margin:38px 0 0 10px; clear:none; font-size:.7em; width:200px; background:#ffffff;}
#userEvents h4{float:left; clear:none; color:#000000; font-size:1.2em; font-weight:300; width:200px; font-family: "Trebuchet MS", Arial, serif; border-bottom:solid 1px #000000;}
#userEvents .event{float:left; width:200px; clear:both; border-bottom:solid 1px #000000;}
#userEvents .element{float:left; clear:left;}
#userEvents .element a{text-decoration:none; color:#82A6C4;}
#userEvents .elementTitle{float:left; clear:left; color:#82A6C4;}
 
 
 /*Tel numbers*/
.telHolder { padding-left:51px; color:#82A6C4; font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;float:left; clear:both; padding-bottom:30px; font-size:.8em;}
.telPair{ float:left; clear:left; width:226px;}
.telLocation{float:left; clear:none;}
.telNumber{float:right; clear:right;}
.NoNumbers {margin-left:30px;}