/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Whale of a time Stylesheet
Author : Peter Stock / stocp003@medway.org.uk / Stock Productions Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 Georgia, "Times New Roman", Times, serif; margin:0; padding:0; background:url(../images/bg.jpg) repeat-x top left #142C76; color:#FFFFFF; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- IDS ----- */
#container { width:900px; margin:0 auto; text-align:left; font-size:110%; background:url(../images/content_bg.jpg) repeat-x top left #10347C; }

/* ----- HEADER ----- */
#header { width:900px; height:185px; position:relative; }
#header img { margin:auto; }


/* ----- CONTENT ----- */
#content { width:900px; margin:0 0 20px 0; padding:0 0 0 0; text-align:left; font-size:110%; position:relative; background:url(../images/line.gif) repeat-y top left; }

/* ----- LEFT COL ----- */
#leftCol { width:155px; margin:10px 0 0 20px; padding:0 0 0 0; text-align:left; font-size:110%; float:left; }

/* ----- MAIN NAVIGATION ----- */




/* ----- LEFT COL ----- */
#nav {  position:relative; width:160px; }
#nav ul { margin:0; padding:0 0 0 0; list-style:none;} /* This removes all default styles and applies the same styles to all browsers. */
#nav ul li { display:block; width:152px; padding:0 0 0 0; margin-bottom:5px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; float:left; }
#nav ul li a { display:block; width:152px; height:36px; font-size:16px; font-weight:normal; background:url(../images/nav_button.gif) 0px 0px no-repeat; color:#FFFFFF; text-decoration:none; padding:6px 0 0 10px; }
#nav ul li a:hover { color:#FFFFFF; text-decoration:underline; }
#nav ul li.active a { text-decoration:underline; }
#nav ul ul { padding:10px 0 10px 5px; width:138px; display:none; } /* This gives the nest UL a top and bottom padding, this will be inherited into the third nested ul as well */
#nav ul li.active ul { display:block;}
#nav ul ul li { display:block; width:128px; margin-bottom:3px; font-size:14px; float:left; font-family:Arial, Helvetica, sans-serif; }
#nav ul ul li a { color:#ffffff !important; font-weight:normal; display:block; background:none !important; font-size:12px; height:20px; padding:0 0 0 0 !important; width:152px; } /* An example of how to target nested elements, in this case the third level link colour */
#nav ul ul li { font-size:13px; padding:0 0 0 0; margin:0; } /* Or in this case the second level font size */
#nav ul ul ul li { font-size:11px;} /* The font size from the second ul will inherit so you have to overide it in the third ul */


/* ----- RIGHT COL ----- */
#rightCol { width:688px; margin:0 12px 0 0; padding:0 0 0 0; text-align:left; font-size:110%; float:right; }

#template { width:460px; margin:10px 0 0 0; padding:0 0 0 0; text-align:left; font-size:110%; float:left; }
#template h1 { width:460px; height:40px; font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; line-height:34px; font-weight:normal; margin:0 0 0 0; padding:0 0 0 0; float:left; }
#template h2 { width:445px; height:32px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; line-height:34px; font-weight:normal; margin:0 0 10px 0; padding:0 0 0 0; float:left; border-bottom:1px solid #FFFFFF; }
#template p { float:left; width:460px; margin:0 0 0 0; padding:0 0 10px 0; }


