/* -- Style Sheet Design by Charlie Gentle -- */

body
{
height:100%;
text-align:center;
font-family:"trebuchet ms",helvetica,tahoma,sans-serif;
background-color:#4b4b4b;
color:white;
padding-top:0px;
margin-top:0px;
padding-bottom:0px;
margin-bottom:0px;
background-image:url(reel.gif);
background-position:top center;
background-repeat:repeat-y;
}

/* ---------- Layout Divs ---------- */

div.content
{
height:100%;
text-align:left;
width:720px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
margin-top:0px;
margin-left: auto;
margin-right: auto;
}

div.footer
{
margin-top:30px;
padding-top:10px;
margin-bottom:10px;
color:#4b4b4b;
font-size:60%;
text-align:center;
}

div.title
{
text-align:center;
padding-top:20px;
}

/*Place under floating element to stop page messing up*/
div.clear
{
clear:both;
}

div.thumbnail
{
text-align:center;
}

div.centre
{
text-align:center;
}

/* -------- Navigation Bar -------- */

ul.navigation
{
margin-top:20px;
list-style:none;
font-size:88%;
padding-left:0px;
margin-left:0px;
text-align:center;
border-bottom: solid #ee6f20 3px;
}

.navigation li
{
text-align:center;
display: inline;
padding-left:2px;
padding-right:2px;
background-color:#4b4b4b;
color:white;
margin-left:1px;
margin-right:1px;
}

.navigation li.open
{
color:#2b2b2b;
background-image:url(orange.jpg);
background-repeat:repeat-x;
background-color:#ee6f20;
}

.navigation li:hover
{
color:#2b2b2b;
background-image:url(silver.jpg);
background-repeat:repeat-x;
background-color:white;
}

.navigation li.open:hover
{
color:#2b2b2b;
background-image:url(silver.jpg);
background-repeat:repeat-x;
background-color:white;
}

.navigation li#youtube
{
margin-left:10px;
}

/* -------- Link Styling -------- */

a
{
color:#ee6f20;
font-weight:bold;
text-decoration: underline;
}

a.nav
{
color:white;
text-decoration:none;
font-weight:normal;
}

a.footer
{
color:#4b4b4b;
text-decoration:none;
font-weight:normal;
}


a:hover
{
color:#2b2b2b;
background-image:url(silver.jpg);
background-repeat:repeat-x;
background-color:white;
}

/* -------- Other Styling -------- */

p, ul, ol, dl
{
font-size:90%;
}

hr
{
margin-top:10px;
margin-bottom:10px;
height: 2px;
color:#ee6f20;
background-color:#ee6f20;
border: 0;
}

h1
{
font-size:150%;
display:inline;
}

h2
{
font-size:175%;
color:white;
margin-top:0px;
}

h3
{
border: solid 1px black;
padding-left:10px;
margin-top:40px;
color:white;
background-image:url(orange.jpg);
background-repeat:repeat-x;
background-color:#ee6f20;
font-size:110%;
}

strong
{
color:#ee6f20;
}

img.logo
{
margin-right:10px;
}

img.imageright
{
float:right;
border:solid 2px #4b4b4b;
margin-left:20px;
margin-bottom:10px;
}

img.committee
{
float:right;
border:solid 2px #4b4b4b;
margin-left:20px;
margin-bottom:10px;
width:150px;
height:150px;
}

img.email
{
vertical-align:text-bottom;
color:#ee6f20;
}

object.training
{
float:right;
margin-left:20px;
margin-bottom:10px;
}

img.training
{
float:right;
border:solid 2px #4b4b4b;
margin-left:20px;
margin-bottom:10px;
}

img.training:hover
{
border:solid 2px white;
}

img.thumbnail
{
border:solid 2px #4b4b4b;
}

img.thumbnail:hover
{
border:solid 2px white;
}

table
{
width:720px;
}

table.equipment
{
border-collapse:separate;
border-spacing:0;
}

td
{
vertical-align:top;
}

/* -------- Film-Specific Styling -------- */

div.filmcolumnleft
{
width:340px;
float:left;
margin:0px;
}

div.filmcolumnright
{
width:350px;
float:right;
margin-right:10px;
}

div.filmbox
{
width:355px;
float:left;
margin-bottom:10px
}

img.film
{
float:left;
border:solid 2px #4b4b4b;
margin-right:10px;
display:block;
width:100px
}

p.filminfo
{
float:right;
width:240px;
margin-top:0px;
}

strong.filmtitle
{
float:right;
width:240px;
font-size:110%;
}

em.small
{
font-size:88%;
width:220px;
margin-right:20px;
}