/* CSS Document */

body {background-color:#003399; background-image: url(images/back.gif); background-repeat: repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small;}

#frame {border: 1px solid #ff9900; background-color: #FFFFFF; width: 770px; background-image: url(banners/rotator.php); background-repeat: no-repeat; float: left;}

#main_frame {margin-left: auto; margin-right: auto; width: 770px;}

#nav {margin-top: 114px; margin-left: 5px; width: 770px; color:#FFFFFF; text-align:center;}

#nav a {margin-right: 16px; text-decoration: none; font-size:12px; color:#FFFFFF; font-weight: bold;}

#nav a:hover {text-decoration: underline;}

#text {margin-top:5px; width: 765px; padding: 4px;}

#left {width:420px; float:left;}

#left a{color:#339933; text-decoration:underline;}

#left a:hover {color:#cc3300;}

#welcome {margin: 5px; padding: 5px; float: left; /*text-align: justify;*/}	

#right {width:290px; float: right; margin: 15px 0px 0px 0px;}

#right a {color:#339933; text-decoration:underline;}

#right a:hover {color:#cc3300;}

#cal {width:240px; margin:0px 10px 10px 10px; float:left; padding: 5px;}

#cal a {color:#339933;}

#cal a:hover {color:#cc3300;}

#calIn {margin-top: 10px; margin-left: 30px; width: 250px; padding:0px 5px 15px 25px; line-height: 15px;}

#calIn a {font-size: x-small; color:#336633; text-decoration:none;}

#calIn a:hover {font-size: x-small; color:#cc3300;}

#info {width: 450px; margin: 5px; padding: 5px; float: left;}	

.img {margin: 5px;}
.img_left {margin: 5px 5px 5px 0px;}
.img_right {margin: 5px 0px 5px 5px;}

#perazza {display:inline;}

#history {width: 260px; padding: 5px; margin:5px 5px 5px 35px; clear:both; float:left;}

#history a {color:#009933;}

#history a:hover {color:#cc3300;}

h1 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#000000;}

h2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;
color:#009966; margin-top: 20px;}

h3{font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px font-style: italic; color: #009966; font-weight: bold;}

.link{padding-left: 25px; font-family:"Times New Roman", Times, serif; font-size: 15px; font-weight: bold; color:#003366;}
#links a {color:#009933;}
#links a:hover {color:#cc3300;}

#about li, #links li{margin: 10px;}

#about, #links {width: 740px; margin: 5px; padding: 5px; float: left; clear:both;}
#about a {color:#009933;}
#about a:hover {color:#cc3300;}


#admin{color:grey; font-size: 11px; float: left; padding: 5px;}

#admin a, #admin a:visited{color:#009933;}

#admin a:hover{color:#cc3300;}

#admin ul{float: left;}

#admin li{padding-left: 10px;}

#footer{width: 765px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; margin: 15px; float: left;}

#footer table{border: 1px solid #CCCCCC; margin-left: 540px; color: #CCCCCC; background-color:#003399;}

#footer td{padding:5px;}

#footer a, #footer:visited{color:#009966;}

#all {margin-top: 5px; width: 765px; padding: 4px; float: left;}

#all a {color: #009933;}

#all a:hover {color: #cc3300;}

#left {width: 425px; margin: 5px; padding: 5px; float: left; clear:both;}

.inLeft {width:200px; margin-top: 10px; margin-right: 5px; float:left;}

#show {width: 400px; margin: 5px; padding: 5px; border-right:1px solid #000000; float: left; clear:both;}

#showLeft {width:390px; margin: 10px; padding-top: 4px; float:left; border-top: 1px solid #000000;}

#showLeft a {color: #009933;}

#showLeft a:hover {color: #cc3300;}

#showRight {width: 310px; margin: 10px; padding: 5px; border-:1px solid #000000; float: left;}

#showRight a {color: #339933;}

#showRight a:hover {color: #cc3300;}

#histLeft {width: 425px; margin: 5px; padding: 5px; float: left; clear:both;}

#histLeft a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #339933; text-decoration: underline;}

#histLeft a:hover {color: #cc3300;}

.calendarBIG {width: 705px; border-color: #600; border-width: 0 0px 1px 1px; border-style: solid;}

.calendarBIG td {border-color: #600; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 4px;}

.eventDay {background-color: #ffffff;}
.CeventDay {background-color: #ffffcc;}
.CeventDayBIG {font-size: x-small; background-color: #ffffcc; text-align: left;}
.eventDayBIG {font-size: x-small; text-align: left;}

.calendar {border-color: #600; border-width: 0 0px 1px 1px; border-style: solid;}
.calendar td {border-color: #600; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 4px;}

.emptyDay {background-color: #ddd;} 
.emptyDayBIG {background-color: #ddd;} 
.dayName {background-color: #eee;}
.dayNameBIG {background-color: #eee; width: 60px;}

.header {background-color: #ffc; text-align: center;}

.calendar {border-color: #600; border-width: 0 0px 1px 1px; border-style: solid;}
.calendar td {border-color: #600; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 4px;}

#otherDay {}
.otherDay {background-color: #eee;}
.CotherDay {background-color: #ffffcc;}
.currDay {background-color: #ffc;}

ul {margin-top: 0px; margin-: 0px; list-style-position: outside;}

li {margin: 1px 0px 0px -7px;}


#directoryImg {width: 200px; margin:5px; padding:5px; float:left;}

#directoryL {width:230px; margin:5px; padding:5px; float:left; border-right: 1px solid #000000;}

#directoryM {width:230px; margin:5px; padding:5px; float:left; border-right: 1px solid #000000;}

#directoryR {width:230px; margin:5px; padding:5px; float:left;}

#avail {width: 200px; text-align:center; margin:5px; padding:5px; float:left;}

.cmHeader {}
.cmData {}

#login_view {font-size: x-small; margin: 20px 0px 0px 0px;}
#admin_front {font-size: x-small; margin: 20px 0px 0px 0px;}