html, BODY
{
	background: url(../images/layout_body_bg.png) #c9ddce center repeat-y;
}

#header
{
	position:relative;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/layout_header.jpg) no-repeat;
	top:-10px;
	left:-2px;
	width:720px;
	height:116px;
	border: #949494 thin solid;
}


#wrapper
{
	position:relative;
	top:-10px;
	left:0px;
	width:719px;
	margin-left: auto;
	margin-right: auto;
}

#menu
{
	position:relative;
	top:0px;
	left:0px;
	width:142px;
	padding-left: 15px;	
	padding-top: 20px;
}

#content
{
	position:absolute;
	top:5px;
	left:175px;
	width:500px;
	padding-top: 15px;	
	padding-bottom: 15px;	
}

DIV.p_start
{
	background-image:url(../images/p_start.png);
	background-position:left;
	background-repeat:no-repeat;
	height:24px;
	margin-top:3px;
	padding-left:8px;
	line-height:15px;
	vertical-align:middle
}


DIV.p_join
{
	background-color:#dcdcdc;
	background-image:url(../images/p_join.png);
	background-position:right;
	background-repeat:no-repeat;
	height:16px;
	margin-top:3px;
	padding-left:8px;
	line-height:15px;
	vertical-align:middle
}

DIV.p_bar
{
	background-color:#c3cbff;
	background-image:url(../images/blue_end.png);
	background-position:right;
	background-repeat:no-repeat;
	height:16px;
	margin-top:3px;
	padding-left:12px;
	line-height:15px;
	vertical-align:middle
}

DIV.bar
{
	background-color:#969696;
	background-image:url(../images/grey_end.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:20px;
	margin-top:3px;
	padding-left:5px;
	line-height:20px;
}

DIV.join
{
	background-color:#efefef;
	background-image:url(../images/join.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:20px;
	margin-top:3px;
	padding-left:8px;
	line-height:20px;
}







IMG.logo
{
position:relative;
top:20px;
left:30px;
}

IMG.heading
{
position:absolute;
top:25px;
left:205px;
}

IMG.boot
{
position:absolute;
right:10px;
}

IMG.wheelchair
{
position:absolute;
right:50px;
}

IMG.screenshot_thumb
{
	border-style:solid;
	border-width:thin;
	border-color:#000000;
}

#main2
{
position:relative;
top:180px;
left:230px;
width:70%;
}

#timetable
{
padding-top: 5px;
padding-left: 15px;  
padding-right: 10px;
padding-bottom: 5px;
}

.innerbox
{
margin-left:5%;
margin-right:5%;
padding-top:10px;
padding-left:10px;
padding-bottom:20px;
padding-bottom:10px;
border: 100px solid;
border-color:#9f9f9f;
background-color:#d4e0fe;
width: 90%;
}

#welcome_msg
{
position:absolute;
top:0px;
right:20px;
}

#date
{
position:absolute;
top:20px;
right:20px;
}


#login_form
{
position:relative;
top:100px;
display: block;
margin-left: auto;
margin-right: auto;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
background-color:#b9add3;
width: 50%;
}



ul#split,ul#split li{margin:0;padding:0;list-style:none;}
ul#split li{float:left;width:90%;margin:0 0px 0px 0}
ul#split h3{font: normal 120%/1.3 Verdana,sans-serif;
    margin:0px;padding: 5px 15px 0;text-align:left;color: #000}
ul#split p{margin:0;padding:5px 8px 15px}
li#one h3{background-color:#99CCFF;}
ul#split div{background-color:#FFFFFF;}
li#one div{border:2px solid #99CCFF;}
li#two h3{background: #FFBD00}
li#two div{border:2px solid #FFBD00}
li#three h3{background: #E3A1C4}
li#three div{border:2px solid #E3A1C4}