/***  SMAAD.co.uk CSS  **************************************************/

html, body {
  height : 100%;
  align : left; /* Not valid CSS */
}

hr {
  border : none 0;
  border-top : 1px;
  height : 1px;
  text-align : left;
  margin-bottom : 25px;
}

img {
  border : none 0;
  font-family : verdana,sans-serif;
  color : #FFF;
}



/***  Text formatting and site links  ***********************************/

h1, h2, h3, h4, h5, h6, p {color : #FFF; font-family : verdana,sans-serif;}
h1 { font-size : 140%; }
h2 { font-size : 110%; }
h3 { font-size : 100%; }
h4 { font-size : 90%; text-decoration : underline; }
h5 { font-size : 80%; text-decoration : underline; }
h6 { font-size : 70%; text-decoration : underline; }

p {
  font-size : 70%;
  line-height : 1.3em;
}

a:link {
  color : #f9004b;
  text-decoration : none;
  font-weight : bold;
}
a:visited {
  color : #f9004b;
  text-decoration : none;
  font-weight : bold;
}
a:active {
  color : #f9004b;
  text-decoration : none;
  font-weight : bold;
}
a:hover {
  color : #80FF00;
  text-decoration : underline;
  font-weight : bold;
}



/***  Navigation links  *************************************************/

.menutext {
  font: normal 14px arial;
  font-weight: bold;
  text-transform:uppercase;
  text-align:center;
  margin:0px 10px 0px 10px;
}

a.menutext:link {
  color : #FFF;
  text-decoration : none;
}

a.menutext:visited {
  color : #FFF;
  text-decoration : none;
}

a.menutext:active {
  color : #FFF;
  text-decoration : none;
}

  a.menutext:hover {
  color : #FFF;
  text-decoration : none;
  background-color : #f9004b;
}



/***  Div layout  *******************************************************/

#header { /* Contains the header image and navbar */
  margin: 0 auto;
  text-align: center;
  height: 139px;
  width: auto;
}

#wrapper { /* Nests gallery div and content div */
  top: 150px;
  margin: 0 auto;

  width: 60%;
  height: auto;
}

#gallery {
  float: left;
  padding: 10px;
  text-align: center;
  background-color: #262829;
  width: 200px;
  border-bottom:2px solid #666869;
  border-top:2px solid #666869;
}

#content {
  text-align: left;
  background-color: #1e2021;
  margin: 0 0 0 0px;
  padding: 10px;
  border-bottom:2px solid #666869;
  border-top:2px solid #666869;
}

#gallerycontent {
  width:660px;
  text-align: left;
  background-color: #1e2021;
  padding: 10px;
  border-bottom:2px solid #666869;
  border-top:2px solid #666869;
  top: 150px;
  margin: 0 auto;
}

.spacer { /* Injects blank space between other divs */
  height : 12px;
}

.youtube { /* Center aligns youtube videos */
  text-align : center;
}

#note {
	background-color: #262829;
	border: 1px dashed #80FF00;
	border-bottom:2px solid #666869;
	text-align: left;
	vertical-align: middle;
	padding: 0px 20px 0px 20px;
	width: auto;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#noteboxleft {
	background-color: #262829;
	border: 1px #80FF00;
	border-bottom:2px solid #666869;
	text-align: left;
	vertical-align: left;
	padding: 0px 20px 0px 20px;
	width: 313px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	float:left;
}

#noteboxright {
	background-color: #262829;
	border: 1px #80FF00;
	border-bottom:2px solid #666869;
	text-align: left;
	vertical-align: right;
	padding: 0px 20px 0px 20px;
	width: 313px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	float:right;
}


#news {
 	 margin: 0 0 0 0px;
  	padding: 10px;
	text-align: left;
	padding: 0px 20px 0px 20px;
	width: 80%;
	height: 300px;
	verticle-align:middle;
}