/*
	Sussex Internet
	
	Screen Styles for Sussex Internet
	
	Created by Caleb Hale
	on: 24.04.2008
	
*/

/* browser unification */

:link,:visited,:focus {text-decoration:none; outline:0}
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;
	background:#FFF;
	padding:21px 0
}

img {
	vertical-align:middle;
}

td {
	vertical-align:top;
}

p {
	margin-bottom:10px;
}

h2 {
	text-indent:-9999px;
	background:url(/images/sussex_internet.png);
	width:317px;
	height:97px;
	margin-bottom:14px;
	margin-left:6px
}

h1,
h5 {
	font-size:2.2em;
	font-weight:normal
}
h1 {
	padding-bottom:10px
}

h3 {
	color:#3ca7d3;
	font-size:2em;
	border-bottom:1px solid #e8e8e8;
	font-weight:normal;
	margin-bottom:5px
}
h4 {
	font-size:1.2em;
	margin-bottom:2px
}

input.input, textarea.input {
	font-family:inherit;
	font-size:1em;
	width:400px;
	border:1px solid #999999;
	padding:1px;
	background:url(/images/input.gif) repeat-x #FFF;
	color:#666
}
textarea.input {
	height:150px
}

#ammount {
	background-image:url(/images/pound.gif) no-repeat;
	}

acronym {
	cursor:help
}

input.small {
	width:100px
}

span.small {
	font-size:0.8em
}

/* End of tag styles */

/* Start of universal styles */

.italic {
	font-style:italic
}

.bold {
	font-weight:bold
}

.clear {
	clear:both
}

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

.larger {
	font-size:1.2em
}


/* End of universal styles */

/* Start of site structure */

#container {
	width:870px;
	margin:0 auto
}

#menu {
	background:url(/images/menuBar.png) no-repeat #1a1a1a;
	height:38px;
	font-size:0.9em
}
#menu li {
	list-style:none;
	float:left;
	padding-right:2px;
	background:url(/images/menuSeperator.gif) right 8px no-repeat
}
#menu li.last {
	background:none
}
#menu li a {
	color:#FFF;
	height:23px;
	display:block;
	padding:4px 13px 0 15px;
	float:left
}
#menu li.first a:hover, #menu li.first.selected a {
	background:url(/images/menuBarSelected.png) repeat-x top left
}
#menu li a:hover, #menu li.selected a {
	background:url(/images/menuBarSelected.png) repeat-x top right
}

#left {
	float:left;
	width:708px;
	border-right:1px solid #e8e8e8
}
#content {
	clear:both;
	padding:0 10px;
	color:#666;
	/*font-size:1em*/
}
#content p a {
	text-decoration:underline;
	color:#666
}
#content p a:hover {
	color:#000
}

#left .panel {
	background:url(/images/panel.png) no-repeat #31a3d2;
	float:left;
	width:650px;
	height:115px;
	padding:25px;
	color:#FFF;
	clear:both;
	margin-bottom:25px
}

#right {
	float:right;
	width:154px
}
#right input {
	vertical-align:middle
}
#right input.text {
	width:123px;
	padding:1px;
	height:17px;
	border:1px solid #e8e8e8;
	background:url(/images/input.gif) repeat-x #FFF
}
#right .panel {
	background:url(/images/rightPanel.png) no-repeat #424242;
	float:right;
	width:154px;
	height:165px;
	margin-bottom:25px
}
#right .panel a {
	color:#FFF;
	display:block;
	width:138px;
	padding-left:16px;
	height:109px
}
#right .panel h5 a {
	padding:14px 0 10px 16px;
	height:auto
}
#right .panel p {
	font-size:0.8em;
}
#right .small {
	font-size:0.8em;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
}

div.homePanel {
	background:url(/images/homePanel.png) no-repeat #f5f8f9;
	width:327px;
	height:176px;
	float:left;
	margin-bottom:30px;
	padding:17px 0 0 13px
}
div.homePanel.right {
	margin-left:20px
}
div.homePanel img {
	float:left
}
div.homePanel p {
	margin-top:80px;
	font-size:1.40em;
}
div.homePanel a {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
}
div.homePanel a.button {
	background:url(/images/homeButton.png) no-repeat;
	width:97px;
	height:17px;
	display:block;
	float:left;
	color:#FFF;
	padding:1px 0 0 4px
}

div.portfolio {
	margin-bottom:30px
}
div.portfolio img {
	float:left;
	border-bottom:1px solid #f5f5f5;
	padding-bottom:1px
}
div.portfolio div {
	float:left;
	width:530px;
}
div.portfolio p {
	height:39px;
	margin-left:14px
}
div.portfolio p.title {
	color:#333;
	font-size:1.8em;
	height:25px
}
div.portfolio a.bar {
	background:url(/images/portfolioLink.gif);
	height:26px;
	display:block;
	float:left;
	color:#333;
	width:530px;
	padding-left:14px;
	line-height:26px;
	margin-bottom:30px
}
div.portfolio a.bar span {
	background:url(/images/portfolioArrow.gif) no-repeat center right;
	padding-right:16px
}
div.portfolio a:hover {
	color:#3596bf
}
#content div.portfolio p.title a {
	text-decoration:none
}

#info {
	margin-top:50px;
	font-size:0.9em
}

#leftCol {
	float:left;
	width:450px;
}
#rightCol {
	float:left;
	width:238px
}

#footer {
	margin-top:25px;
	margin-right:8px;
	float:left
}
#footer li {
	float:left;
	list-style:none;
	width:518px;
	font-size:0.9em;
	padding:0 8px;
	color:#3596bf;
	border-top:1px solid #e8e8e8
}
#footer a {
	background:url(/images/topArrow.gif) no-repeat right center;
	color:#666;
	padding-right:10px
}
#footer a:hover {
	color:#3596bf
}
#footer li.right {
	float:right;
	width:150px;
	text-align:right;
	border-top:1px solid #3ca7d3
}

#domainTable{
	width:270px;
}

#domainTable thead th{
text-align:left;
}
/* End of site structure */

/* End of document */