/*
	Sussex Internet
	
	Screen Styles for Goals and Achievements
	
	Created by Neil Kelsey
	on: 24.10.2007
	
*/

/* browser unification */

:link,:visited {text-decoration:none}
ul {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/body_bg.png)
		top
		repeat-x
		#0066CC;
	color:#333333;
	}
	
img
	{
	vertical-align:middle;
	}
	
td
	{
	vertical-align:top;
	}

p
	{
	margin-bottom:10px;
	}
	
.p_semi
	{
	margin-bottom:8px;
	}

ul
	{
	margin-bottom:10px;
	}

ol
	{
	margin-bottom:10px;
	}
	
ul li
	{
	list-style:inside;
	padding-left:20px;
	list-style-type:disc;
	}

ol li
	{
	padding-left:0px;
	margin-left:35px;
	}

h1, .h1_inline
	{
	font-size:1.5em;
	font-weight:normal;
	margin-bottom:20px;
	color:#000000;
	}
	

h2
	{
	font-size:1.4em;
	font-weight:normal;
	margin:20px 0 20px 0;
	color:#000066;
	}

h3
	{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:14px;
	color:#000000;
	}

a
	{
	color:#314F85;
	}

a:hover
	{
	text-decoration:underline;
	}

input
	{
	width:342px;
	}

/* End of tag styles */

/* Start of universal styles */

.bold
	{
	font-weight:bold;
	color:#314F85;
	}
	
.italic
	{
	font-style:italic
	}
	
.underline
	{
	text-decoration:underline
	}
	
.left
	{
	text-align:left
	}
	
.center
	{
	text-align:center
	}

.right
	{
	text-align:right
	}
	
.justify
	{
	text-align:justify
	}
	
.image_left
	{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}
	
.image_right
	{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	}
	
.address_right
	{
	float:right;
	margin-right:110px;
	padding:20px;
	}
	
.clear
	{
	clear:both;
	}

/* End of universal styles */

/* Start of site structure */

#container
	{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	}
	
#header
	{
	width:950px;
	height:190px;
	margin-top:20px;
	background:
		url(/images/banner_bg.jpg)
		top
		left
		no-repeat;
	}

#menu
	{
	padding-top:167px;
	}

#menu li
	{
	display:inline;
	font-size:1.1em;
	}


#menu a
	{
	color:#ffffff;
	}

#menu a:hover
	{
	color:#000000;
	}
	
#content
	{
	float:left;
	width:950px;
	background:
		#FFFFFF;
	}

#left_column
	{
	float:left;
	width:575px;
	margin-top:20px;
	margin-left:20px;
	}

.testimonial_big
	{
	margin-right:30px;
	margin-bottom:10px;
	padding-left:40px;
	padding-top:15px;
	background:
		url(/images/top_quote.png)
		top
		left
		no-repeat;
	}

.testimonial_big h1
	{
	font-size:1.5em;
	font-weight:normal;
	line-height:1.3em;
	}
/*
.testimonial_small
	{
	position:relative;
	bottom:20px;
	padding-top:25px;
	margin-right:30px;
	height:32px;
	font-size:0.9em;
	margin-left:40px;
	background:
		url(/images/bottom_quote.png)
		top
		right
		no-repeat;
	}
*/

.testimonial_small
	{
	position:relative;
	bottom:20px;
	padding-top:25px;
	margin-right:10px;
	height:32px;
	font-size:0.9em;
	margin-left:40px;
	background:
		url(/images/bottom_quote.png)
		top
		right
		no-repeat;
		width:800px;
	}


.home_button
	{
	width:auto;
	}
	
.blue_box
	{
	float:left;
	width:535px;
	padding:10px 20px 0 20px;
	min-height:112px;
	margin-bottom:30px;
	background:
		url(/images/blue_box_bg.png)
		top
		left
		no-repeat
	}

.blue_box h1
	{
	font-size:1.5em;
	font-weight:normal;
	line-height:1.3em;
	}
	
.full_blue
	{
	float:left;
	width:870px;
	padding:10px 20px 0 20px;
	min-height:112px;
	background:
		url(/images/full_blue_box_bg.png)
		top
		left
		no-repeat
	}

#right_column
	{
	margin-top:20px;
	float:left;
	width:329px;
	padding-left:13px;
	padding-right:13px;
	}
	
.right_box_1
	{
	float:left;
	padding-left:20px;
	padding-right:10px;
	padding-top:10px;
	color:#FFFFFF;
	height:92px;
	width:295px;
	margin-bottom:15px;
	background:
		url(/images/right_box_1_bg.jpg)
		top
		left
		no-repeat;
		
	}
	
.right_box_2
	{
	float:left;
	padding-left:20px;
	padding-right:10px;
	padding-top:10px;
	color:#FFFFFF;
	height:102px;
	width:295px;
	margin-bottom:15px;
	background:
		url(/images/right_box_2_bg.jpg)
		top
		left
		no-repeat;
	}
	
.right_box_3
	{
	float:left;
	padding-left:20px;
	padding-right:10px;
	padding-top:10px;
	color:#FFFFFF;
	height:102px;
	width:295px;
	margin-bottom:15px;
	background:
		url(/images/right_box_3_bg.jpg)
		top
		left
		no-repeat;
	}

.right_box_4
	{
	float:left;
	padding-left:20px;
	padding-right:10px;
	padding-top:10px;
	color:#FFFFFF;
	height:92px;
	width:295px;
	margin-bottom:15px;
	background:
		url(/images/right_box_1_bg.jpg)
		top
		left
		no-repeat;
		
	}
	
.right_box_1 h1, .right_box_2 h1, .right_box_3 h1, .right_box_4 h1
	{
	font-weight:normal;
	font-size:1.5em;
	margin-bottom:5px;
	}

.right_box_1 p, .right_box_2 p, .right_box_3 p, .right_box_4 p
	{
	margin-bottom:5px;
	}

.right_box_1 a, .right_box_2 a, .right_box_3 a, .right_box_4 a
	{
	color:#ffffff;
	}


.customPageMenu{
background-color:#FFFFFF;
margin:0;
padding:0;
float:left;
width:950px;
}

.customPageMenu li{
list-style:none;
float:left;
background-color:#FFFFFF;
}
.customPageMenu a{
text-decoration:none;
}
	
#full_width
	{
	float:left;
width:926px;
margin-top:20px;
	margin-left:20px;
	
	}
	
#full_width_big_padding
	{
	float:left;
	margin-top:20px;
	padding-left:20px;
	padding-right:20px;
	}
	
#footer
	{
	float:left;
	width:940px;
	text-align:right;
	padding-top:40px;
	padding-right:10px;
	height:38px;
	margin-bottom:20px;
	background:
		url(/images/footer_bg.jpg)
		top
		left
		no-repeat;
	}

/* Start of corporate page styles */
	
#corporate_right_column
	{
	
	
	
	float:right;
	height:390px;
	color:#ffffff;
padding-left:15px;
padding-right:10px;
padding-top:15px;
width:231px;
	background:
		url(/images/corporate_right_column_bg.jpg)
		top
		left
		no-repeat;
	}

#corporate_right_column .bold
	{
	color:#ffffff;
	}

#corporate_right_column li
	{
	padding:0;
	list-style:none;
	font-weight:bold;
	}
	
#corporate_middle
	{
	float:left;
	width:660px;
	margin-bottom:20px;
	}

/* End of corporate page styles */

/* Start of contact page styles */

.form_error
	{
	color:#ff0000;
	}

/* End of contact page styles */

/* End of site structure */

/* End of document */