/*
	Sussex Internet

	Screen Styles for Wise and Wherefores

	Created by Caleb Hale
	on: 18.01.2008

*/

/* browser unification */

:link,:visited {text-decoration: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:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	margin:10px 0;
	background:#999b90
	}

img
	{
	vertical-align:middle;
	}

td
	{
	vertical-align:top;
	}

p
	{
	margin-bottom:20px;
	}

h1, h2 {
  text-indent:-9999px
}

h3 {
  color:#822434;
  font-size:1.4em;
  padding-bottom:10px
}

h4 {
  color:#822434;
  font-size:1.1em;
  padding-bottom:5px
}

input, textarea {
  width:400px;
  border:1px solid #822434;
  padding:1px;
  font-size:0.9em;
  background-color:#FFF
}

textarea {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  height:180px
}

input.button {
  width:auto;
  padding:2px
}

hr {
  background-color:#822434;
  border-bottom:1px solid #822434;
  margin-bottom:15px
}

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

.quote {
  font-size:1.6em;
  font-family:Arial, Helvetica, sans-serif
}

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

/* End of universal styles */

/* Start of site structure */

#container {
  width:898px;
  margin:0 auto;
  background-color:#FFF
}

#headerLeft {
  width:392px;
  height:104px;
  float:left;
  color:#666;
  padding-top:130px;
  padding-left:30px;
  padding-right:30px;
  
  background-image:url(/images/header.png)
}

#headerLeft p {
  background:#009966
}

#headerRight {
  width:446px;
  height:234px;
  float:right
}

#menu {
  width:876px;
  height:32px;
  font-size:1.1em;
  padding-top:4px;
  padding-left:20px;
  border-left:1px solid #e9e9e9;
  border-right:1px solid #e9e9e9;
  background-image:url(/images/menu.png);
  background-repeat:no-repeat;
}

#menu a {
  color:#FFF
}

#menu li {
  display:inline;
  margin-right:10px;
  padding-right:12px;
  background:url(/images/menuSeperate.png) no-repeat right
}

#menu li.last {
  background:none
}

#containerBody {
  width:896px;
  border-right:1px solid #e9e9e9;
  border-left:1px solid #e9e9e9;
  background-image:url(/images/left_menu_bg.gif);
  background-repeat:repeat-y;
  float:left;
}

#leftMenu {
  width:171px;
  float:left;
  font-size:1.1em;
}

#leftMenu ul {
  margin:10px;
  list-style:none
}

#leftMenu li {
  padding:4px 0 4px 25px;
  background:url(/images/menuBullet.png) no-repeat 10px center;
  border-top:1px solid #e9e9e9;
  cursor:pointer
}

#leftMenu li.last {
  border-bottom:1px solid #e9e9e9
}

#leftMenu li.selected {
  background-image:url(/images/menuBulletSelected.png);
  color:#822434
}

#leftMenu li:hover {
  background-image:url(/images/menuBulletSelected.png);
}

#leftMenu a {
  color:#666;
  font-weight:bold;
}

#leftMenu .selected a {
  color:#822434
}

#content {
  float:left;
  padding:10px 30px;
  width:664px
}

#content a {
  text-decoration:underline;
  color:#000
}

#content a:hover {
  color:#822434;
}

#content li {
  background:url(/images/bullet.png) 0 center no-repeat;
  padding-left:12px;
  list-style:none
}

#content ul {
  margin-left:10px;
}

#homePanel #select {
  float:left;
  border-right:1px solid #e9e9e9;
  padding-right:8px;
  margin-right:8px
}

#homePanel #select li {
  background-image:url(/images/homeSelect.png);
  height:16px;
  width:283px;
  list-style:none;
  margin-bottom:6px;
  padding:5px 10px;
  background-position:top
}

#homePanel #select li.selected {
  background:url(/images/homeSelect.png) 0 26px;
  color:#FFF
}

#homePanel #panel {
  width:303px;
  height:124px;
  float:right;
  color:#FFF;
  padding:15px;
  overflow:hidden;
  background-image:url(/images/homePanel.png)
}

#homePanel #panel h4 {
  font-size:1.2em;
  color:#FFF
}

#homePanel #panel p {
  padding:0
}

#homePanel #panel a {
  color:#FFF
}

#homePanel #panel div {
  display:none
}

#homePanel #panel div.show {
  display:block
}

#footer {
  background-image:url(/images/footer.png);
  height:18px;
  margin-top:5px;
  text-align:center;
  font-size:0.9em;
  padding-top:3px;
  color:#999
}

#footer a {
  color:#000
}

#footer li {
  display:inline;
  margin:0 60px
}

/* End of site structure */

/* End of document */