/* Alan Colquhoun, MDIA 4321 */

html, body, #wrapper, h1 {
	margin: 0;
	padding: 0;
}

body {
	font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	color: #000000; background: url(images/page_bg.gif);
	text-align: center;	/* Centers a page in IE6 */
	padding: 20px 0 10px 0;
}

img { border: 0; }

/* links */
a, a:visited {	
	color: #306495;
	background: inherit;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: #73471B;
	background: inherit;
	text-decoration: underline;
	cursor: pointer;
}

.clear {
	clear: both;
	height: 2px;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 3px;
	font-size: 1px;
}

.softright {
	text-align: right;
}

.blogList {
	margin: 0px;
	padding: 2px;
}

.blogList li {
	list-style-type: none;
	border: 1px solid gray;
	background-color: #fff;
	height: 30px;
	margin: 1px; padding: 10px;
	color: #000;
	cursor: pointer;
}

.blogList li.blogMouseout {
	border: 1px solid gray;
	color: #000;
}

.blogList li.blogMouseOver {
	border: 1px solid #000;
	color: #fff;
	background: gray;
	font-weight: bold;
}

.blogList li.blogClick {
	border: 1px solid #fff;
	color: #000;
	background-color: #317082;
	color: #FFF;
}

.contentContainer div.blog {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 36px;
	text-align: left;
}

#wrapper {
	margin: auto;
	text-align: left;
	width: 748px;
	position: relative;
}

#inner {
    height: 747px; 
	border-left: 2px solid #123;
	border-right: 2px solid #123;
	background: white;
	color: black;
	margin-bottom: 10px;
	padding-bottom: 20px;
}

html>/**/body #inner {
	height: 743px;
}
	
#header {
	background: url(images/header_bg.gif) repeat-x;
	padding-top: 9px;
	position: relative;
	border-top: 3px solid #123;
}

#header h1 {
	margin-top: -3px;
}	
	
html>/**/body #header h1 {
	margin-top: 0px;
}	
#poflink {
	position: absolute;
	left: 515px;
	top: 27px;
	width: 200px;
}

html>/**/body #poflink {
	top: 30px;
}

#poflink, #poflink a {
    font-size: 10px;
	color: white;
	font-weight: bold;
	text-decoration: none;
}

#poflink a:hover {
	text-decoration: underline;
}

#browse {
	float: left; 
	width: 195px;
	margin: 0; padding: 0;
	padding-left: 3px;
	background: white;
}

#browse .sm {
	background: #c80000 url(images/dt_bg.gif) bottom repeat-x;
	color: #fff;
	margin: 4px 2px 1px 2px;
	padding: 6px 0;
	text-align: center;
	font-weight: bold;
}

#blogListContainer {	
	border-left: 2px solid white;
	border-right: 3px solid white;
	width: 190px; height: 269px;    
	overflow: auto;	
	background: #317cb1;
    text-align: left;
	margin-top: 3px;
	margin-bottom: 3px;
}

#browse #sf {
	background: #227293;
	border-bottom: 1px solid #659db4;
	padding: 0;
	margin: 0 2px;
	height: 107px;
}

#browse .searchform {
	padding: 10px;
}

#browse .text, #browse select {
	width: 160px;
}

#browse form {
	padding: 15px;
}

#browse form div {
	padding-bottom: 8px;
	width: 165px; 
}

#contentContainer h2 {	
	margin-top: 0px;
}

#mainContainer {
    margin-top: 0px;
	float: right;
	width: 744px; height: 0px;         /* 744px, 433px */
	color: #000; background: #fff;
	padding-top: 2px;
}

#contentContainer {
	float: right;
	margin-top: -457px;
	margin-right: 5px;
	text-align: left;
	padding-top: 28px;	
	width: 532px; height: 416px; 
	border: 3px solid #317cb1;
	background-color: #fff;
	overflow: auto;
}

#contentContainer .openingText {
	color: red;
	text-align: left;
	font-size: 20px;
	padding-top: 10px;
	padding-left: 65px; 
}

#contentContainer .urlText {
	color: blue;
	font-size: 14px;
	margin-top: 0px;
	padding-left: 15px;
}

#contentContainer .titleText {
	color: red;
	font-size: 16px;
	padding-left: 15px;
}

#contentContainer .dateText {
	color: gray;
	font-size: 12px;
	padding-top: 10px;
	padding-left: 15px;
}

#contentContainer p {
	padding-left: 15px;
	padding-right: 15px;
}

#contentContainer p:last-child {
	padding-bottom: 15px;
}

#footer {
    clear: both;
	background: #c80000 url(images/footer_bg.gif) repeat-x;
	padding: 6px 8px 8px 255px;
	text-align: left;
	border-bottom: 3px solid #123;
}

html>/**/body #footer {
	padding: 8px 8px 6px 255px;
}
	
#footer, #footer a {
	font-weight: bold;
	color: white;
	text-decoration: none;
}