body {

	font: normal 12px/16px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;

	margin: 0;

	background: #DCDCDC;

}



#container {

	width: 795px;

	display: inline;

	float: left;

	/*border-right: White 5px solid;*/ /*borders mess up I.E. and Opera (as of Dec 31, 2005) because

												they become part of the div width.. used a BGimage border instead*/

	border-bottom: 5px solid White;

	background: white;

	background-image: url(repeat2.gif);

	background-position: right;

	background-repeat: repeat-y;

}



#right {

	display: inline;

	float: left;

	width: 215px;

	background: #f1f2ea no-repeat;

	margin-left: 1px;

	vertical-align: top;

	height: auto;

}



#left {

	display: inline;

	float: left;

	vertical-align: top;

	background: #fff no-repeat;

	width: 575px;

	/*background-image: url(title-3.gif);*/

}



#rightborder {

	position: relative;

	right: 0px;

	padding: 0px;

	border: 0px;

	height: 100%;

	width: 4px;

	background: white;

}



#left .image {

	height: 200px; /* 200px */

	text-align: right;

	background-image: url(title-4.gif);

}



#right .image {

	height: 200px;

	/*background-image: url(side-1.gif);*/

	background: #5d7fc7;

}



 .heading {

	position: relative;

	vertical-align: top;

	border-top: 1px white solid; /* or use margin-top not sure...*/

	background: #556267 no-repeat;

	color: white;

	/*height : 30px;*/

	padding: 11px 11px 11px 11px;

	text-align: left;

	text-transform: capitalize;

}



#right .heading {

	color: #556267;

}



#sidebar1, #sidebar2, #sidebar3{

	position: relative;

	vertical-align: top;

	margin-top: 1px;

	background: #8cadf2 no-repeat;

	color: white;

	text-align: left;

	padding-top:1em;

	padding-bottom: 1em;

}

#sidebar2{

	background: #779cea no-repeat;

}

#sidebar3{

	background: #6b94eb no-repeat;

	margin-bottom: 1px;

}



#sidebar1 li, #sidebar2 li, #sidebar3 li { /* common stylings for links on right hand side*/

	position: relative;

	width: 90%;

	left: 5%;

	padding-left: 2px;

	padding-top: 3px;

	text-transform: uppercase;

}



div#sidebar1 ul li:hover{ /*hovering effect for sidebar1 (color specific) */

	background: #Acbdf8;

}



div#sidebar2 ul li:hover{ /*hovering effect for sidebar1 (color specific) */

	background: #97acfa;

}



div#sidebar3 ul li:hover{ /*hovering effect for sidebar1 (color specific) */

	background: #8bb2fb;

}



div#sidebar1 ul li a, div#sidebar2 ul li a, div#sidebar3 ul li a { /*make sure link buttons extend the entire column */

	width: 100%;

	display: block;

	text-decoration: none;

	color: white;

}



#main {

	padding: 1em;

	text-align: justify;

}



#right ul {

	list-style: none;

	padding:0;

	margin: 0;

}



.linkheading {

	font: 16px/18px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;

	padding-bottom: 5px;

	padding-left: 3px;

	text-transform: uppercase;

	font-weight: lighter;

	font-style: inherit;

}



#sidebar1 .linkheading {

	color: #1c5ada;

}



#sidebar2 .linkheading {

	color: #1c5ada;

}



#sidebar3 .linkheading {

	color: #1c5ada;

}



.column1 {

	width: 40%;

	float: left;

}



.column2 {

	width: 40%;

	float: right;

}



.alignleft {

	width: 48%;

	float: left;

}



.alignright {

	float: right;

	text-align: right;

}



/*------ text styles ----*/



#main a{

	color: #4682B4;

	text-decoration: none;

}



#main a:hover{

	text-decoration: underline;

}



.title {

font-variant: small-caps;

color: #556267;

font-size: 18px;

}



.largetext {

font-variant: small-caps;

color: #556267;

font-size: 16px;

}



.date {

	padding-left: 0.75em;

	padding-top: 0.25em;

	margin-bottom: 0.5em;

}



.post {

	margin-bottom: 1em;

}



.post ul li{

	padding-bottom: 1em;

}



.trailing {

	position: relative;

	text-align: right;

	margin-bottom: 4em;

	line-height: 1.5em;

}



.singletrailing { /*Need to add this because IE messes up the single post displays for some stupid reason */

	position: relative;

	text-align: left;

	margin-bottom: 1em;

	line-height: 1.2em;

}



.categories {

	padding-left: 1.2em;

}



/*--image styles --*/



.floatimgleft img, .floatimgright img, .main img, .post img {

	border: 1px solid black;

	color: white;

}



.floatimgleft {

float:left;

margin-top:5px;

margin-right:10px;

margin-bottom:10px;

}



.floatimgright {

float:right;

margin-top:10px;

margin-left:10px;

margin-bottom:10px;

}

.code {
	border: thin dotted Black;
	background: #CDCDCD;
	width: 550px;
}