/*----------CSS Screen Document----------*/

/*--------------Fonts-------------*/
@media screen{ 

body
  {margin: 0;
  padding: 0;
  min-width: 800px;
  min-height: 730px;
  font: 1em verdana, sans-serif;
  color: white:}


/*------------------Generic Fonts-----------------*/
h2
  {margin: 0;
  padding: 0}
  
h3
  {color: white;
  margin: 0;
  padding: 0}
	
h4
	{color: white;
  margin: 10px 0 10px 60px;
	font: normal 30px verdana, sans-serif}
  
h5
  {margin: 0;
  padding: 0}
  
h6
  {margin: 0;
  padding: 0}
  
p
  {color: white;
  margin: 10px 0 10px 60px;
  text-align: justify;
  padding: 0;}
  

ul
  {margin: 0;
  padding: 0;
  list-style: square outside;}

ul li
  {margin: 0;
  color: white;
  list-style: circle outside;}
  
li
  {margin: 0px;
  padding: 0}
  
hr
  {border-bottom: 1px solid white;
  width: 400px;
  margin: 0 100px 20px 100px;
  //margin: 0 0 10px 0;
  float: right;}
  
img
  {border: none;}

span
  {display: none;}
  
table
  {margin: 20px 0 0 0;
  border: 1px solid #FFFFFF;
  float: left;
  color: white;}

tr
  {background: #000000}
  
tr#tableHead
  {background: #666666}
  
td
  {border: 1px solid #FFFFFF;
  padding: 3px;}

  
/*----------------Links-----------------*/
a
  {color: #9999FF;
  text-decoration: none;}

a:visited
  {color: #FF66FF;}

a:hover
  {color: #FF9999;}

/*--------Specific Elements--------------*/

  
#main
  {position: absolute;
  left: 220px;
  width: 580px;
  z-index: 5;}
  
#colourSelect
  {float: left;
  padding: 5px 0px 0px 10px;
  //margin-left: 3px;}
#colourSelect p
    {font-size: 12px;
    margin: 0;
    padding-left: 20px;
    width: 560px;
    border-bottom: 1px solid white;}
#colours
  {margin-left: 460px}
#colours img
  {margin: 0;
  padding: 0;}

#all
  {position: absolute;
  top: 0;
  left: 0;
  width: 800px;
  min-height: 730px;
  //height: 730px} /*only IE can see this to fix a bug - cant see min-width*/

img#header
  {margin: 0 0 0px 70px;
  //margin-bottom: -5px;}
  
#squiggle
  {background: url('images/break.gif')
    no-repeat top left;
  width: 570px; 
  height:33px;
  margin: 0 0 10px 20px;
  float: left;}
  
#footer
  {margin-top: 150px;
  float: left;
  width: 600px;}
#footer p 
  {text-align: center;
  margin: 0 0 30px 225px;
  width: 150px;
  font-weight: bold;
  background: black;}
  
  
/*only for performers*/
#performers
  {width: 540px;
  margin: 30px 50px;}
	
#performerPage
	{width: 600px}
#performerPage p
	{margin: 1em 0 1em 0;}
#performerImage
	{width: 600px;
	text-align: center;}

#performer
  {float: left;
  height: 200px;
  width: 180px;
  margin: 0;
  text-align: center;}
  
#performer p
   {margin: 0;
  text-align: center;}
  
/*only for merchandise*/
#merchandiseItem
  {width: 580px;
  float: left;}
p#merchandiseDescription
  {float: left;
  width: 390px;
  margin: 10px 0 10px 15px;}
img#merchandiseImage
  {float: left;
  margin: 10px;}

/*only for events*/
table#events
  {float: left;
  margin: 10px 0 20px 60px;
  //margin-left: 30px;}

/*only on the home page (INDEX.html)*/
#advertisment 
  {z-index: 2;
  position:absolute;
  top: 65px;
  left: 157px;
  width: 630px;
  height: 480px;}  
#news
  {position: absolute;
  top: 250px;
  left: 425px;
  width: 130px;
  height: 250px;}
*html #news /*used so the Area shape links will work in all browsers with the news still visable*/
  {position: relative;
  margin: 205px 13px 0 0;
  float: right;
  top: 0px;
  left: 0px;}
  
#news p
  {font: 12px vardana, Arial, sans serif;
  text-align: left;
  margin-left: 8px;}
  

/*--------Sidebar-----------------------*/
#sidebar
  {position: absolute;
  width: 200px;
  top: 16px;
  left: 0;
  z-index: 3;}

ul#sidebarlinks
  {width: 200px;
  margin-top: 50px;}

ul#sidebarlinks li
  {font: normal 19px arial black, arial, sans-serif;
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;}
    
ul#sidebarlinks li a, #memberLogIn a
  {display: block;
  text-decoration: none;
  color: black;
  margin: 0;
  padding: 5px 0px 5px 30px;
  min-width: 100px;
  //width: 110px;}/*only IE can see this to fix a bug - IE adds padding to width, cant see min-width*/

#memberLogIn a
  {max-width: 110px;}

ul#sidebarlinks li#active
  {font: normal 19px arial, sans-serif;
  padding: 5px 0px 5px 30px;
  color: black;}

img#EMF
  {margin-left: 16px;}

#memberLogIn
  {margin: 20px 0 0 0px;
  border-top: 1px solid black;
  width: 173px;
  float: left;}

#disclaimer 
  {margin: 0px;
  padding: 100px 0 0 14px; 
  color: #000000;
  width: 161px;
  border-top: 1px solid black;
  float: left;}

#disclaimer p
  {font: 12px verdana, arial, sans-serif;
  color: black;
  margin: 0;}
#disclaimer a {color: #0000FF}
#disclaimer a:hover {color: #FF0000}

}