body {
	background:url(../img/body-bg.jpg) repeat-x top center #c5e8fa;
	font-size:12px;
	color:#333;
	font-family:Arial, Helvetica, Verdana;
}
/*
TOOLBOX
-------------------------------------- */
.clear {
	clear:both;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	float:left;
	margin:4px 10px 4px 0;
}
img.alignright {
	float:right;
	margin:4px 0 4px 10px;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/*
LINKS
-------------------------------------- */
a {
	color:#1076bc;
	font-weight:bold;
}
a:hover {
	color:#f58332;
}


/*
H1, H2, ETC...
-------------------------------------- */
h1 {
	color:#0D77C1;
	font-size:18px;
}
h2#welcome {
	font-size:15px;
	line-height:1.5em;
}
#details h1 {
	position:relative;
	height:33px;
	background:url(../img/bars.gif) repeat-x;
	cursor: pointer;
}
#details h1 img {
	padding-top:8px;
}
#details h1 span.left{
	display:block;
	height:37px;
	width:5px;
	position:absolute;
	background:url(../img/caps.gif) no-repeat top left;
	left:-5px;
}
#details h1 span.right{
	display:block;
	height:37px;
	width:5px;
	position:absolute;
	background:url(../img/caps.gif) no-repeat top right;
	right:-5px;
}
#details h1.b{background-position:0 -33px;}
#details h1.c{background-position:0 -66px;}
#details h1.d{background-position:0 -99px;}
#details h1.e{background-position:0 -132px;}
#details h1.f{background-position:0 -165px;}
#details h1.g{background-position:0 -198px;}

#details h1.b span.left{background-position:0 -38px;}
#details h1.c span.left{background-position:0 -76px;}
#details h1.d span.left{background-position:0 -113px;}
#details h1.e span.left{background-position:0 -150px;}
#details h1.f span.left{background-position:0 -188px;}
#details h1.g span.left{background-position:0 -226px;}

#details h1.b span.right{background-position:100% -38px;}
#details h1.c span.right{background-position:100% -76px;}
#details h1.d span.right{background-position:100% -113px;}
#details h1.e span.right{background-position:100% -150px;}
#details h1.f span.right{background-position:100% -188px;}
#details h1.g span.right{background-position:100% -226px;}

/*
TYPOGRAPHY
-------------------------------------- */
p {
	margin:5px 0 20px 0;
	line-height:1.5em;
}
small {
	text-transform: uppercase;
	font-size:6pt;
}
#footer {
	font-family:Verdana;
	font-size:10px;
	color:#718690;
	padding-top:15px;
}

/*
MISC
-------------------------------------- */
.padding {
	padding:15px;
}
.padding.border-right {border-right:solid 1px #ccc;}
.padding.border-left {border-left:solid 1px #ccc; padding:0 15px;margin:15px 0;}

.icon {
	background:url(../img/icons.gif) no-repeat;
	padding:10px 0 0 45px;
	margin:0 0 5px 0;
}
.icon.a {height:32px;}
.icon.b {height:32px;background-position:0 -109px;}
.icon.c {height:24px;background-position:0 -39px;}
.icon.d {height:27px;background-position:0 -72px;}

#list-view p {
	margin-top:0;
	color:#666;
}
/*
CALENDAR
-------------------------------------- */
#calendar {
	margin:10px 0;
}
#cal-bg {
	background:url(../img/calendar-bg.png) no-repeat top center;
	height:333px;
	margin:5px 0;
}
#cal-bg .padding{
	padding:30px 0 0 0;
}
.event {
	background:url(../img/bars.gif) repeat-x;
	height:33px;
	margin:0 0 7px 0;
}
.event img {
	padding:8px 0 0 5px;
}
#calendar a {display:block;}
#calendar .event.a {width:652px;margin-left:30px; border-right:solid 1px #54b363; border-left:solid 1px #54b363;}
#calendar .event.b{background-position:0 -33px; width:231px;margin-left:40px; border-right:solid 1px #4f7cab; border-left:solid 1px #4f7cab;}
#calendar .event.c{background-position:0 -66px; width:89px; margin-left:55px; border-right:solid 1px #85c370; border-left:solid 1px #85c370;}
#calendar .event.d{background-position:0 -99px; width:706px; margin-left:220px; border-right:solid 1px #5ea3db; border-left:solid 1px #5ea3db;}
#calendar .event.e{background-position:0 -132px; width:293px; margin-left:250px; border-right:solid 1px #f6ad53; border-left:solid 1px #f6ad53;}
#calendar .event.f{background-position:0 -165px; width:156px; margin-left:330px; border-right:solid 1px #eb6e2b; border-left:solid 1px #eb6e2b;}
#calendar .event.g{background-position:0 -198px; width:914px; border-right:solid 1px #da5944; border-left:solid 1px #da5944;}

#accordion {
	background:url(../img/white-bg.gif) repeat-y;
	float:left;
	width:940px;
}
#accordion ul li {
	float:left;
	margin:10px;
	display:inline;
	width:430px;
}
#accordion ul li.left {
	border-right:solid 1px #CCC;
}
#accordion ul li.left p{
	padding-right:15px;
}
/*
IMAGES
-------------------------------------- */
table.images {
	width:100%;
}
table.images td {
	padding:5px;
}
table.images img {
	margin:5px;
	padding:1px;
	border:solid 4px #ccc;
}
table.images a:hover img {
	border-color:#999;
}
#facebox table {
	padding:0;
}

/*
STRUCTURE
-------------------------------------- */
#wrapper {
	margin:auto;
	width:940px;
}
#header {
	margin:10px 0 12px 0;
	height:131px;
	overflow:hidden;
}
#details {
	margin-top:30px;
}
.grid {float:left;}
.span1 {width:235px;}
.span2 {width:470px;}
.span3 {width:705px;}
.whitebox {
	background:#fff;
}
#details .whitebox {
	padding-top:15px;
}
#accordion div {
	margin-bottom:5px;
	background-color:#fff;
}
#accordion div div {
	overflow:hidden;
}
