body {background: white; color: black; font-family:serif;}
h1 {font-size: x-large; }
h2 {font-size: large; color: #000055; }
h3 {font-size: medium; color: #0055aa; }
a:visited {background: transparent; color: #8888aa; text-decoration: none; }
a:link {background: transparent; color: #0000aa; text-decoration: none; }
a:active {/*background: #ffcc00;*/ color: #0000cc; }
td.button { background: #eeeeee; text-align: center; }
td.newsdate { background: #eeeeff; font-family: sans-serif; font-size: x-small; text-align: center; font-weight: bold;}
td.newsitem { background: white; text-align: left;}
td.newsauthor { background: #eeeeff; font-family: sans-serif; font-size: x-small; text-align: center;}
td.eventdate { background: #eeffee; font-family: sans-serif; font-size: x-small; text-align: center; font-weight: bold;}
td.eventitem { background: white; text-align: left;}
td.eventroom { background: #eeffee; font-family: sans-serif; font-size: x-small; text-align: center;}
th.news { background: #222255; color: white; font-family: sans-serif; font-size: x-small; text-align: left; }
td.pagetitle { font-size: large; font-weight: bold; }
th { background: #002288; color: white; }

/* CSS 2 (especially for Mozilla) and CSS 3 (according to the developmental spec) */
body, .web-framework {
	width:760px;
	margin:0 auto;
	padding:0 20px;
	font-size:12px;
}

img {
	border-width:0;
}

h2 {
	border-left:10px solid #ff9900;
	font-family:'Lucida Grande', Sans, Sans-serif;
	text-transform:uppercase;
	padding-left:10px;
}

p {
	font-family:'Lucida Grande', Sans, Sans-serif;
}

.biglogo {
	background:url(/csc_welcome.jpg) -20px 25px transparent no-repeat;
    height:340px;
} .biglogo table {
    float:left;
}

.template-header {
	border-bottom:1px solid #ccc;
	/*background-color:#cee6ff;*/
	/*padding-top:65px;*/
}

.webtitle {
	/*position:absolute;
	top:0;
	left:0;*/
    height:60px;
	width:760px;
	background-color:#215498;
    border-bottom:4px solid #104387;
} .webtitle .webtitle-inner {
	width:760px;
	padding:0 10px;
}

.menuspace {
	background:white;
}

.menuspace .menubar {
	background-color:transparent;
	padding:0;
	margin:0 auto;
	text-align:center;
    height:90px;
    vertical-align:center;
    font-size:11px;
    text-transform:uppercase;
}

.menuspace .menuitem {
	margin:0;
	padding:0;
} .menuspace .menuitem a {
	display:block;
	text-align:center;
	padding:5px;
	margin:0;
	text-decoration:none;
	font-weight:400;
	font-family:'Lucida Grande', Sans, Sans-serif;
} .menuspace .menuitem a:hover {
	font-weight:700;
	color:black;
	background-color:#eee;
    border:1px solid #ccc;
} .menuspace .menuitem a:hover img {
	width:60px;
	height:60px;
}

.diritem,
.diritem:link,
.diritem:visited,
.diritem:active {
	font-family:'Lucida Grande', Sans, Sans-serif;
	border-left:4px solid #ccc;
	padding:0 15px 0 5px;
	color:blue;
} .diritem:hover {
	border-left:4px solid green;
}

.headdir {
	font-weight:700;
}

.pagetop,
.pagetop:link,
.pagetop:visited,
.pagetop:hover {
	font-family:'Lucida Grande',sans, sans-serif;
	display:block;
	padding:0 10px 10px 10px;
	margin:10px 0 0 0;
	border-top:1px solid #ccc;
	background-color:#eee;
	color:#999;
	font-size:9px;
	text-align:right;
	text-transform:uppercase;
}

.footer {
	/*margin-top:10px;*/
	padding-top:10px;
	border-top:1px solid #ccc;
	font-size:10px;
	color:#666;
	/*background:url('/logos/csc_80_35.png') right bottom no-repeat transparent;*/
}

.infobox {
	border:1px solid #ccc;
	padding:5px 10px;
}