/*
	Sussex Internet
	
	Screen Styles for Reach for the Skies
	
	Created by Neil Kelsey
	on: 28.09.2006

*/

/* Start of tag styles */

body
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
	word-spacing:0.15em;
	letter-spacing:0.01em;
	padding:0;
	margin:0;
	background-image:url(images/body-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#4D99E6;
	color:#000000;
	}
	
a
	{
	color:#171495;
	text-decoration:none;
	}
	
a:hover
	{
	color:#171495;
	text-decoration:underline;
	}
	
h1
	{
	color:#171495;
	}
	
h2
	{
	color:#171495;
	font-size:1.4em;
	}
	
/* End of tag styles */

/* Start of universal styles */

.clear
	{
	clear:both;
	}
	
.center
	{
	text-align:center;
	}
	
.larger
	{
	font-size:1.2em;
	font-weight:500;
	}
	
.shop-menu
	{
	text-decoration:underline;
	color:#000000;
	}
	
.shop-menu:hover
	{
	text-decoration:underline;
	color:#145595
	}
	
.margin-top
	{
	margin-top:35px;
	}

/* End of universal styles */

/* Start of site structure */

#container
	{
	width:758px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #000000;
	margin-top:35px;
	}
	
#container-bg
	{
	float:left;
	background-color:#FFFFFF;
	}
	
/* Start of div's inside of #container */

#menu-column
	{
	float:left;
	width:150px;
	}
	
/* Start of #menu-column styles */

.ul-menu-column
	{
	padding:0;
	margin:0;
	}

.li-menu-column
	{
	margin:0;
	color:#FFFFFF;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:12px;
	list-style:none;
	background-image:url(images/menu-item-bg.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	}

.a-menu-column
	{
	color:#FFFFFF;
	padding-top:5px;
	text-decoration:none;
	padding-bottom:5px;
	padding-left:4px;
	_padding-left:5px;
	padding-right:4px;
	_padding-right:5px;
	}
	
.a-menu-column:hover
	{
	color:#FF0000;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:4px;
	_padding-left:5px;
	padding-right:4px;
	_padding-right:5px;
	}

/* End of #menu-column styles */

/* Start of div's inside of #menu-column */

#menu-top
	{
	float:left;
	width:139px;
	height:24px;
	font-weight:bold;
	font-size:14px;
	padding-left:5px;
	padding-top:6px;
	background-image:url(images/menu-top-bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0
	}

/* End of div's inside of #menu-column */

#main-column
	{
	float:left;
	width:758px;
	}
	
/* Start of Div's inside of #main-column */

#banner
	{
	float:left;
	width:758px;
	height:100px;
	}
	
#buttons
	{
	float:left;
	width:738px;
	font-size:13px;
	padding-top:3px;
	padding-bottom:4px;
	padding-left:20px;
	margin-bottom:1px;
	font-weight:bold;
	background-image:url(images/buttons-bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#buttons-shop
	{
	float:left;
	width:738px;
	_width:758px; /* IE Only */
	font-size:13px;
	padding-top:3px;
	padding-bottom:4px;
	padding-left:20px;
	margin-bottom:1px;
	font-weight:bold;
	background-image:url(images/buttons-bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	}
	
/* Start of #buttons styles */

.a-buttons
	{
	color:#ffffff;
	text-decoration:none
	}
	
.a-buttons:hover
	{
	color:#ffffff;
	text-decoration:underline;
	}

/* End of #buttons styles */

.box
	{
	float:left;
	width:252.6px;
	height:252.6px;
	}

.image
	{
	float:left;
	width:126px;
	height:126px;
	}
	
#titlebar
	{
	float:left;
	width:100%;
	}
	
.titles
	{
	float:left;
	width:252px;
	text-align:center;
	}
	
.small-container
	{
	float:left;
	width:126px;
	}
	
.small-titles
	{
	float:left;
	width:126px;
	text-align:center;
	}
	
#main-body
	{
	float:left;
	width:468px;
	padding-top:18px;
	padding-bottom:18px;
	padding-left:18px;
	padding-right:18px;
	}
	
#right-body
	{
	float:left;
	width:252px;
	}
	
.footer
	{
	float:left;
	margin-top:20px;
	text-align:center;
	width:758px;
	padding-top:8px;
	padding-bottom:8px;
	}

/* End of Div's inside of #main-column */

/* End of div's inside of #container */

a.headerNavigation {
color:blue;
}

a.headerNavigation:hover {
color:blue;
text-decoration:underline
}

/* End of site structure */

/* End of document */
