/* CSS Mini Reset Start */

html, body, div, form, fieldset, legend, label{
margin: 0;
padding: 0; 
}

table{
border-collapse: collapse;
border-spacing: 0;
}

th, td{
text-align: left;
vertical-align: top;
}

h1, h2, h3, h4, h5, h6, th, td, caption{
font-weight:normal;
}

img{
border: 0;
display: block;
}

/* CSS Mini Reset End */


/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
}

body{
font-family: verdana, arial, sans-serif;
font-size: 12px;
padding: 0;
margin: 0;
width: 70%;
min-width: 851px;
margin: auto;
background: url(images/pagebg.png);
background-repeat: repeat-x;
min-height:100%;
}

h4{
font-weight: bold;
color: maroon;
padding-top: 10px;
}

a:link{color: #000080;}
a:visited{color: #000080;}
a:active{color: #000080;}
a:hover{color: maroon; text-decoration: none;}

.header{
border: 0;
background: maroon;
text-align: center;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 48px;
color: white;
padding-top: 40px;
height: 100px;
}

.links{
background: pink;
text-align: center;
color: maroon;
font-size: 16px;
line-height: 28px;
padding: 10px;
border-bottom: solid 1px maroon;
}

.links a{
padding: 10px 20px;
border: solid 1px black;
border-width: 0 1px 0 0;
}

.links a:link{color: black; text-decoration: none;}
.links a:visited{color: black; text-decoration: none;}
.links a:active{color: black; text-decoration: none;}
.links a:hover{color: grey; text-decoration: none;}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	
	border-left: solid 1px black;
	border-right: solid 1px black;
}

div#content {
	height: 100%;
	background: white;
}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
}

.dp{
color: white;
background: maroon;
text-align: center;
padding: 20px;
margin: 35px 0 0 200px;
}

.dp a:link{color: white;}
.dp a:visited{color: white;}
.dp a:active{color: white;}
.dp a:hover{text-decoration: none;}

#info{
width: 160px;
float: left;
font-weight: bold;
padding: 10px 20px;
margin-top: 204px;
margin-right: 20px;
border-right: solid 1px maroon;
text-align: center;
position: absolute;
top: 0;
bottom: 0;
}

.fb-like-box{
border: solid 1px maroon;
float: right;
margin-left: 10px;
min-width: 300px;
max-width: 300px;
min-height: 300px;
}

.timetable th{
font-size: larger;
font-weight: bold;
text-align: center;
padding: 8px;
}

.timetable td{
border: solid 1px black;
border: 1px 1px 0 0;
font-size: larger;
padding: 4px;
}

.timetable{
border: solid 2px maroon;
}

.form td{
font-weight: bold;
}

.form{
font-weight: bold;
border: solid 1px maroon;
width: 500px;
margin: auto;
padding-top: 15px;
margin-bottom: 80px;
}

.form td{
vertical-align: middle;
font-weight: bold;
font-size: 12px;
padding-right: 5px;
}

input, textarea{
border: 1px solid maroon;
font-family: verdana, arial, 'sans serif';
font-size: 13px;
margin: 15px 0;
width: 220px;
}

textarea{
width: 277px;
height: 98px;
}

.buttons input	{
background: pink;
border: solid 1px maroon;
width: 120px;
height: 30px;
font-weight: bold;
font-family: verdana, arial, 'sans serif';
font-size: 12px;
color: maroon;
text-align: center;
padding: 0;
margin-bottom: 30px;
}