#body
{
	background:   #fff;
	margin-left:  auto;
	margin-right: auto;
	text-align:   left;
	width:        770px;
}

#bodyWrapper
{
	text-align: center;
}

#content
{
	float:       left;
	margin-left: 1em;
	width:       480px;
}

#contentWrapper
{
	padding: 1em 0;
}

#footer
{
	color:      #888;
	font-size:  8pt;
	margin-top: 2em;
	text-align: center;
}

#logo
{
	height: 80px;
}

#navbar
{
	background: url(navbar-background.jpg);
	height:     20px;
}

#navbar a:link, #navbar a:active, #navbar a:visited
{
	color:           #fff;
	text-decoration: none;
}

#navbar a:hover, #navbar a:active:hover, #navbar a:visited:hover
{
	color:           #08f;
	text-decoration: underline;
}

#navbar ul
{
	margin:     0;
	text-align: right;
}

#navbar li
{
	display:    inline;
	font-size:  8pt;
	list-style: none;
	padding:    0 1em;
}

#news
{
	background:   #8cf;
	border:       1px solid #248;
	float:        right;
	margin-right: 1em;
	width:        230px;
}

#news ul
{
	margin:  0;
	padding: 0;
}

#news li
{
	font-size:  8pt;
	list-style: none;
	padding:    0.5em 1em;
}

#newsHeader
{
	background:  #248;
	color:       #fff;
	font-weight: bold;
	padding:     0.25em 0.5em;
	text-align:  center;
}

a:link, a:active, a:visited
{
	color:           #248;
	font-size:       8pt;
	text-decoration: none;
}

a:hover, a:active:hover, a:visited:hover
{
	color:           #f00;
	font-size:       8pt;
	text-decoration: underline;
}

body
{
	background:  #888;
	color:       #000;
	font-family: lucida grande, arial, sans-serif;
	font-size:   10pt;
	margin:      0;
	padding:     0;
}

div.box
{
	border:        1px solid #888;
	height:        100px;
	margin-bottom: 1em;
}

div.box div.boxContent
{
	margin-left: 100px;
	padding:     1em;
}

div.box div.image
{
	border-right: 1px solid #888;
	float:        left;
	height:       100px;
	width:        100px;
}

div.box div.learnMore
{
	margin-left:  100px;
	padding-left: 1em;
}