html	{width:100%;height:100%;}
body	{width:100%;height:100%;margin:0;background-color:#fafbfd;}
*		{font-family:arial}
.clear{clear:both;}
p{margin:0 0 10px;}


#outer{
width:980px;
margin:auto;
min-height:100%;
background-color:#fff;
position:relative;
padding-top:212px;
}

#content{
margin:0;
padding:0px 10px 10px;	/* padding-top=header height + 10 */
font-size:13px;
}

#header{
position:absolute;
left:0px;
top:0px;
width:980px;
height:202px;
border-bottom:1px solid #af228b;
background:#ffffff url('/images/header.jpg') no-repeat center top;
}
#header .menu a{
display:block;
height:37px;
line-height:37px;
margin:0 0 0 7px;
padding:0 3px;
color:#fff;
float:left;
}
#header .menu a.active{
font-weight:bold;
text-decoration:none;
}
#header .menu a.login{
float:right;
margin:0 7px;
}
#footer{
position:absolute;
left:00px;
bottom:0px;
width:100%;
border-top:1px solid #af228b;
height:29px;
text-align:center;
font-size:11px;
color:#333;
line-height:29px;
}
.bottomSpacer{
height:30px;
}

.blogs, .calendar,.clubs{
width:430px;
margin:15px;
float:left;
padding:0 10px 10px;
background:#fafbfd;
border-bottom:1px solid #af228b;
position:relative;
}

.calendar table{
width:90%;
margin:auto;
}

td{
vertical-align:top;
padding:2px 4px;
}

table td.data{
font-style:italic;
}
table td.label{
width:120px;
}

.blogs{
padding:0 10px 0px;
}

.headline{
background:transparent url('/images/header.gif') repeat-x center center;
color:#fff;
width:100%;
padding:0 10px;
position:relative;
left:-10px;
top:-5px;
height:29px;
line-height:28px;
font-size:18px;
margin:0 0 5px;
}

.blog{
margin:0 0 15px;
background:#fff;
padding:7px;
position:relative;
border-bottom:1px solid #af228b;
}
.blog h2{
margin:0 0 7px;
font-size:13px;
height:20px;
line-height:20px;
padding:0 7px;
background:transparent url('/images/header.gif') repeat-x center center;
color:#fff;
position:relative;
left:-7px;
top:-7px;
width:100%;
overflow:none;
}
.blog h2 a{
color:#fff;
text-decoration:none;
}
.blog h2:first-letter{
text-transform:uppercase;
}
.blog .createdBy,.article .createdBy{
font-size:11px;
border-top:1px solid #c567b1;
padding:2px 0 0;
}
.blog .more{
display:block;
float:right;
width:20px;
height:20px;
background-color:#FAFBFD;
text-align:center;
line-height:17px;
text-decoration:none;
font-size:20px;
margin:0 5px 1px 0;
color:#AF228B;
}
.blog .date{
position:absolute;
right:4px;
top:0px;
font-size:11px;
color:#fff;
background:transparent url('/images/header.gif') repeat-x center center;
height:20px;
line-height:20px;
padding:0 0 0 10px;
}
.event{
background:#fff;
line-height:23px;
padding:0 7px 0;
height:23px;
overflow:hidden;
}
.event .duration{
float:right;
display:block;
width:85px;
text-align:center;
overflow:hidden;
}

.clubs .event .year_group{
float:right;
display:block;
width:85px;
text-align:center;
overflow:hidden;
}
.clubs .event.day{
font-weight: bold;
}
.event .date{
display:block;
float:left;
margin:0 5px 0 0;
}
.event .title a{
color:#000;
text-decoration:none;
}
.event .title a:hover{
color:#af228b;
}

.article{
width:530px;
margin:15px;
float:left;
padding:0 10px 10px;
background:#fafbfd;
border-bottom:1px solid #af228b;
font-size:15px;
line-height:22px;
}
.article h2{
font-size:16px;
color:blue;
}

.texts p:first-child{
font-weight:bold;
color:#444;
}

.lister{
width:330px;
margin:15px;
float:left;
padding:0 10px 10px;
background:#fafbfd;
border-bottom:1px solid #af228b;
position:relative;
}
.lister .title{
text-decoration:none;
font-weight:bold;
color:#af228b;
}
.lister .blog{
border-top:2px solid #af228b;
}
#blogMonths{
position:absolute;
right:10px;
top:-2px;
}
.leftMenu{
float:left;
margin:15px;
padding:0 10px 10px;
width:200px;
background:#fafbfd;
}
.leftMenu a{
display:block;
width:180px;
height:30px;
line-height:30px;
padding:0 10px;
overflow:hidden;
background:transparent url('/images/header.gif') repeat-x;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
margin:0 0 3px;
}
.leftMenu a.active{
text-decoration:underline;
}

form.searchClubs{
display:block;
position:absolute;
right:10px;
top:-2px;
width:360px;
overflow:hidden;
text-align:right;
}
form.searchClubs select.activity{
width:175px;
}
form.searchClubs select.school{
width:115px;
}
form.searchClubs select.day{
width:58px;
}