/*SITE DETAILS:
site: swva beach section
design by: ali
company: bespoke web designs

colours used:

dark greeny blue: #387361
light greeny blue: #55ad93
orange: #FA9600
lightest: #dff5ee

***********************************************
			 LAYOUT 
***********************************************/

html {min-height: 100%;}

* {	margin: 0;	padding: 0;}

body {background: #fff url(../images/repeater.png) repeat-x top left;color: #387361;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: small;}
.container {font-size: 90%;margin: 0 auto;padding: 0px;width: 800px;}
.header {background: url(../images/net.png) no-repeat left bottom;margin: 0 auto;width: 800px;height: 200px;padding: 0px;}

/***********************************************
			 LINKS
***********************************************/
a {color: #55ad93;text-decoration: none;}
a:hover {color: #55ad93;text-decoration: underline;}

/***********************************************
			 HEADINGS 
 ***********************************************/

h1 {color: #FA9600;font-size: 120%;padding-left: 10px;padding-bottom: 10px;padding-top: 10px;}
h2 {color: #422f1e;font-size: 120%;padding-left: 10px;padding-bottom: 10px;padding-top: 10px;}
h3 {font-size: 120%;padding-left: 10px;padding-bottom: 6px;padding-top: 6px;}	
h5 {margin: 0;padding: 0;color: #fff;background: #387361;padding: 8px;margin-bottom: 5px;letter-spacing:1px;font-size: 110%;margin-top: 10px;}

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-hasFlash h1 { visibility:hidden; background: none; z-index: 1;width: 400px; }
.sIFR-hasFlash h2 { visibility:hidden; background: none; z-index: 1; }
.sIFR-flash { visibility:visible !important; }
.sIFR-replaced { visibility:visible !important; }
span.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; letter-spacing:0; }

/*--------------------------------
     		 LISTS
---------------------------------*/
ul {margin-bottom: 15px;margin-top: 10px;}
ul ul {margin-left: 20px;}

ul#photos {list-style-type:none;margin: 0; padding: 0;margin-top: 10px;}
ul#photos li {margin: 0; padding: 0;display: block; float: left;list-style-type:none;}
ul#photos img {padding: 8px; margin: 3px; border: 1px solid #ccc;}

/*--------------------------------
       CONTENT
---------------------------------*/
.content {padding: 0;margin: 0;float: left;margin-top: 30px;width: 530px;padding-bottom: 65px;font-size: 100%;line-height: 150%;padding-right: 20px;}
.content li {list-style: url(../img/dot.gif);margin-left: 30px;padding-bottom: 8px;}
.content p {font-family: "Lucida Sans Unicode",sans-serif;padding-bottom: 12px; padding-right: 22px;padding-left: 12px;}

.content_wide {padding: 0;margin: 0;float: left;margin-top: 30px;width: 800px;padding-bottom: 65px;line-height: 150%;}
.content_wide li {list-style: url(../img/dot.gif);margin-left: 30px;padding-bottom: 8px;}
.content_wide p {font-family: "Lucida Sans Unicode",sans-serif;margin-left: 12px;padding-bottom: 12px;}

.content_photo_strip {padding: 0;margin: 0;clear: both;float: left;width: 800px;margin-bottom: 15px; margin-top: 30px;}
/*--------------------------------
       SIDE BAR
---------------------------------*/
.sidebar {padding: 0;margin: 0;	float: left;margin-top: 30px;width: 250px;font-size: 90%;margin-bottom: 10px;}
.sidebar li {list-style: url(../img/dot.gif);margin-left: 30px;	padding-bottom: 8px;}
.sidebar p {font-family: "Lucida Sans Unicode",sans-serif;margin-left: 12px;padding-bottom: 1em;}


/*--------------------------------
      		FOOTER
---------------------------------*/
.footer {clear: both;color: #55ad93;font: 88%;	border-top: 1px solid #fa9600;text-align: left;height: 70px;margin: 0 auto;width: 800px;}
.footer a,.footer a:hover {color: #387361;}
.footer a:hover {text-decoration: underline;}
.footer p {padding-left: 10px;padding-top: 25px;}
ul#footer1 {list-style-type: none;margin: 0;padding: 0;font-size: 81%;padding-top: 10px;}
#mail {float: right;padding-right: 20px;padding-top: 2px;}
#design {float: left;padding-left: 10px;padding-top: 2px;}

/*--------------------------------
       TABLES
---------------------------------*/
.content table {width: 100%;border-collapse: collapse;border: 1px dotted #cccccc;margin-top: 10px;margin-left: 10px;margin-bottom: 10px;}
.content th {margin: 0;padding: 6px;background: #387361;border: 1px dotted #cccccc;padding-top: 8px;padding-bottom:8px;text-align: left;padding-left: 10px;color: #fff;}
.content td {margin: 0;padding-right: 5px;border: 1px dotted #cccccc;text-align:left;padding-left: 5px;padding-top: 8px;padding-bottom:8px;font-size: 95%;}

#middle table {width: 100%;border-collapse: collapse;border: 1px dotted #cccccc;margin-top: 10px;margin-left: 10px;margin-bottom: 10px;}
#middle th {margin: 0;padding: 6px;background: #387361;border: 1px dotted #cccccc;padding-top: 4px;padding-bottom:4px;text-align: left;padding-left: 10px;color: #fff;}
#middle td {margin: 0;padding-right: 5px;border: 1px dotted #cccccc;text-align:left;padding-left: 5px;padding-top: 4px;padding-bottom:4px;font-size: 11px;}

.content_wide table#events {font-size: 85%;width: 760px;border-collapse:collapse;margin-top: 10px; margin-bottom: 10px;margin-left: 20px;margin-right: 20px;}
.content_wide table#events th {margin: 0;padding: 0;background: #387361;border: 1px dotted #cccccc;padding-top: 3px;padding-bottom:3px;text-align: left;padding-left: 3px;color: #fff;padding-right: 3px;	}
.content_wide table#events tr, td {margin: 0;padding-right: 3px;border: 1px dotted #cccccc;text-align:left;padding-left: 3px;width: 35%;}

table#small {font-size: 11px; width: 100%;border-collapse:collapse;padding: 0; margin: 0;}	
table#small th {margin: 0;padding: 0;background: #387361;border: 1px dotted #cccccc;color: #fff;text-align: left;padding-left: 3px;padding-right: 3px;}
table#small td, table#small tr {padding: 0; margin: 0;padding-left: 3px;padding-right: 2px;}

#middle table {border-collapse:collapse;width: 400px; font-size: 11px;}	
#middle table th {background: #387361;color: #fff;text-align: left;}
#middle table td.place {width: 30px;}
#middle table td.team {width: 340px;}
#middle table td.points {width: 30px;}
/*--------------------------------
       TOP NAVIGATION
---------------------------------*/

#nav {float: left;list-style: none;padding: 0;margin: 0;font-size: 13px;color: #fff;height: 25px;width: 800px;padding-top: 182px;}
#nav li {display: inline;}
#nav li a:link, #nav a:visited {background: #387361;padding-left: 11px;padding-right: 11px;color: #fff;text-decoration: none;border-top: 1px solid #000;border-left: 1px solid #000;border-right: 1px solid #000;padding-top: 3px;padding-bottom: 3px;}
#nav li a:hover {color: #fff;background: #FA9600;}

body#index #nav li#home a {background: #FA9600;}

/* --------------------------
		FORMS
-----------------------------*/	
label {width: 400px;float: left;text-align: right;display: block;margin-right: 10px;}
fieldset {width: 780px;border: 1px solid #ccc;margin: 0;padding: 0;padding: 10px;background: #eaeaea;}
#register fieldset {width: 230px;margin-bottom: 25px;}
#register label {width: 50px;}

/* --------------------------
		IMAGES
-----------------------------*/	
.image {padding: 8px;margin: 3px;border: 1px solid #ccc;margin-bottom: 10px;}
.imageleft {float: left;padding: 8px;margin: 3px;border: 1px solid #dff5ee;}
.imageright {float: right; padding: 8px;margin-left: 8px;border: 1px solid #ccc;margin-bottom: 10px;}
/*--------------------------------
     		  MISC
---------------------------------*/

.left {float: left;}
.right {float: right;}
.right_footer {float: right; padding:0; margin-top: -50px; margin-right: 15px;}
.orange {color: #FA9600;font-weight:bold;}
.main p {font-size: 110%;line-height: 150%;}
.noborder {border:none;}
.bold {font-weight: bold;}
.black {color: #000; font-weight: bold;}
p.small {font-size: 90%;}
.red {color:#FF0000;}
.main .download {margin: 0;margin-left: 10px;padding-left: 30px;background: url(../images/download.jpg) no-repeat 0 0;}
.main .here {margin: 0;margin-left: 10px;padding-left: 30px;background: url(../images/icon-here.jpg) no-repeat 0 0;}


#left, #right {width:25%; float: left; font-size: 11px;}
#left ul, #right ul {margin: 0; padding: 0;}
#left li, #right li {list-style-type: none; margin: 0; padding: 0;}
#left h3, #right h3 {margin: 0; padding: 0;margin-bottom: 10px;}
#right ul {float: right;}
#middle {width: 50%; float: left;}

.nopad {margin-bottom: 0;}