/*
Theme Name: Seattle Server
Description: Custom Theme for Seattle Server
*/

.BoxContent p, #BoxContent p {margin: 0 0 20px}
	.BoxContent ul, .BoxContent ol {margin: 0 0 20px 20px}
		.BoxContent ul ul, .BoxContent ol ol {margin: 0 0 0 20px}
	.BoxContent h3 {margin: 20px 0 10px}

fieldset {
	color: #F2F3F4;
	border: 0;
}
legend { display:none; color: #F2F3F4;}
label { color: black; }
/* Global Resetting */
html{
	width: 100%;
	height: 100%;
	background:url(images/page_bg.png) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11pt;
	line-height:1.6em;
}
body {
	width: 100%;
	height: 100%;
}
* {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}
a img{border:0;}
a {font-weight:bold; text-decoration:none; color:#36586f;}
a:hover {text-decoration: underline;}
.clear{clear:both;}
ul {list-style-image:url(images/star10.gif); margin-left:20px;}
ul.inline {margin-left:0px;}
li {margin-top:.8em;}
.smaller {font-size:0.9em;}

/* Layout CSS */

#Main {
	margin-left:50px;
	margin-right:50px;
	background-color:#f2f3f4;
	border: 1px solid #999999;
	min-width: 810px;
}
#Container{
	margin-top:10px;
	margin-left:40px;
	margin-right:40px;
	padding-bottom:50px;
}
#TopLinks{
	text-align:right;
	margin-bottom:10px;
}
#ServiceLinks{
	float:left;
	margin-left: 13px;
	margin-top: 7px;
}
	#ServiceLinks li {display: inline;}
	#ServiceLinks ul {display: inline;}

#TestimonialsLink{
	float: right;
	margin-top: 7px;
}
#BottomLinks{
	text-align: center;
	margin-top: 7px;
	margin-bottom: 13px;
}
	#BottomLinks li {display: inline;}
	#BottomLinks ul {display: inline;}
#VeryBottomLinks{margin-bottom:30px; text-align:center}
	#VeryBottomLinks img {padding-right: 15px}
#VeryBottomLinksLeft{float: left;}
#VeryBottomLinksCenter{float: left; margin-left: 145px;}
#VeryBottomLinksRight{float: right;}
#Testimonials{}
#Testimonial{}
#Header {
	height:90px;
	background:url(images/navbar_bg.png) bottom left repeat-x;
	clear:left;
}

#ContentContainer {
	clear:both;
	background:#f5f5f5;
	padding-top:20px;
	padding-bottom:20px;
	overflow: auto;
}

#Banner {
	text-align: center;
}
#Content {}
#Footer {
	background-image:url(images/footer_bg.png);
	height:30px;
	clear:both;
	text-align:center;
}
	#FooterText {
		padding-top:4px;
		color:#f2f3f4;
		font-size:12px;
		font-weight:bold;
	}
#SingleBoxContainer, .SingleBoxContainer {clear:both;}
#SingleBoxHeader, .SingleBoxHeader  {
	font-size:1em;
	height:36px;
	background-image:url(images/blue_box_header_bg.png);
	text-align: center;
}
#SingleBoxHeaderTitle, .SingleBoxHeaderTitle {
	position:relative;
	top:7px;
	font-weight: bold;
}
#SingleBoxContent, .SingleBoxContent {
	background-image:url(images/box_content_bg.png);
	background-repeat:repeat-x;
	vertical-align:top;
}
#BoxContent, .BoxContent {
	position:relative;
	top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:35px;
}
#TriBoxContainer, .TriBoxContainer {clear:both;}
#TriBox1, .TriBox1 {float:left; width:31%;}
#TriBox2, .TriBox2 {
	margin-left: 3.5%;
	margin-right: 3.5%;
	float:left; 
	width:31%;
}
#TriBox3, .TriBox3 {float:left; width:30.8%;}
#DiBoxContainer, .DiBoxContainer {clear:both;}
#DiBox1, .DiBox1 {float:left; width:48.25%; margin-right:1.75%;}
#DiBox2, .DiBox2 {float:left; width:48.25%; margin-left:1.75%;}

