* { margin: 0; padding: 0; }
a img { border: 0; background: transparent; }
fieldset { border: none; }
/* =BASIC ELEMENTS
_________________________________________________________________ */
body {
	font: 100.01% "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #000;
	margin: 0; padding: 0;
	text-align: center;
	background: #790000 url(images/bg_gradient.jpg) repeat-x 0 0;
	font: 100%/150% "Trebuchet MS", Helvetica, Arial, sans-serif;
}
#showpage {
font: 12px;
}
p { font: 76%/200% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 2px 0 10px 0; }
h1 { font: small-caps 100%/120% Georgia, "Times New Roman", Times, serif; margin: 0 0 15px 0; }
h2 { font: 100%/140% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #780000; margin: 20px 0 5px 0; }
h3 { font: 100%/130% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #6C6C6C; margin: 7px 0; }
h4 { font: bold 100%/120% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #780000; margin: 3px 0; border-bottom: 1px dotted #FFF; padding-bottom: 3px; }
h5 { font: bold 85%/120% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #A25B1B; margin: 10px 0 3px 0; }
h6 { font: bold 80%/140% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 0 0 10px 0; padding: 4px; color: #FFF; background: #A5A9A6; width: 280px; }

dl { font: 100%/200% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 5px 0 10px 0; }
dd { font: 10px "Trebuchet MS", Helvetica, Arial, sans-serif; margin: -15px 0 10px 0; color: #875D2E; }

#content a:link { color: #780000; text-decoration: none; background: none; font-weight: normal; }
#content a:visited { color: #AA6533; text-decoration: none; background: none; font-weight: normal; }
#content a:hover { color: #780000; background: #E6DFCA; text-decoration: none; font-weight: normal; }
#content a:active { color: #FFF; background: #780000; text-decoration: none; font-weight: normal; }
#wrap {
	width: 820px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	background: transparent url(images/wrapbg_tile.jpg) repeat-y 0 0;
	z-index: 20;
}
#head {
	width: 820px; height: 270px;
	background: transparent url(images/head_img.jpg) no-repeat 0 0;
	padding: 0;
	z-index: 30; 
}
#photo1 { position: absolute; top: 40px; left: 73px;  width: 110px; height: 100px; background: url(images/a2.gif)}
#photo2 { position: absolute; top: 40px; left: 263px; width: 110px; height: 100px; background: url(images/b3.gif)}
#photo3 { position: absolute; top: 40px; left: 453px; width: 110px; height: 100px; background: url(images/c3.gif)}
#photo4 { position: absolute; top: 40px; left: 643px; width: 110px; height: 100px; background: url(images/d3.gif)}
#content {
	width: 500px;
	margin: -15px 70px 0 0;
	float: right;
	display: inline;
}
/* =SIDEBAR - big sidebar on left
_________________________________________________________________ */
#sidebar {
	width: 160px;
	margin: 90px 0 0 45px;
	float: left;
	display: inline;
	line-height: 0;
	font: 12px;
	color: #FFF;
}
#sidebar a{ font: 12px "Trebuchet MS", Helvetica, Arial, sans-serif;}
#logoCTP {
	width: 137px; height: 143px;
	position: absolute;
	background: url(images/logo_ctp.jpg) no-repeat;
	top: 210px; left: 57px; 
}
img a.logo:hover { background-color: transparent; }
/* =NAV (MAIN)
_________________________________________________________________ */
#navcontainer ul {
text-align:center;font: 12px "Trebuchet MS", Helvetica, Arial, sans-serif;
}
#navcontainer a:link, #navcontainer a:visited { color: #FFF; text-decoration: none; }
#navcontainer a:hover {
	color: #FFF;
}

/* =SUBNAV
_________________________________________________________________ */
#subnav ul {
	margin:0;
	padding:0;
	list-style-type: none;
	font: 12px "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #F9EBDC; 
}
#subnav a {
	padding: 0 0 0 5px;
}

#subnav a:link { color: #FFF; text-decoration: none; }
#subnav a:visited { color: #ccc; text-decoration: none; }
#subnav a:hover {
	color: #EB7153;
}
/* =title LOGIN
_________________________________________________________________ */
.title { padding: 5px 0px 4px 24px; color: #FFF; text-decoration: none; background: transparent url(images/announcements.jpg) no-repeat 0 0; width: 163px; height: 38px; font: bold 15px "Trebuchet MS", Helvetica, Arial, sans-serif; }
/* =line LOGIN
_________________________________________________________________ */
.line { margin: 0 auto;  text-align: center; background: transparent url(images/dotted_line.jpg) no-repeat 0 0; width: 153px; height: 1px;}
/* =AUTHOR LOGIN
_________________________________________________________________ */

table {
	color: #000000;
	font-family: Tahoma, Arial;
	font-size: 11px;}
td{
	word-break: break-all;
}
textarea {
	background-color: #F6F6F6;
	border: 1px solid #076AA6;
	color: #076AA6;
	font-family: Tahoma, Arial;
	font-size: 11px;
}
input {
	background-color: #FFFFFF;
	border: 1px #790000 dotted;
	font-family: Tahoma, Arial;
	font-size: 11px;
	line-height: 15px;
}

input.text {
	background-color: #F6F6F6;
	border: 1px solid #A7E0F8;
	color: #076AA6;
	height: 20px;
	padding: 1px;
}

select {
	background-color: #FFF;
	border: 1px solid #790000;
	color: #000;
	font-family: Tahoma, Arial;
	font-size: 12px;
}
/* =ANNOUNCEMENTS
_________________________________________________________________ */
#announcements {
	font: 12px "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #FFF;
	border: 4px solid #380004;
	background: #4A0007;
	padding: 7px;
	position: relative;
}
.annmargin { margin: 12px 0 3px 0; }

#announcements li {
	margin: 5px 0;
	list-style-image: url(images/bullet_announcements.png);
	list-style-position: inside;
	position: relative;
}
#announcements li a:link { color: #FEC041; text-decoration: underline; }
#announcements li a:visited { color: #FFFF99; text-decoration: underline; }
#announcements li a:hover { background: none; color: #FFF; text-decoration: none; }
#announcements li a:active { color: #F00; text-decoration: none; }
/* =FOOTER
_________________________________________________________________ */
#footer {
	width: 820px; height: 50px;
	background: transparent url(images/footerimg.jpg) no-repeat 0 0;
	margin: 0 auto; padding: 0;
}
/* =#calendar
_________________________________________________________________ */

#calendar{ 
width:100%; 
}
#calendar caption {  
font:11px 'Century Gothic', Arial, Helvetica, sans-serif;  
}
#calendar table { 
border-collapse: collapse;
color: #fff;
} 
#calendar table a{ 
color: #fff;
text-decoration:none;
font: bold 12px;
} 
#calendar th{  
font: normal 12px;
color: #fff; 
}
#calendar td { 
text-align:center;
font-size: 10px;   
}
#calendar td a{ 
font:bold 10px;
color: #fff;
text-decoration:none;
}