/*
	Sussex Internet
	
	Screen Styles for Sussex Eyecare
	
	Created by Caleb Hale
	on: 19/11/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:#84b13c url(/images/body_background.png) repeat-x
	}
	
img
	{
	vertical-align:middle;
	}
	
td
	{
	vertical-align:top;
	}
	
p
	{
	margin-bottom:10px;
	}

h3 {
  font-size:1.3em;
  padding-bottom:10px;
  color:#360
}
h4 {
  font-size:1.1em;
  padding-bottom:6px;
  color:#360
}
h4 {
  font-size:1.1em;
  padding-bottom:6px;
  color:#360
}
h4 a {
  color:#360
}

input, textarea {
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.9em;
  padding:1px;
  border:#1F7214 1px solid;
  width:300px;
  background-color:#FFF
}

textarea {
  height:160px
}

input.button {
  width:auto
}

table {
  width:76%;
  padding-bottom:10px
}

th {
  padding-top:10px
}

hr {
  border-bottom:1px solid #7CA53A;
  height:1px;
  margin-top:10px;
  margin-bottom:10px
}

/* 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
	}

.clear
	{
	clear:both
	}

.green
	{
	color:#0c6400;
	font-weight:bold
	}
	
.larger {
  font-size:1.2em;
  font-weight:bold;
  padding-bottom:5px
}

.form_error {
  color:#C00;
  margin-left:5px;
  font-size:0.9em
}

.left-margin {
  margin-left:40px
}

.small-margin-top {
  margin-top:10px
}

#map {
  width:340px;
  height:300px;
  overflow:hidden
}

/* End of universal styles */

/* Start of site structure */

#container {
  width:900px;
  margin:0 auto;
  border-left:#CCC 1px solid;
  border-right:#CCC 1px solid
}

#header {
  background-image:url(/images/main_header.png);
  height:131px;
  text-indent:-9999px
}

#menu {
  background-image:url(/images/menu_bar.png);
  height:37px;
  padding-top:3px;
  padding-left:225px;
}
#menu ul {
  float:left;
}
#menu li {
  display:inline;
  margin-right:20px
}
#menu li a {
  color:#FFF
}
#menu li a:hover {
  color:#c8f0c8
}

#telephone_number {
	margin-right:20px;
	font-weight:bold;
	color:#FFFFFF;
	float:right;
}

#main {
  background:url(/images/main_background.png) #FFF repeat-y;
}

#left-menu {
  width:201px;
  border-left:1px solid #fdfdfd;
  font-size:1.1em;
  padding-bottom:10px;
  float:left;
  font-weight:bold
}
#left-menu ul {
  padding-top:10px
}

#left-menu li {
  background-image:url(/images/left_menu_arrow.png);
  background-repeat:no-repeat;
  background-position:20px center;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:10px;
  border-top:#fdfdfd 1px solid;
  text-indent:20px
}
#left-menu li.open {
  background-image:url(/images/left_menu_arrow_down.png);
}
#left-menu li.submenu {
  background-image:none;
  text-indent:30px;
  font-weight:normal;
  font-size:0.9em;
  border:0
}

#left-menu li a {
  color:#360
}

#left-menu li.bottom {
  border-bottom:#fdfdfd 1px solid;
}

#contact {
  font-weight:normal;
  margin-top:30px;
  margin-bottom:20px;
  text-align:center
}

#content {
  float:right;
  width:660px;
  margin-right:18px;
  margin-left:18px;
  text-align:justify
}
#content ul {
  margin-left:25px;
  margin-bottom:10px
}
#content li {
  list-style:outside
}

#home-box {
  background:url(/images/home_box.png);
  width:396px;
  height:149px;
  padding:10px;
  font-size:0.95em;
  float:left;
  margin-top:1px
}

#home-slideshow {
  width:226px;
  height:165px;
  padding:3px;
  float:right;
  background:url(/images/home_slideshow.png)
}

.portal {
  width:143px;
  height:107px;
  float:left;
  margin:15px 11px
}

.portal .image {
  height:87px
}
.portal .text {
  background:url(/images/portal_text.png);
  height:18px;
  color:#FFF;
  text-align:center;
  margin-top:1px;
  padding-top:1px
}
.portal .text a {
  color:#FFF;
}

.content-block {
  padding-bottom:15px
}
.content-block .text {
  background:url(/images/content_block.png);
  height:88px;
  width:494px;
  float:left;
  padding:10px;
  font-size:0.95em
}
.content-block .image {
  float:right;
  width:143px;
  height:105px;
  margin-top:1px
}
.content-block .image .image-img {
  height:87px;
}
.content-block .image .title {
  background:url(/images/portal_text.png);
  height:17px;
  text-align:center;
  padding-top:1px
}
.content-block .image .title a {
  color:#FFF
}

.page-image {
  float:right;
  margin-left:15px;
  margin-bottom:15px
}
.page-image .title {
  background:url(/images/portal_text.png);
  height:17px;
  text-align:center;
  padding-top:1px;
  color:#FFF;
  width:143px
}

#footer {
  background-color:#6b932a;
  border-left:1px solid #6b932a;
  border-right:1px solid #6b932a;
  text-align:center;
  width:900px;
  margin:0 auto;
  color:#FFF;
  padding:3px 0;
  margin-bottom:10px;
  font-size:0.8em
}
#footer a {
  color:#FFF;
  text-decoration:underline
}
#footer li {
  display:inline;
  margin:0 80px;
}

#float_left {
  float:left;
  width:310px
}
#float_right {
  float:right;
  width:340px;
  height:300px;
  padding-bottom:10px
}

/* End of site structure */

/* End of document */