/*--------------------------------------------------*/	
/* The rest of this file is for the second tutorial */
/*--------------------------------------------------*/

#NewsList,
#StaffList {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#NewsList li,
#StaffList li {
	margin: 0;
	list-style-type: none;
}
	#NewsList li.newsDateTitle span {
		color:#666;
		line-height:2em;
	}
	#NewsList li.newsDateTitle a {
		font-size:1.3em;
		font-weight:bold;
		color:#36586f;
		text-decoration:none;
		padding-left:20px;
		background:url(images/treeicons/news-file.gif) no-repeat left center;
	}
		#NewsList li.newsDateTitle a:hover {
			border-bottom:1px dotted #36586f;
		}
		
	#NewsList li.newsSummary {
		margin-bottom:20px;
	}
		#NewsList li.newsSummary span {
			font-size:1.1em;
			line-height:1.5em;
			color:#333;
		}
		#NewsList li.newsSummary a.readMoreLink {
			color:#36586f;
			text-decoration:none;
		}
			#NewsList li.newsSummary a.readMoreLink:hover {
				border-bottom:1px dotted #36586f;
			}

div.newsDetails {
	margin-bottom:10px;
}

div.newsDetails p {
	color:#666;
	margin:0;
	font-size:1em;
}

div.pageComments {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#StaffList .staffname { 
	clear: both;
	padding-left: 60px;
	height: 1.2em;
}

#StaffList .staffphoto {
	float: left;
	margin-left: 3px;
	margin-top: -1.2em;
}     
#StaffList .staffphoto img {
	border:1px solid #AAA;
}

#StaffList .staffdescription {
	margin-left: 60px;
	margin-bottom:30px;
}

#StaffPhoto {
	float: left;
	margin-right: 10px;
}

#StaffPhoto img {
	border:1px solid #AAA;
}

#PageComments {
	list-style:none;
	background:#e9e9e9;
	border:1px solid #ccc;
	border-bottom:0;
	padding:0;
	margin:0;
}
	#PageComments li {
		list-style:none;
		padding:5px;
		margin:0;
		font-size:1em;
		border-bottom:1px dotted #bbb;
	}
		#PageComments li p span {
			font-style:italic;
		}
		#PageComments a.deletelink {
			font-weight:bold;
		}

			
#PageNumbers {
	font-weight:bold;
	color:#333;
	font-size:1.1em;
	text-align:center;
	padding:5px;
	border:1px solid #ddd;
	background:#e9e9e9;
}
#PageNumbers * {
	padding:0 5px;
	line-height:1.5em;
}
#PageNumbers a {
	color:#36586f;
	text-decoration:none;
}
	#PageNumbers a:hover {
		text-decoration:underline;
	}
