/*
	Sussex Internet
	
	Screen Styles for Barnstormers
	
	Created by Amy Koller
	on: 31.07.2007

*/

/* browser unification */

:link,:visited {text-decoration:none}
ul,ol {list-style:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
img {border:none}
address {font-style:normal}

/* End of browser unification */

/* Start of tag styles */

body
	{
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.75em;
	word-spacing:0.15em;
	letter-spacing:0.01em;
	text-align:justify;
	background-color:#FFF
	}
	
img
	{
	vertical-align:middle;
	}
	
td
	{
	vertical-align:top;
	}
	
h1
	{
	position:relative;
	right:3px;
	text-transform:uppercase;
	font-size:33px;
	font-weight:normal;
	margin-bottom:10px;
	text-align:left
	}

h1 .small {
  font-size:0.6em
}

h2
	{
	position:relative;
	left:3px;
	color:#FF7F00;
	font-weight:normal;
	font-size:15px;
	margin-bottom:10px;
	}

h4 {
  position:relative;
  bottom:10px;
  font-size:1.5em;
  margin-left:20px
}
h3 {
  float:right;
  font-size:2em
}

li
	{
	margin-left:15px;
	padding-left:14px;
	margin-bottom:8px;
	background:
		url(/images/li_bg.gif)
		top
		left
		no-repeat;
	}

p
	{
	margin-bottom:10px;
	padding-left:4px;
	}

input
	{
	width:300px;
	}

textarea
	{
	width:300px;
	height:50px;
	}

table#where {
  width:100%
}

table#where td {
  padding:2px;
  border-bottom:1px solid #666;
  cursor:pointer
}

table#pics {
  width:100%;
	position:relative;
	bottom:50px;
}

table#pics td {
  text-align:center;
  border:2px solid #171649;
  width:33.3%;
  padding:10px;
}

p#address {
  font-size:1.2em
}

.clear
	{
	clear:both
	}

/* End of tag styles */

/* Start of universal styles */

.bold
	{
	font-weight:bold
	}
	
.italic
	{
	font-style:italic
	}
	
.underline
	{
	text-decoration:underline
	}
	
.left
	{
	text-align:left
	}
	
.center
	{
	text-align:center
	}

.right
	{
	text-align:right
	}
	
.justify
	{
	text-align:justify
	}

.form_error
	{
	color:#ff0000;
	}

/* End of universal styles */

/* Start of site structure */

#container
	{
	margin-left:auto;
	margin-right:auto;
	width:950px;
	}

#banner
	{
	width:950px;
	height:190px;
	}
	
#banner_none_flash
	{
	height:60px;
	width:950px;
	padding-top:140px;
	background:
		url(../images/banner_bg.jpg)
		top
		left
		no-repeat;
	}
	
#menu ul li
	{
	display:inline;
	background:none;
	}

#menu a
	{
	color:#ffffff
	}

#menu a:hover
	{
	text-decoration:underline
	}

.image_left {
	float:left;
	margin-right:5px;
	}

#left_box_top
	{
	float:left;
	margin-left:10px;
	width:440px;
	padding-left:5px;
	padding-bottom:10px;
	}
	
#main_content
	{
	float:left;
	margin-left:10px;
	width:910px;
	padding-left:5px;
	padding-bottom:10px;
	}
	
#main_content_half
	{
	float:left;
	margin-left:10px;
	width:435px;
	padding-left:5px;
	padding-bottom:10px;
	}

.left_box_bottom
	{
	float:left;
	margin-right:20px;
	width:205px;
	height:200px;
	}

	
#right_box
	{
	float:right;
	width:480px;
	height:280px;
	margin-bottom:10px;
	}

#right_box img
	{
	padding:10px;
	float:left;
	}
	
#right_column
	{
	float:right;
	width:480px;
	}
	
#footer_container
	{
	width:950px;
	height:62px;
	margin-left:auto;
	margin-right:auto;
	}

#footer
	{
	float:left;
	margin-left:10px;
	margin-right:10px;
	padding-top:38px;
	padding-left:10px;
	width:930px;
	height:62px;
	background:
		url(/images/footer_bg.gif)
		top
		left
		no-repeat;
	}

#footer p
	{
	font-size:0.9em;
	color:#ffffff;
	}

#footer a
	{
	color:#ffffff;
	}

#footer a:hover
	{
	text-decoration:underline
	}

#right_text
	{
	position:relative;
	bottom:80px;
	left:40px;
	}
	
	
/* End of site structure */

/* End of document */
