/*
	Sussex Internet
	
	Screen Styles for Camrosa
	
	Created by Neil Kelsey
	on: 24.09.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:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	word-spacing:0.15em;
	letter-spacing:0.01em;
	background:
		url(/images/container_bg.gif)
		top
		center
		repeat-y
		#f0f3f3;
	}
	
img
	{
	vertical-align:middle;
	}
	
td
	{
	vertical-align:top;
	}
	
a:hover
	{
	color:#000000;
	text-decoration:underline
	}
	
h1
	{
	color:#214D70;
	font-size:1.9em;
	font-weight:normal;
	margin-bottom:10px;
	}

h2
	{
	color:#333333;
	font-size:1.2em;
	margin-bottom:10px;
	}

input
	{
	width:300px;
	}

textarea
	{
	width:300px;
	}
	
p
	{
	margin-bottom:10px;
	}

li
	{
	margin-left:20px;
	margin-bottom:10px;
	list-style:inside;
	color:#214D70;
	}

a
	{
	color:#214D70;
	}

/* 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
	}
	
.blue
	{
	color:#214D70;
	}
	
.clear
	{
	clear:both
	}
	
.blue_box span.form_error
	{
	color:#CC0000;
	margin-left:10px;
	font-size:0.9em;
	}

/* End of universal styles */

/* Start of site structure */

#super_container
	{
	width:100%;
	background:
		url(/images/body_bg.gif)
		top
		left
		repeat-x;
	}

#container
	{
	margin-left:auto;
	margin-right:auto;
	width:914px;
	background:
		url(/images/container_bg.gif)
		top
		center
		repeat-y;
	}
	
#top_header
	{
	width:914px;
	height:52px;
	font-weight:bold;
	font-size:1.2em;
	}
	
#top_header ul
	{
	margin-left:35px;
	}
	
#top_header li
	{
	float:left;
	padding-top:20px;
	margin-left:0;
	display:inline;
	padding-left:15px;
	padding-right:15px;
	height:32px;
	background:
		url(/images/break_line_bg.png)
		top
		right
		no-repeat;
	}

#top_header a
	{
	color:#333333;
	}
	
#top_header a:hover
	{
	cursor:pointer;
	}
	
#header
	{
	position:relative;
	left:1px;
	width:914px;
	height:272px;
	background:
		url(/images/header.jpg)
		top
		left
		repeat-y;		
	}
	
#titles
	{
	float:left;
	width:442px;
	height:220px;
	text-indent:-9999px;
	}
	
#star_link
	{
	float:left;
	position:relative;
	bottom:30px;
	width:115px;
	height:120px;
	margin-left:340px;

	}
	
#circles
	{
	width:914px;
	height:147px;
	background:
		url(/images/circles.jpg)
		top
		center
		no-repeat
	}
	
.blue_box
	{
	width:734px;
	padding-top:40px;
	padding-left:90px;
	padding-right:90px;
	min-height:148px;
	background:
		url(/images/blue_box.png)
		top
		center
		no-repeat
	}
	
.blue_box span
	{
	color:#333333;
	}
	
.orange_box
	{
	width:734px;
	padding-top:40px;
	padding-left:90px;
	padding-right:90px;
	min-height:148px;
	background:
		url(/images/orange_box.png)
		top
		center
		no-repeat
	}
	
.orange_box span
	{
	color:#333333;
	}

/* End of site structure */

/* End of document */