body {background: #E1E6FA url(Arts/cloud.jpg) no-repeat scroll bottom right;
	color: #183152;}

/* Classes used in documents */
p.content {margin: 0 auto; padding: 15px 10px 15px 15px; line-height: 22px;
	text-align: justify; font-size: 12px;	width: 90%;}
p.content:first-letter {font-size: 40px; margin: 8px 5px 5px 0;
	padding: 0; float: left; font-style: italic; font-family: serif;}
p.date {text-align: right; margin: 10px 10px 0 10px; 
	font-style: italic; font-size: 10px; padding: 2px 3px 1px 0;
	border-bottom: 1px solid  #ABC8E2;  background: #E1E6FA;}
p.date span {font-style: normal;}
p.author {text-align: right; margin: 0 10px 10px 10px; 
	font-style: italic; font-size: 10px; padding: 1px 3px 2px 0;
	border-top: 1px solid  #ABC8E2;  background: #E1E6FA;}
p.author span {font-style: normal;	}
h1#tab_title {font-size: 16px; font-weight: normal; text-align: center;
	display: block; margin: 1px 0; padding: 16px; background: #ABC8E2;}
h2.title {font-size: 14px; font-weight: normal; text-align: center;
	display: block; margin: 1px 0; padding: 12px;
	background: #C4D7ED url(Arts/bkgrnd_h2.jpg) repeat-x scroll left top;}
h3.title {font-size: 14px; font-weight: normal; margin: 5px 3px;
	text-align: center; border-bottom: 1px solid #ABC8E2;
	background: #E1E6FA; padding: 0 0 3px 0;}
a.link {margin: 0; padding: 1px 2px; color: #082142; font-style: italic;
	border-bottom: 1px solid #C4D7ED; text-decoration: none;
	background: #E1E6FA; font-size: 12px;}
a.link:hover {color: #FFF; background-color: #ABC8E2;} 
p.back {text-align: left; margin: 10px; padding: 10px 0;}
div.news {margin: 0 0 20px 0;}
p.point {font-size: 12px; line-height: 16px; margin: 7px 10px; padding: 0; 
	background: #EDEBFF url(Arts/circle.jpg) no-repeat scroll top left;
	text-indent: 14px; word-spacing: 0.05em;}
ul.content {font-size: 12px; line-height: 16px; margin: 0 10px 7px 60px;
 padding: 0 0 0 20px;text-align: left;}

/* For page content display */
#container {width: 752px; left: 50%; margin: 20px 0 20px -376px; padding: 0;
	background: #EDEBFF;  border: 1px solid #ABC8E2; 
	text-align: left; position: relative; font-family: Verdana;}
	
#content {width: 450px; margin: 0; padding: 0; float: left; 
	border: 1px solid #ABC8E2; border-width: 0 1px;
	min-height: 500px; height: auto !important; height: 500px;
	text-align: center;}
#content p {font-family: Verdana;}

#leftside {width: 150px; margin: 0; padding: 0;
	float: left; border-bottom: 1px solid #ABC8E2; text-align: center;}
#leftside a {display: block; margin: 1px; padding: 3px 5px;
	color: #183152; background: #C4D7ED; border: 1px solid #ABC8E2; 
	border-width: 1px 4px 3px 1px; font-size: 12px; text-align: center; 
	text-decoration: none; font-family: Verdana;}
#leftside a:hover {color: #ABC8E2; background-color: #375D81;
	border-color: #183152;}
	
#rightside {width: 150px; float: left; min-height: 500px;
	height: auto !important; height: 500px;}
#rightside p {font-size: 12px; line-height: 16px; margin: 7px 10px; padding: 0; 
	text-indent: 14px; word-spacing: 0.05em;}

#header {clear: both; border-bottom: 1px solid #ABC8E2;
	background: #ABC8E2 url(Arts/banner.jpg) no-repeat scroll left top;
	height: 65px; width: 752px;}
	
#footer {clear: both; border-top: 1px solid #ABC8E2;}
#footer p {font-size: 9px; text-align: right; margin: 5px; padding: 0;
	font-style: italic;}

/* For calendar display */
#calendar {position: relative; margin: 10px 0 60px 10px; width: 84%; 
	background: #EDEBFF; border-left: 1px solid #ABC8E2;}
#calendar td {width: 12%; margin: 0; border: 1px solid #ABC8E2;
	border-width: 0 1px 1px 0; font-size: 12px; padding: 0;
	vertical-align: top; font-family: sans-serif;}
#calendar th {font-family: serif;}
#calendar tr#title {background: #ABC8E2; font-size: 16px;
	font-weight: bold;}
#calendar tr#title th {border-top: 1px solid #ABC8E2;}
#calendar tr#title th#nextmonth {border-right: 1px solid #ABC8E2;}
#calendar tr#title th {padding: 5px; text-align: center;}
#calendar tr#days {color: #ABC8E2; background: #375D81;
	font-size: 14px; font-weight: normal; text-align: center;}
#calendar div.event {margin: 3px; margin-bottom: 10px;
	border: 1px solid #ABC8E2;}
#calendar div.event span {display: block;}
#calendar div.date {float: right; text-align: center; background: #E1E6FA;
	border: 1px solid #ABC8E2; border-width: 0 0 1px 1px; 
	padding: 1px 2px 0 2px; margin: 0; z-index: 99;}
#calendar span.time {background: #E1E6FA; text-align: left; padding: 1px;}
#calendar span.title {background: #EDEBFF; text-align: center;
	padding: 1px;}
#calendar span.loc {background: #EDEBFF; text-align: right;
	font-size: 10px; padding: 0 2px 2px 1px; font-style: italic;}
#calendar th#lastmonth a, th#nextmonth a {text-decoration: none; 
	color: #183152; font-size: 20px;}
#calendar th#lastmonth a:hover, th#nextmonth a:hover {color: #EDEBFF;}
#calendar td.sun {background: #C4D7ED;}
#calendar td.lastm, #calendar td.nextm {background: #DDD;}

