body {
	background:url(http://www.brainfiller.com/images/sliverTop.gif) top left repeat-x white;
	margin:0px;
	font-size:80%;
	font-family:arial, helvetica, verdana, sans-serif;
}
div#banner{
	height:238px;
	background:url(http://www.brainfiller.com/images/banner.gif) top left no-repeat;	
}
#logo {
	position:absolute;
	left:250px;
	top:0px;
}

/*  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
      sidebar styles
     %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%  */
div#sideBar {
	width:201px;
	background-color:#f9eec0;
	position:absolute; 
	top:0px;
	left:44px;
	z-index:1;
}
div#nav {
	position:absolute;
	top:187px;
	left:255px;
	z-index:2;
	white-space:nowrap;
}
div#contact {
	font-family:trebuchet, arial, sans-serif;
	font-weight:bold;
	font-size:100%;
	padding:10px;
	line-height:1.5em;
	color:#314178;
}
h1.nav {
	background-color:#b2a47a;
	padding:2px;
	font-size:110%;
	padding-left:5px;
	color:#213168;
}
ul.nav {
	padding-left:30px;
}
ul.nav li {
	list-style-image:url(http://www.brainfiller.com/images/bullet.gif);
	list-style-type:square;
}

/*  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
      homepage content styles
     %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%  */
div#wrapper {
	position:absolute;
	top:233px;
	left:0px;
	width:680px;
	background:url(http://www.brainfiller.com/images/contentSliver.gif) repeat-y;	
	padding-left:280px;
	padding-top:10px;
}
div#content {
	width:470px;
	text-align:justify;
}
div#rightCol {
	float:right;
	width:100px;
	margin-right:80px;
	margin-left:20px;
}
.contentItem h2 {
	font-size:100%;
	color:#213168;
	text-transform:uppercase;
	clear:left;
}
.contentItem h2.border {
	border-top:1px solid #666666;
	padding-top:5px;
}
.contentItem h3 {
	font-size:120%;
	color:#333333;
	font-family:Arial, Helvetica, sans;
	background:url(http://www.brainfiller.com/images/triangle.gif) no-repeat top left white;
	padding-left:20px;
}
.contentItem p {
	font-size:93%;
}

.contentItem dl {
	font-size:95%;
	line-height:1.5em;
}
.contentItem dd {
	padding-left:2.5em;
}
.contentItem .caption{
	font-weight:bold;
}

/*  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
global text styles 
     %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%  */
	 
h1 {
	font-size:130%;
	color:#213168;
}
	 
a:link, a:visited, a:active{ 
	text-decoration:none;
	color:#0948cf;
}
a:hover {
	text-decoration:underline;
}
a.seo:visited, a.seo:active, a.seo:link {
	text-decoration: none;
	color:#000000;
	}
a.seo:hover {
	text-decoration: none;
	cursor: text;
}
a.seoh2:visited, a.seoh2:active, a.seoh2:link {
	text-decoration: none;
	color:#213168;
	}
a.seoh2:hover {
	text-decoration: none;
	cursor: text;
}
.caption {
	font-size:85%;
}
.floatRight {
	float:right;
	width:100px;
	text-align:left;
	padding:10px;
}
.floatLeft {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}
.floatR {
	float:right;
	padding:10px;
}
.strong {
	font-weight:bold;
}
ul.links {
	margin:0px;
	padding:0px;
	padding-left:2em;
	list-style:none;
}
p.date {
	font-style:italic;
	margin-bottom:0px;
}
p.copyright {
	font-size:90%;
}
.raised {
	vertical-align:super;
	font-size:95%;
}
.lowered{
	vertical-align:sub;
	font-size:90%;
}
.long {
	margin-bottom:400px;
}
/**  these styles are pulled from Brainfillers old site - they make the Course Registration layout right -- but yuch! **/
.seperator
	{
		border-style: dotted ;
		border-color: red;
		border-width: 1px 0px 0px 0px;
	}
.title1
{
	font-strech: 20pt/22pt;
	font-size: 12pt; line-height: 120%;
	font-family: Arial,helvetica,verdana,Arial,Times New Roman;
	font-weight: bold;
	color: black
}
.title2
{
	PADDING-LEFT: 0px;
	FONT-WEIGHT: bold;
	font-size: 10pt; line-height: 120%;
	COLOR: black;
	font-weight: bold;
	font-family: Arial,helvetica,verdana,Arial,Times New Roman;
	TEXT-DECORATION: none
}


/******************************** FOOTER ***********************************************/

#footer{
	width:100%;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	/*margin-bottom:15px;
	background-color:#FFFFCC;*/
}

#footer div{
	/*font-size:90%;*/
}
#footer p{
	/*position:relative;
	left:-75px;
	padding-left:75px;
background-color:#F9EEC0;*/
	width:470px;
}

#footer .seolinks{
	text-decoration:none;
	cursor:text;
	color:#000000;
}

#footer .seolinks:hover{
	text-decoration:none;
	cursor:text;
	color:#000000;
}