body {
margin:10px auto;
padding:0;
width:810px;
background:#999999;
font-size:.95em;
text-align:center;
font-family:arial;
}
#container
{
position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
background-color:#FFFFFF;
width:800px;				/* width of whole page */
overflow:hidden;		/* This chops off any overhanging divs */
border:1px solid #000000;
}
/* Start of Column CSS */
#maincontainer {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#ffffff; /* column 2 background colour */
	padding:0px;	
	position:relative;
}
#sidecontainer {
	float:left;
	width:100%;
	position:relative;
	right:620px;
	background:#CCCCCC; /* column 1 background colour */
	border-right:1px solid #ab0534;
	padding:0px;
	min-height:500px;
}
#sidebar {
	float:left;
	width:180px;
	padding:0px;
	position:relative;
	left:619px;
	overflow:hidden;
	font-size:.8em;
	text-align:left;
	color:#FFFFFF;	
}
#content {
	float:left;
	width:599px;
	position:relative;
	left:619px;
	padding:10px;
	overflow:hidden;
	text-align:justify;
}
/* Header styles */
#header 
{
background-color:#ab0534;
color:#FFFFFF;
padding:0px;
margin:0px;
}
#pagedate {
color:#ab0534;
font-size:.85em;
font-style:italic;
}
/* --> 
<!--[if lt IE 7]>
<style media="screen" type="text/css">
.col1 {
width:100%;
}
</style>
<![endif]-->*/
/* page title */
#pagetitle {
color:#444444;
font-family:arial narrow,arial;
font-size:1.9em;
font-weight:bold;
text-align:left;
}
#pagetitle2 {
color:#ab0534;
font-family:arial narrow,arial;
font-size:1.6em;
font-weight:bold;
text-align:left;
}
/* main page ul */
#ulmain a {
color:#ab0534;
text decoration:none;
}
#ulmain a:hover {
color:#777777;
}
#ulmain a:visited: {
color:#333333;
line-height:1.3em;
}
#ulmain li {
line-height:1.5em;
}
#sidecollage{
position:absolute;
left:0px;
bottom:0px;
}
/* letter headshot */
#letterhs {
width:90px;
margin-left:10px;
float:right;
}
 /*MORE DROP DOWNS*/
 .more, .less{
 font-size: .9em;
   cursor:pointer;
   color:blue;
   text-decoration:underline;
   font-weight:normal;
}
.more:hover, .less:hover {
   text-decoration:none;
}
.less, .addtext{
   display:none;
}
/* important styles */
#imptpage {
font-size:.90em;
}
.imptcat {
font-weight:bold;
font-size:2.2em;
color:#ab0534;
text-align:left;
}
.impttitle {
font-weight:bold;
font-size:1.3em;
font-family:arial narrow,arial;
text-align:left;
}
.imptsubtitle {
font-weight:bold;
font-size:1.1em;
font-style:italic;
color:#444444;
text-align:left;
}
.imptdate {
color:#ab0534;
font-size:.85em;
font-style:italic;
}
/* member name information*/
.blogmem a {
font-size:1.1em;
font-weight:bold;
color:#ab0534;
text-decoration:underline;
}
.blogmem a:hover {
font-size:1.1em;
font-weight:bold;
color:#ab0534;
text-decoration:none;
}
.blogmem a:visited {
font-size:1.1em;
font-weight:bold;
color:#555555;
text-decoration:underline;
}
.blogmem a:hover:visited {
font-size:1.1em;
font-weight:bold;
color:#555555;
text-decoration:none;
}
/* member name2 information*/
.blogmem2 {
text-align:right;
float:right;
margin-left:77px;
}
.blogmem2 a {
font-size:1.1em;
font-weight:bold;
color:#ab0534;
text-decoration:underline;
}
.blogmem2 a:hover {
font-size:1.1em;
font-weight:bold;
color:#ab0534;
text-decoration:none;
}
.blogmem2 a:visited {
font-size:1.1em;
font-weight:bold;
color:#555555;
text-decoration:underline;
}
.blogmem2 a:hover:visited {
font-size:1.1em;
font-weight:bold;
color:#555555;
text-decoration:none;
}
.blogmemphoto {
width:67px;
float:left;
margin-right:10px;
border:0px;
border-style:none;
}
.blogmemphoto img {
border-style:none;
}
.blogmemphoto2 {
width:67px;
float:right;
margin-left:10px;
border:0px;
border-style:none;
}
.blogmemphoto2 img {
border-style:none;
}
/*slide show css*/
#slideshowbox
{
width: 310px; /* make larger if slide is being chopped off */
position: relative;
float: right;
left: 5px;
}

/* video */
#vidcontainer
{
float:left;
width:340px;
}
.vidcontainer2
{
float:right;
width:340px;
margin-left:20px;
margin-bottom:5px;
}
#vidlist {
float:right;
margin-left:10px;
width:220px;
font-size:.85em;
font-style:italic;
color:#990033;
border:1px solid #000000;
height: 280px;
overflow: scroll;
overflow-x: hidden;
padding:5px;
text-align:left;
}
#vidlist a {
color:#444444;
}
#vidlist a:hover {
color:#000066;
text-decoration:none;
}
#vidlist a:visited {
color:#990033;
}
#vidthumb {
width:60px;
float:left;
}
#vidtext {
width:135px;
margin-left:65px;
margin-top:3px;
}
#clearboth {
clear:both;
}
#vidcap {
margin:0px;
overflow:auto;
font-style:italic;
font-weight:normal;
text-align:left;
color:#990033;
font-size:.85em;
}
.vidcap2 {
margin:0px;
overflow:auto;
font-style:italic;
font-weight:normal;
text-align:left;
color:#990033;
font-size:.85em;
}
/* sidebar video style */
#sidebarvid {
color:#ab0534;
font-style:italic;
text-align:center;
width:170px;
}
/* sidebar video style */
#sidebarvid2 {
color:#ab0534;
font-style:italic;
text-align:center;
width:170px;
height:200px;
}
.whitespace {
min-height:150px;
}
.protectquest {
font-weight:bold;
text-align:left;
}
.cleardiv {
clear:both;
}
