* {margin:0px;padding:0px;}/*this sets the default for padding and margins to none*/

/********************style sheet organised in order of appearance *****************************/

/**** useful:
background-image:  url(../images/graphics/header_bg.jpg);
background-repeat:repeat-x;

colours:
blue 386383
red E3182B
grey 7F7F7F



****/

body {
font-size: 101%;
font-family: verdana, helvetica, arial, "sans serif";
background-color:#000000;
}

#wrapper {
float:left;
margin:0px 0px 0px 60px;
width:900px;
background-color:#ffffff;
background-image:  url(../images/dolphins_bg.jpg);
background-repeat: no-repeat;
background-position: 600px 200px;
}


#logo{
float:left;
width:100%;
margin:0px 0px 0px 0px;
background-color:#386383;
border-bottom:1px #ffffff solid;
}

#logo img{
float:left;
margin:20px 0px 0px 32px;
}

#subheading{
float:left;
width:100%;
margin:0px 0px 0px 0px;
background-color:#386383;
color:#ffffff;
border-bottom:1px #000000 solid;
}

#subheading h2{
font-weight:normal;
color:#ffffff;
margin:7px 0px 7px 32px;
}


#date{
float:left;
width:100%;
margin:0px 0px 0px 0px;
background-color:#ffffff;
color:#000000;
border-top:7px #386383 solid;
border-bottom:1px #000000 solid;
}


#date h4{
font-size: 0.6em;
font-weight:normal;
color:#000000;
margin:10px 0px 6px 32px;
}



#left_column {
float:left;
width:235px;
margin:0px 0px 0px 32px;
}


#title {
float:left;
width:235px;
margin:37px 0px 53px 0px;
}

#title h1 {
text-align:right;
}

#title h2 {
text-align:right;
color:#000000;
}

/***************************** start menu *****************************************/

#menu_wrapper {
float:left;
width:235px;
margin:0px 0px 0px 0px;
}


#menu ul{
float:left;
width:100%;
margin:0px 0px 0px 0px;
}

#menu li{
list-style-type:none;
font-size: 0.6em;
padding:3px 0px 3px 0px;
border-top:1px #000000 solid;
margin:0px 0px 0px 0px;
}

#menu a:link{
color:#E3182B;
text-decoration:none;
}

#menu a:visited{
color:#E3182B;
text-decoration:none;
}


#menu a:hover{
color:#000000;
text-decoration:none;
}

/***********************  submenu


#submenu {
margin:0px 0px 0px 0px;
}

#submenu li{
list-style-type:none;
font-size: 0.75em;
margin:0px 0px 0px 0px;
}
#submenu a:link {
color:#*;
text-decoration:none;
}

#submenu a:visited {
color:#*;
text-decoration:none;
}

#submenu a:hover {
color:#*;
text-decoration:none;
}

****************************/


/*********************** content ****************************/

/*#right_column {
float:left;
width:326px;
margin:64px 0px 0px 10px;
}*/

#content {
float:left;
width:335px;
margin:64px 0px 0px 32px;
}

#content hr {
float:left;
height:1px;
width:100%;
margin:0px 0px 20px 0px;
background-color:#000000;
}

p {
float:left;
color:#000000;
font-size: 0.6em;
width:100%;
margin:0px 0px 20px 0px;
line-height:1.7em;
}

h1 {
color:#E3182B;
font-size: 1.3em;
font-weight:normal;
margin:0px 0px 0px 0px;
}

h2 {
color:#E3182B;
font-size: 0.75em;
font-weight:bold;
margin:0px 0px 20px 0px;
}

h3 {
color:#E3182B;
font-size: 0.7em;
width:100%;
margin:0px 0px 10px 0px;
}

h4 {
color:#000000;
font-weight:bold;
font-size: 0.6em;
width:100%;
margin:0px 0px 3px 0px;
}

#content img {
float:left;
margin:0px 10px 0px 0px;
border: 1px #7f7f7f solid;
}

#content img.logo {
float:left;
margin:0px 10px 0px 0px;
border: none;
}


ul{ 
float:left;
width:100%;
margin:0px 0px 20px 0px;
line-height:1em;
}

li{ 
list-style-type:none;
font-size: 0.6em;
}

ul .red_bullets{
float:left;
width:100%;
margin:0px 0px 20px 0px;
}

.red_bullets li{ 
list-style-image: url(../images/bullet.gif);
margin:0px 0px 0px 15px;
}

#content a:link{
color:#E3182B;
text-decoration:none;
}

#content a:visited{
color:#E3182B;
text-decoration:none;
}


#content a:hover{
color:#E3182B;
text-decoration:underline;
}


/************** form

form {
width:100%;
margin:0px 0px 0px 0px;
}

fieldset {
margin:0px 0px 0px 0px;
border: 1px dotted #*;
}

input {
text-align:left;
}

legend {
font-size: 0.75em;
color:#*;
margin:0px 0px 0px 0px;
background-color:#*;
}
 ****************/



/*************** footer *************************/

#footer {
height:105px;
background-color:#386383;
margin:0px 0px 0px 0px;
float:left;
width:100%;
text-align:center;
}

#footer p{
margin:20px 0px 0px 0px;
}

#sponsors_panel {
margin:60px 0px 12px 0px;
float:left;
width:100%;
border-top:1px #7F7F7F solid;
background-color:#ffffff;
}

#sponsorsfooter {
color:#000000;
margin:27px 0px 0px 32px;
float:left;
width:380px;
}

#sponsorsfooter h2{
margin:0px 0px 0px 0px;
}

#sponsorsfooter img{
float:left;
margin:8px 46px 24px 0px;
}

#supportersfooter {
color:#000000;
margin:27px 0px 0px 40px;
float:left;
width:400px;
}

#supportersfooter img{
float:left;
margin:8px 20px 24px 0px;
}

#supportersfooter h4{
font-weight:normal;
}