/*----------------------------------------------------------*/
/*Copyed from "updated' css 				    */
/*----------------------------------------------------------*/
#BrowserPoll {
	width: 200px;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
}
#BrowserPoll h2 {
	color:#36586f;
	font-size:1.2em;
}
#BrowserPoll ul {
	margin: 0;	
}
#BrowserPoll li {
	list-style-type: none;
	margin: 0;
}
#BrowserPoll .browser {
	color:#333;
	line-height:1.5em;
	font-size:1.1em;
}
#BrowserPoll .bar {
	background-color: #015581;
}
#BrowserPoll form {
	width:100%;
}
	#BrowserPoll form fieldset{
		border:0;
	}
		#BrowserPoll .message {
			color:red;
			background:#ddd;
			border:1px solid #ccc;
			padding:5px;
			margin:5px;
		}
		#BrowserPoll span.message {
			width: 100%;
		}
		#BrowserPoll form div {
			margin-top:10px;
			width:100%;
		}
		#BrowserPoll form label {
			font-size:1.1em;
			color:#333;
		}
			#BrowserPoll form label.left {
				float:left;
			}
			#BrowserPoll form label.FormHeading {
				font-size:1.3em;
				color:#ff7200;
				font-weight:bold;
			}
		#BrowserPoll form input.text,
		#BrowserPoll form textarea,
		#BrowserPoll form select {
			width:100%;
			color:#000;
			background:#f8f8f8;
			border:1px solid #aaa;
			padding:3px;
		}
		
		#BrowserPoll form input.numeric {
			width:20px;
			background:#f0f0f0;
			border:1px solid #aaa;
			padding:3px;
			color:#000;
			margin-right:4px;
		}
		#BrowserPoll form input.year {
			width:35px;
		}
		#BrowserPoll form p.Actions {
			text-align:right;
			padding:0 22px 15px 0;
		}
			#BrowserPoll form p.Actions input {
				padding:2px;
			}
		#BrowserPoll form ul.optionset {
			padding-top: 15px;
			padding-left: 15px;
		}
			#BrowserPoll form ul.optionset li {
				list-style-type: none;
			}

#Header form {
	float:right;
	width:160px;
	margin:25px 25px 0px 25px;
}
	#Header form * {
		display:inline !important;
	}
	#Header form div {
	}
	#Header form input.text {
		width:110px;
		color:#000;
		background:#f0f0f0;
		border:1px solid #aaa;
		padding:3px;
	}
	#Header form input.action {
		font-weight:bold;
	}

.searchResults h2 {
	font-size:2.2em;
	font-weight:normal;
	color:#36586f;
	margin-bottom:15px;
}
.searchResults p.searchQuery {
	color:#333;
	margin-bottom:10px;
}

.searchResults ul#SearchResults li {
	margin-bottom:20px;
}
	ul#SearchResults p {
		font-size:1.1em;
		font-weight:normal;
		line-height:2em;
		color:#333;
	}
	ul#SearchResults a.searchResultHeader {
		font-size:1.3em;
		font-weight:bold;
		color:#36586f;
		text-decoration:none;
		margin:20px 0 8px 0;
		padding-left:20px;
		background:url(images/treeicons/search-file.gif) no-repeat left center;
	}
		ul#SearchResults a {
			text-decoration:none;
			color:#36586f;
		}
		ul#SearchResults a:hover {
		border-bottom:1px dotted #36586f;
		}

/* Search form styling */
#SearchForm {float:left;}

#SearchForm form * {display:inline !important;}


/* GENERIC FORM STYLING */
#Content form {
	width:600px;
}
	#Content form fieldset {
		border:0;
	}
		#Content .message {
			color:red;
			background:#ddd;
			border:1px solid #ccc;
			padding:5px;
			margin:5px;
		}
		#Content span.message {}
		#Content form div {
			margin-top:10px;
			width:100%;
		}
		#Content form label {
			text-align:right;
			font-size:1.0em;
			font-weight:bold;
		}
			#Content form label.left {
				float:left;
				width:12em;
			}
			#Content form label.FormHeading {
				font-size:1.3em;
				color:#ff7200;
				font-weight:bold;
			}
		#Content form input.text,
		#Content form textarea,
		#Content form select {
			width:300px;
			color:#000;
			background:#f8f8f8;
			border:1px solid #aaa;
			padding:3px;
		}
		
		#Content form input.numeric {
			width:20px;
			background:#f0f0f0;
			border:1px solid #aaa;
			padding:3px;
			color:#000;
			margin-right:4px;
		}
		#Content form input.year {
			width:35px;
		}
		#Content form p.Actions {
			text-align:right;
			padding:0 22px 15px 0;
		}
			#Content form p.Actions input {
				padding:2px;
			}
.invisible {position: absolute; text-indent: -9999px}