body {
	background: #999999 url("/images/bg_page.png");
	font-size: small;
	margin: 10px 0 10px 0px;
	}

a {
	color: #4462BD;
	text-decoration: underline;
	}

a:link {
	color: #4462BD;
	}

a:visited {
	color: #4462BD;
	}
	
a:active {
	color: #8FABBE;
	}

a:hover {
	color: #006699;
	}

/* a.rss
 * .rss is used add the orange RSS icon next to links to RSS resources
 */
a.rss {
	padding-left: 45px;
	background: url("/images/icon_rss.gif") no-repeat;

	}

/*
h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}
*/
/*
.content h2 {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	}
*/

h2 {
	background-color: red;
	background: url("/images/bullet_square.png") no-repeat left top;
	text-transform: uppercase;
	padding-left: 14px;
	color: #666666;
	font-family: verdana, arial, helvetica, sans;
	font-weight: bold;
	letter-spacing: 4px;
	font-size: x-small;
	margin: 1.5em 0 .5em 0;
	line-height: 100%;
	}

.sidebar h3 {
	color: #666666;
	font-size: x-small;
	margin: 0;


	}
	
.content h3 {
	color: #666666;
	font-family: verdana, arial, sans-serif;
	font-size: small;
	text-align: left;
	font-weight: bold;
	margin: 1em 0 .5em 0;
	}
	

#container {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 767px;
	background-color: #FFFFFF;
	border: 5px solid #D1D1D1;
	}

#center {
	float: left;
	width: 500px;
	overflow: hidden;
	}

.content {
	padding: 15px 15px 30px 15px;
	background-color: #FFFFFF;	
	color: #333333;
	font-family: trebuchet ms, verdana, sans-serif;
	font-size: small;
	}

.content p {
	color: #333333;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}

.content blockquote {
	line-height: 150%;
	}

.content li {
	margin: 0 0 .3em 0;
	}



.content p.posted {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	border-top: 1px solid #999999;
	text-align: left;
	margin-bottom: 25px;
	line-height: normal;
	padding: 3px;
	}


/* ---------------- Styles for sidebar ---------------- */
.sidebar {
	width: 220px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;	
	float: left;
	padding: 0 15px 5px 15px;
	}

.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
	}

.sidebar ul ul {
	margin-bottom: 0px;
	}

.sidebar #categories ul {
	padding-left: 15px;
	}

.sidebar li {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	line-height: 150%;
	margin: 10px 0 0 0;
	list-style-type: none;
	}

.sidebar #categories li {
	list-style-type: circle;
	}

.sidebar img {
	border: 3px solid #FFFFFF;
	}

.sidebar .feature {
	border-bottom: 1px dashed #BBB;
	padding: 10px 10px 20px 10px;
	background: url("/images/bg_feature-shorter.png") no-repeat left top;	
	line-height: 200%;
	}

.sidebar .feature_alt {
	border-bottom: 1px dashed #BBB;
	padding: 10px 10px 20px 10px;
	background: url("/images/bg_feature_alt-shorter.png") no-repeat left top;
	line-height: 200%;
	
	}

.sidebar .search {
	border-bottom: 1px dashed #BBB;
	padding: 10px 10px 20px 10px;
	background: url("/images/bg_feature-shorter.png") no-repeat left top;	
	line-height: 200%;
	}


/* ^^^^^^^^^^^^^^^^ Styles for top sidebar ^^^^^^^^^^^^^^^^ */


#footer {
	height: 10px;
	color: #FFFFFF;
	background: #FFFFFF url("/images/bg_nav.png") repeat-x left top;
	clear: both;
	text-align: right;
	padding: 5px 10px 5px 0;
	margin-top: 20px;
	font-size: 10px;
	font-family: verdana, arial, sans-serif;
	}
	

.quote .source {
	font-weight: bold;
	text-align: right;
	line-height: 100%;
	}

.clear {
	clear: both;
	}	
	


.photo {
	text-align: left;
	margin-bottom: 20px;
	}

.link-note {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}

#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	color: #333333;
	margin-top: 50px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}

.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}

.floatimgleft {
	float:left;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	}








/* ---------------- Styles for header ---------------- */

#header {
	background: #FFFFFF url("/images/bg_header_ocean.jpg") no-repeat left top;
	width: 767px;
	height: 97px;
	position: relative;
	}

#header #logo {
	position: absolute;
	top: 17px;	
	left: 20px;
	}

#header #trio {
	position: absolute;
	top: 18px;		
	right: 16px;	
	}

