/* CSS Document */

/* The following codes make the vertical scroll bar on the browser appear permantently */
html 
{
overflow:-moz-scrollbars-vertical;
overflow-y:scroll
}

/* the following code formats the body background */
body
{
scrollbar-base-color:#ffffff; /* arrow colour and outline of the scroll bar*/
scrollbar-track-color:#000000; /* track colour that the scroller runs along */
scrollbar-face-color:#000000; /* top and bottom squares of the scroll bar */
scrollbar-highlight-color:#000000;
scrollbar-arrow-color:#000000; /* arrow colour */
background:url(images/bg_black.jpg) #000000 no-repeat fixed top left
}

/* The following lines format the links */
a:link     
{
color:#ffffff;
font-weight:bold;
text-decoration:none
}

a:visited  
{
color:#ffffff;
font-weight:bold;
text-decoration:none
}

a:hover    
{
color:#cc3333;
font-weight:bold;
text-decoration:none
}

a:active   
{
color:#ffffff;
font-weight:bold;
text-decoration:none
}

/* The following code formats the 'headings' class */
.headings
{
color:#ffffff;
font-size:1em;
font-weight:bold;
font-family:verdana, geneva, sans-serif;
margin:0px 0px 5px 0px;
text-transform:capitalize
}

/* The following code formats the 'main text' class */
.main_text
{
color:#ffffff;
padding:5px 5px 5px 0px;
font-size:0.8125em;
font-family:verdana, geneva, sans-serif;
}

/* The following class fix the banner on top of the other elements at the top of everypage page */
.titlebar
{
position:fixed !important;
position:absolute;
top:0px;
left:0px;
z-index:+1
}

/* CSS for the navigation class */
.navigation
{
position:fixed !important;
position:absolute;
top:130px;
left:55px;
z-index:+2;
font-size:1em;
font-family:verdana, geneva, sans-serif;
font-weight:lighter;
word-spacing:10px;
line-height:25px;
text-align:right
}

.navigation a:link
{
color:#ffffff;
text-decoration:none
}

.navigation a:visited  
{
color:#ffffff;
text-decoration:none
}

.navigation a:hover    
{
color:#990000;
text-decoration:none
}

.navigation a:active   
{
color:#ffffff;
text-decoration:none
}

.mailer
{
width:330px;
max-width:330px;
margin:0px 0px 20px 0px
}

.mailer_text
{
color:#ffffff;
font-family:verdana, geneva, sans-serif;
font-size:0.6875em
}

.mailer_input_box
{
color:#ffffff;
border:white solid thin;
font-family:verdana, geneva, sans-serif;
font-size:0.75em;
background-color:#000000;
width:200px;
max-width:200px;
margin:5px 0px 5px 0px
}

.logos
{
position:fixed !important;
position:absolute;
top:150px; 
left:390px;
z-index:+2
}

/* The following class sets the page content to appear below the fixed banner on every page */
.page_content
{
width:950px;
max-width:950px;
position:relative;
top:+220px;
padding:0px 0px 0px 45px
}

/* CSS for the index page */
#index_content
{
margin:20px 0px 0px 0px
}

/* CSS styling for the homepage follows */
/* The following controls the layout of the 2 columns on the homepage */
#first_column
{
float:left;
width:370px;
max-width:370px;
}

#first_column hr
{
color:#ffffff
}

#second_column
{
float:left;
text-align:left;
width:580px;
max-width:580px;
}

#second_column hr
{
color:#ffffff
}

/* The following controls the size of the new_images div on the homepage */
#new_images
{
width:330px;
max-width:330px;
margin:0px 0px 20px 0px
}

/* The following controls the size of the next_gig div on the homepage */
#next_gig
{
width:320px;
max-width:320px;
margin:0px 0px 20px 0px
}

/* The following floats the calendar dates to the left allowing the text alongside them in the next_gig div*/
#next_gig img
{
float:left;
padding:0px 10px 0px 0px
}

/* The following controls the size of the mailinglist_form div on the homepage */
#mailinglist_form
{
width:320px;
max-width:320px;
margin:0px 0px 20px 0px
}

/* This code styles the labels text on the form */
label
{
font-weight:bold
}

/* This code styles the input boxes on the form */
.input_box
{
color:#ffffff;
font-size:0.75em;
background-color:#000000;
padding:2px;
border:white solid thin;
width:150px;
max-width:150px
}

/* This code styles the drop down menus on the form */
.drop_down_menus
{
color:#ffffff;
font-size:0.75em;
background-color:#cc9933;
border:black solid thin;
width:200px
}

/* This code resizes the ml_age drop down menu on the form */
#ml_age
{
width:155px
}

/* This code resizes the ml_countries drop down menu on the form */
#ml_countries
{
width:310px
}

/* This code styles the submit button on the form */
.button_style
{
width:50px;
max-width:50px;
font-family:verdana, geneva, sans-serif;
font-size:0.75em;
color:#ffffff;
border-color:#ffffff;
background-color:#000000;
padding:2px;
border:solid thin;
font-weight:bold
}