.listNews { float:left; margin:10px 0 0 0; padding:0 0 0 0; list-style:none; }
.listNews .listNewsHeader { float:left; margin:0 0 0 0; padding:0 0 0 7px; height:27px; background:#094283; width:445px; }
.listNews .listNewsBody { float:left; margin:0 0 0 0; padding:5px 0 15px 7px; width:445px; }
.listNews a { color:#FFFFFF; text-decoration:none; font-weight:normal; }
.listNews a:hover { color:#FFFFFF; text-decoration:underline; }


.subs { float:left; margin:10px 0 0 0; padding:0 0 0 0; list-style:none; margin-left:10px !important; }
.subs li { background:none !important; float:left; padding:0 0 10px 0; }
.subs li a { background:none !important; float:left; padding:0 0 10px 0; text-decoration:none; font-weight:normal; }


.gallerylist { width:445px; float:left; margin:10px 0 0 0; padding:0 0 0 0; list-style:none; }
.gallerylist ul { float:left; margin:0 0 0 0; padding:0 0 0 0; }
.gallerylist li { float:left; margin:0 15px 15px 0; padding:0 0 0 0; background:#0099FF; width:120px; height:180px; }
.galImg img { width:100px; height:auto; margin:10px 0 5px 10px; border:1px solid #0A74C8; padding:1px; }
.galTitle { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 0 10px; color:#0A4588; font-weight:bold; }
.galDesc {  font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:5px 10px 10px 10px; color:#FFFFFF; line-height:14px; }



.gallerylistInner { width:445px; float:left; margin:10px 0 0 0; padding:0 0 0 0; list-style:none; }
.gallerylistInner ul { float:left; margin:0 0 0 0; padding:0 0 0 0; }
.gallerylistInner li { float:left; margin:0 15px 15px 0; padding:10px; background:#0099FF; }
.galImgInner img { width:100px; height:auto; margin:0 0 0 0; border:1px solid #0A74C8; padding:1px; }
.galTitle1 { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:10px 10px 10px 0; color:#FFFFFF; line-height:14px; width:100px; }



#sidebar { width:217px; margin:0 0 0 0; padding:0 0 0 0; text-align:left; font-size:110%; float:right; }
#sidebar h1 { margin:0 0 8px 0; padding:0 0 0 0; float:left; height:43px; width:217px; }
#sidebar ul { margin:0 0 10px 0; padding:0 0 0 0; float:left; list-style:none; width:209px;  }
#sidebar ul li { margin:0 0 3px 0; padding:0 0 0 0; float:left; width:209px; height:44px; background:url(../images/sidebar_li.gif) no-repeat top left; }
#sidebar a { color:#FFFFFF; text-decoration:none; }
#sidebar a:hover { color:#FFFFFF; text-decoration:underline; }
#sidebar .title { margin:0 0 0 0; padding:4px 0 0 6px; width:165px; float:left; color:#FFFFFF; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
#sidebar .story { margin:3px 0 0 0; padding:4px 0 0 7px; width:165px; float:left; color:#FFFFFF; line-height:14px; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
#sidebar .date { margin:0 0 0 0; padding:0 0 0 0; float:right; width:36px; height:44px; }
#sidebar .month { margin:0 0 0 0; padding:0 0 0 0; float:left; width:36px; height:18px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#0e3980; line-height:21px; }
#sidebar .day { margin:0 0 0 0; padding:0 0 0 0; float:left; width:36px; height:23px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:25px; line-height:22px; font-weight:bold; color:#0e3980; }


/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}

/* ----- TOP NAVIGATION ----- */

/* ----- LEFT NAVIGATION ----- */

/* ----- SITE MAP ----- */

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */

/* ----- FOOTER ----- */
#footer { width:900px; margin:20px auto; text-align:left; font-size:110%; }
#footer .padding {}
#footer a { font-weight:normal; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
.contactForm { width:445px; margin:20px 0 10px 0; padding:15px 0 15px 0; float:left; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; }
label { width:120px; float:left; }
input { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.submit { font-family:Arial, Helvetica, sans-serif; font-size:14px; }
form .messageGreen { background:#038AE4; border:2px solid #003366; color:#ffffff; padding:10px; font-weight:bold; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
form .messageRed { background:#038AE4; border:2px solid #003366; color:#ffffff; padding:10px; font-weight:bold; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
form .messageRed ul { margin:0; padding: 10px 0 5px 0; list-style:none;}



/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }