/*
This stylesheet contains the style information that is
shared between the one-column, the two-column, and the
three-column variants of wucoco.  See style.css for
additional info.
*/

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	font-size: 12px; 
	color: #333333;
	background-color: #273754;
	}

a {
	color: #0000FF;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

a:visited {
	color: #FF00FF;
	}

a img {
	border: none;
	}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #990000;
	font-variant: small-caps;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #273754;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #273754;
	font-weight: bold;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #273754;
	font-weight: bold;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.highlighty {background-color:#FFFF00}

.highlightg {background-color:#00FF00}

.reddishtext {
	color:#990000;
	font-weight: bold;
}

.lavendertext {
	color:#CC0066
	}
	
.smalltext {font-size:9px}	

.alignleft {
	float: left;
	}

.alignright {
	float: right;
	}

.center {
	text-align: center;
	}

	
/**************
 *** Header ***
 **************/

#header {
	position: relative;
	height: 140px;
	width: 980px;
	margin: 0 auto 0 auto;
	padding: 15px 0 15px 0; /* Is this necessary? */
	background: url("images/finsheader.jpg") no-repeat center;
	}

#header .nav {
	position: absolute;
	top: 25px;
	left: 20px;
	height: auto; /* Is this necessary? */
	/* font: 1.2em Verdana, Sans-Serif; */
	font-size: 14px;
	color: #404040; /* Is this necessary? */
	font-weight: bold;
	}

#header .nav a {
	color: #333333;
	}

#blogtitle {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 500px;
	}

#blogtitle h1 {
	font-size: xx-large;
	font-weight: bold;
	color: #b4c6d4;
	letter-spacing: 1px;
	}

/******************************
 *** Columns and Containers ***
 ******************************/

#page_container {
	position: relative;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	font-size: 1.2em;
	}

#postcol {
	width: 610px;
	margin-left: auto;
	margin-right: auto;
	background: #f7f7f7;
	}

#pc_t { background: url(images/postcolT.jpg) repeat-x top; }
#pc_r { background: url(images/postcolR.jpg) repeat-y right; }
#pc_b { background: url(images/postcolB.jpg) repeat-x bottom; }
#pc_l { background: url(images/postcolL.jpg) repeat-y left; }
#pctl { background: url(images/postcolTL.jpg) no-repeat top left; }
#pctr { background: url(images/postcolTR.jpg) no-repeat top right; }
#pcbr { background: url(images/postcolBR.jpg) no-repeat bottom right; }
#pcbl { background: url(images/postcolBL.jpg) no-repeat bottom left; }
#pc_c { padding: 15px; }


.navigation { margin: 15px 0px 15px 0px; }

.caption {
	font-size:10px;
	font-weight: bold;
	}


/****************
 *** Sidebars ***
 ****************/

#leftbar {
	position: absolute;
	left: 0px;
	width: 180px;
	height: auto;
	background: #EAEDF2;
	text-indent: 5px;
	}
	
#leftbar ul li, #leftbar ul li ul {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}
	
#leftbar ul li a {
	text-indent: 10px;
	text-decoration: none;
	line-height: 16px;
	font-weight: bold;
	color: #273754;
	font-weight: bold;
	}		
	
#leftbar ul li ul a {
	text-decoration: none;
	font-weight: bold;
	color: #273754;
	font-weight: bold;
	font-size: 11px;
	}			
	
#leftbar ul li a:hover {
	color: #FFFFFF;
	font-size:14px;
	background-color: #273754;
	}	
	
#leftbar ul li ul a:hover {
	background-color: #273754;
	color: #FFFFFF;
	font-size: 11px;	
	}

#rightbar {
	position: absolute;
	right: 0px;
	width: 180px;
	background: #EAEDF2;
	}

#rb_t, #lb_t { background: url(images/sidebarT.jpg) repeat-x top; }
#rb_r, #lb_r { background: url(images/sidebarR.jpg) repeat-y right; }
#rb_b, #lb_b { background: url(images/sidebarB.jpg) repeat-x bottom; }
#rb_l, #lb_l { background: url(images/sidebarL.jpg) repeat-y left; }
#rbtl, #lbtl { background: url(images/sidebarTL.jpg) no-repeat top left; }
#rbtr, #lbtr { background: url(images/sidebarTR.jpg) no-repeat top right; }
#rbbr, #lbbr { background: url(images/sidebarBR.jpg) no-repeat bottom right; }
#rbbl, #lbbl { background: url(images/sidebarBL.jpg) no-repeat bottom left; }
#rb_c, #lb_c { padding: 20px 15px 20px 15px; }

#rightbar ul, #leftbar ul {
	margin: 0px;
	padding: 0px;
	}

#rightbar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
		}
	
li.sidebar-spacer {
	right: 0px;
	border-top: 1px solid #acb0b5;
	background-color: #eaeff3;
	width: 170px;
	height: 1px;
	margin-left: -10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font: 1px/1px monospace;
	}

#rightbar ul li h2, #leftbar ul li h2 { /* Sidebar Headings */
	margin: 5px 0px 0px 0px;
	font-size: 1.25em;
	font-weight: normal;
	color: #333333;
	letter-spacing: 1px;
	}

#rightbar ul li ul, #leftbar ul li ul {
	margin-top: 5px;
	margin-left: 15px;
	}

#rightbar ul li ul li, #leftbar ul li ul li {
	margin-top: 3px;
	margin-bottom: 0px;
	}

/**************
 *** Footer ***
 **************/

#footer { text-align: center; }

#footer a {
	color: #333333;
	text-decoration: none;
	}

#footer a:hover {
	color: #147;
	text-decoration: underline;
	}

#footer a:visited {
	color: #333333;
	}