/* ^^^^^^^^^^^^^^^^ Styles for header ^^^^^^^^^^^^^^^^ */





/* ---------------- Styles for top navigation ---------------- */

#top_nav {
	background: #FFFFFF url("/images/bg_nav.png") repeat-x left top;
	width: 767px;
	height: 25px;
	position: absolute;
	top: 72px;
	}

#top_nav ul {
	margin: 0;
	padding: 0;	
	list-style: none;
	color: white;
	font-weight: bold;	
	}

#top_nav li {
	list-style: none;
	margin: 1px 0 0 0;
	padding: 0;
	float: left;
	
	}

#top_nav p {
	margin: 7px 0 0 0;
	}

#top_nav a {
	display: block;
	width: 70px;
	height: 25px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-family: arial;
	letter-spacing: 1px;
	font-size: 12px;
	margin: 0 10px 0 10px;
	padding: 6px 0 0 0;
	}

#top_nav a:hover {
	border-top: 4px solid #FFFFFF;
	padding: 2px 0 0 0;	
	}

#top_nav span.active {
	display: block;
	width: 70px;
	height: 25px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-family: arial;
	letter-spacing: 1px;
	font-size: 12px;
	margin: 0 10px 0 10px;
	
	border-top: 4px solid #FFFFFF;
	padding: 2px 0 0 0;	
	}

/* ^^^^^^^^^^^^^^^^ Styles for top navigation ^^^^^^^^^^^^^^^^ */




/* ---------------- Styles for banner ---------------- */

#banner {
	font-family: trebuchet ms;
	font-size: large;
	color: #FD8139;
	border-bottom: 1px dashed #BBB;
	margin: 0 15px 0 15px;
	padding: 23px 10px 0 250px;
	height: 120px;
	background: #FFFFFF url("/images/banner_bg-shorter.png") no-repeat left top;
	position: relative;
	}

#banner #accent {
	position: absolute;
	top: 0px;
	left: 0px;
	}

/* ^^^^^^^^^^^^^^^^ Styles for banner ^^^^^^^^^^^^^^^^ */




/* ---------------- Styles for client listings on clients page ---------------- */

.client {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #BBB;
	padding: 10px 0 10px 0;
	clear: both;
	}

.client .logo {
	float: left;
	text-align: center;
	width: 200px;
	margin: 10px 20px 10px 20px;
	}

.client .text {
	margin: 0 40px 0 290px;	
	font-size: small;

	}

.client ul {
	margin: 0;
	}
/* ^^^^^^^^^^^^^^^^ Styles for client listings on clients page ^^^^^^^^^^^^^^^^ */





/* ---------------- Styles for tables in entries ---------------- */

.info_table table {
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #CCCCCC;
	}

.info_table td {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 5px;
	vertical-align: top;
	}

.info_table th {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 5px;
	vertical-align: top;
	}

.info_table thead td {
	background-color: blue;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background: #FFFFFF url("/images/bg_header_ocean.jpg") no-repeat left top;
	}

.info_table thead th {
	background-color: blue;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background: #FFFFFF url("/images/bg_header_ocean.jpg") no-repeat left top;
	}

.info_table ul {
	padding-left: 2em;
	}

.info_table td.label {
	vertical-align: middle;
	font-weight: bold;
	}

.info_table tr.label {
	vertical-align: middle;
	font-weight: bold;
	}
	/* ^^^^^^^^^^^^^^^^ Styles for tables in entries ^^^^^^^^^^^^^^^^ */

/* ---------------- Styles for tables in entries ---------------- */

.small_table table {
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #CCCCCC;
	}

.small_table td {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 3px;
	vertical-align: top;
	font-size: 9px;
	line-height: 140%;
	}

.small_table th {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 5px;
	vertical-align: top;
	}

.small_table thead td {
	background-color: blue;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background: #FFFFFF url("/images/bg_header_ocean.jpg") no-repeat left top;
	}

.small_table thead th {
	background-color: blue;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background: #FFFFFF url("/images/bg_header_ocean.jpg") no-repeat left top;
	}

.small_table ul {
	padding-left: 2em;
	}

.small_table td.label {
	vertical-align: middle;
	font-weight: bold;
	}

.small_table tr.label {
	vertical-align: middle;
	font-weight: bold;
	}
	/* ^^^^^^^^^^^^^^^^ Styles for tables in entries ^^^^^^^^^^^^^^^^ */

/* ---------------- Styles for Images ---------------- */

.floatimgleft {
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}

	/* ^^^^^^^^^^^^^^^^ Styles for Images ^^^^^^^^^^^^^^^^ */