/* This code styles the radio buttons on the form */
.radio_style
{
width:20px;
max-width:20px;
border:none;
background-color:#ffffff
}

/* The follwoing controls the size of the news_items div on the homepage */
#news_items
{
width:480px;
max-width:480px;
margin:0px 0px 20px 0px
}

/* The following floats the calendar dates to the left allowing the text alongside them in the news_items div*/
#news_items img
{
float:left;
padding:0px 10px 0px 0px
}

/* The follwoing controls the size of the networking links div on the homepage */
#networking_links
{
width:480px;
max-width:480px;
margin:0px 0px 20px 0px
}

#networking_links img
{
margin:0px 5px 0px 5px;
}

/* The follwoing controls the size of the video div on the homepage */
#video
{
width:480px;
max-width:480px;
margin:0px 0px 20px 0px
}

/* The following aligns the sponsors logos */
.sponsor_logos
{
margin:0px 0px 0px 600px
}

/* End of the homepage CSS styling */


/* CSS styling for other pages on the site follows */
/* CSS for the read page */
.news_content hr
{
color:#ffffff
}

#newspage_title
{
margin:0px 0px 20px 0px
}

.news_dates
{
float:left;
margin:4px 0px 0px 0px
}

.news_headings
{
color:#ffffff;
font-size:1em;
font-weight:bold;
font-family:verdana, geneva, sans-serif;
text-transform:capitalize;
height:30px;
min-height:30px;
margin:0px 0px 0px 60px
}

.news_text
{
color:#ffffff;
padding:2px 5px 5px 0px;
margin:0px 0px 0px 60px;
font-size:0.8125em;
font-family:verdana, geneva, sans-serif;
}

/* CSS for the see page */
/* The follwoing code styles the img class */
.gigs_img
{
margin:0px 5px 0px 5px;
height:auto;
width:auto
}

.gigs_img img
{
display:inline;
margin:3px;
border:1px solid #ffffff
}

.gigs_img a:hover img 
{
border: 1px solid #cccccc
}

.large_img
{
width:500px;
max-width:500px;
margin:20px 0px 0px 0px
}

.large_img img
{
margin:3px;
border:1px solid #ffffff
}

.gallery_desc
{
font-size:0.8125em;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-weight:bold;
float:left;
width:500px;
max-width:500px
}

.thumbnails
{
height:auto;
width:auto
}

.thumbnails img
{
display:inline;
margin:1px;
border:1px solid #ffffff
}

.thumbnails a:hover img 
{
border: 1px solid #cccccc
}

.desc
{
text-align:center;
font-weight:bold;
color:#ffffff;
font-size:0.8125em;
font-family:Arial, Helvetica, sans-serif;
float:left
}

#gigs_title
{
padding:0px 0px 30px 0px
}

#gigography_title
{
padding:30px 0px 30px 0px
}

.left_column
{
text-align:left;
width:140px;
max-width:140px;
padding:0px 20px 20px 0px;
float:left
}

.center_column
{
text-align:center;
width:550px;
min-width:550px;
padding:0px 50px 20px 0px;
float:left
}

.right_column
{
width:100px;
max-width:100px;
padding:0px 0px 20px 0px;
float:left
}

/* The following code styles the table longsands_gigs */
table.table_style
{
border-collapse:collapse;
border-spacing:10px;
text-align:center;
font-weight:bold;
font-size:0.8125em;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
float:left;
table-layout:auto
}

.gigography
{
font-size:0.8125em;
color:#ffffff;
float:left
}

/* CSS for view pages */
#upload_heading
{
padding:30px 0px 0px 0px
}

.browse_style
{
width:230px
}

#first_row
{
margin:20px 0px 0px 0px
}

/* CSS for the biog page */
.quotes
{
font-style:italic;
font-weight:bold;
text-align:center
}

.small_border
{
margin:0px 0px 10px 0px
}

/* CSS for the press page */
#online_press
{
margin:0px 0px 30px 0px
}

.desc_press
{
text-align:center;
font-weight:bold;
color:#ffffff;
font-size:0.8125em;
font-family:Arial, Helvetica, sans-serif;
float:left;
margin:0px 20px 20px 0px;
/* width:200px;
max-width:200px */
}

/* CSS for the contact page */
#Message
{
color:#ffffff;
background-color:#000000;
padding:2px;
border:white solid thin;
width:600px;
max-width:600px;
height:200px;
max-height:200px
}

/* CSS for the Free Music 4 Students page */
#fm4s_img
{
float:left;
margin:20px 100px 0px 0px
}

#fm4s_img img
{
margin:3px;
border:1px solid #ffffff
}

#fm4s_form
{
margin:20px 0px 0px 0px;
}

#fm4s_uni
{
width:155px
}

/* CSS for the Blaydon Races pages */
#bl_left_column
{
float:left;
width:400px;
max-width:400px;
}

#bl_right_column
{
float:left;
text-align:left;
width:500px;
max-width:500px;
}