/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #001422;
}
input,textarea {
	font-family: Arial, Helvetica, sans-serif;
}
body {
	background:url(images/bg.jpg) repeat top #001422;
	text-align: center;

}
img {
	padding: 8px;
}
#wrap {
	position: relative;
	width: 760px;
	background: #81C1EF;
	margin: 0 auto;
	text-align: left;
}
#menu {background:url(images/menu_bg.jpg) top repeat-x; height:37px; width:760px; clear: both;}
#menu_inside {height:37px; width:80%; margin-left:20px; margin-right: 20px; clear: both;}
#header {background:url(images/OCA_logo_760x135b.jpg) top no-repeat #007AD3; width:760px; height:135px; clear: both;}
#border {background:url(images/border.jpg) #0066FF repeat-x top; width:760px; height:9px; clear: both;}
h1 {font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#25669C;}
#footer {background:url(images/footer.jpg) #0070B7 repeat-x top; width:760px; height:43px; text-align:center; float: left; clear: both;}
#footer a:link {color:#79C6F7; text-decoration:none; font-size:11px; padding-left:10px; padding-right:10px;}
#footer a:visited {color:#79C6F7; text-decoration:underline; font-size:11px; padding-left:10px; padding-right:10px;}
#footer a:hover {color:#79C6F7; text-decoration:underline; font-size:11px; padding-left:10px; padding-right:10px;}
#footer a:active{color:#FFFFFF; text-decoration:underline; font-size:11px; padding-left:10px; padding-right:10px;}
#bottom_line {background:url(images/bottom_line.jpg) #DF38A2 top repeat-x; width:760px; height:6px!important; clear: both;}
#main {background:url(images/main_bg.jpg) #FFFFFF top repeat-x; width:760px; position: relative; clear: both; float: left; }
#main a{color:#006EB4; text-decoration:underline; font-weight:bold;}
#main a:hover {color:#006EB4; text-decoration:none; font-weight:bold;}
#main h2 { background:url(images/h2_bg.jpg) top repeat-x #0170BF; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; padding-left:10px;}
#main h3 {font-size:1.1em; font-weight:bold;}
#main h4 {font-size:12px; font-weight:normal; color:#F01720;}
#main h4 a{font-size:12px; font-weight:normal; color:#F01720; text-decoration:underline;}
#main h4 a:hover{font-size:12px; font-weight:normal; color:#F01720; text-decoration:none;}
#cell {width:760px; height:200px; background:url(images/cell.jpg) no-repeat; position: relative; clear:both; color: #FFFFFF; font-family: Comic Sans MS}
#cell h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; font-weight:400;}
.date {background:url(images/date.jpg) no-repeat left; padding-left:20px; height:30px; line-height:30px; vertical-align:middle; font-weight:bold;}
#cell_border {width:760px; height:3px; background:url(images/cell_border.jpg) repeat-x; position: relative; clear:both}
#cell_bg {width:253px; height:197px; background:url(images/cell_bg.jpg) repeat-x; position: relative; clear:both}
#left {width:220px; float: left; padding:10px; position:inherit}
#cell_right {width:220px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:10px; color: #FFF; font-size: 1.2em; line-height: 1.2em; font-weight: 600; }
#cell_right h1 { color: #000; }
#cell_middle {width:220px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:34px; color: #EAE321;}
#cell_middle h1 { color: #EAE321; margin-bottom: 8px; }
#cell_left {width:220px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:34px; color: #000;}
#cell_left h1 { color: #000; }
#submenu {width:220px; float: left; position:inherit; background:#0170B5 url(images/submenu.jpg) top repeat-y; color:#76C8FF}
#submenu h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#FFEEEB; background:url(images/submenu_bg.jpg) top repeat-x #E01D25; height:33px; text-align: center; vertical-align: middle;}
#submenu a{font-size:12px; color:#FEFCFD; text-decoration:none;}
#submenu a:hover{font-size:12px; color:#FEFCFD; text-decoration:underline;}
.title {font-family:"Century Gothic", Arial; font-size:44px; color:#FFFFFF; padding-left:10px; font-weight:600}
#right { padding:10px; width:490px; float: right;}
#cell_right a:link { color: #FFF; text-decoration: none }
#cell_right a:hover { color: #EAE321; text-decoration: underline }
/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:100%;
      background:url(images/menu_bg.jpg) top repeat-x;
      font-size:103%;
	  font-weight:bold;
      line-height:normal;
      }
    #tabsJ ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("images/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#25669C;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }
.blue { color: #25669C }
.red { color: #C92524 }
.yellow { color: #EAE321 }

/* Menu demo */
.menu {
  border: solid 1px #25669C;
  padding:10px 10px 15px 10px;
  background-color: #fff;
}

.menuItem {
  padding:4px 10px 4px 10px;
  border-bottom:solid 1px #25669C;
}

.menuItem:hover {
  background-color:#EAE321;
}

.menuItem a {
  color:#25669C;
  text-decoration:none;
}

#demo {
  background-color:#ddd;
  cursor:pointer;
  padding:5px 20px 5px 20px;
  margin: 30px 0;
  width: 525px;
}

#demo span {
  padding:3px 20px 0px 20px;
  cursor:pointer;
}

#demo span:hover {
  text-decoration:none;
}
/*--------------Calendar-------------*/
.calendar {
	width: 480px;
	margin: 0 auto;
	text-align: center;
	background: #25669C;
	border:2px solid #25669C;
	font-size: 1.1em;
}

.dow-td {
	background-color: #25669C;
	color: #FFF;
}

.days-td {
	width: 64px;
	height: 30px;
	color: #1D4D75;
	background: #F8F5B0;
}

.o-days-td {
	width: 64px;
	height: 30px;
	color: #25669C;
	background: #ddd;
}

.today-td {
	width: 64px;
	height: 30px;
	color: #fff;
	background-color: #25669C;
}

.event-td {
	width: 64px;
	height: 30px;
	color: #fff;
	background-color: #C92524;
	text-decoration: underline;
}

.event-td a:hover {
	color: #fff;
	background-color: #C92524;
	cursor: pointer;
}

.cal-top-td {
	width: 480px;
	background: #25669C;
	border-bottom: 3px solid #F8F5B0;
	color: #F8F5B0;
	font-weight: bold;
}
.cal-top-td a {
	color: #F8F5B0;
}

#cal {
	margin-top: 2px;
}

#cal a {
	text-decoration: none;
	color: #fff;
}

#cal a:hover {
	text-decoration: none;
	color: #000;
	cursor: pointer;
}
.lower-right {
	position: relative; left: -5px; top: 130px;
	font-size: 1.2em;
	width: auto;
}
.lower-right a {
	text-decoration: none;
	/*color: #FFF;*/
}
.formbutton
{
	cursor:pointer;
	border:outset 1px #333;
	background:#aaa;
	color:#25669C;
	font-weight:bold;
	padding: 1px 2px;
	background:url('images/formbg.gif') repeat-x left top;
}
.formbutton2 a
{
	cursor:pointer;
	border:outset 1px #333;
	background-color:#aaa;
	color:#25669C;
	font-weight:bold;
	padding: 1px 2px;
	background:url('images/formbg_blue.gif') repeat-x left top;
	text-align:center;
	text-decoration: none;
}
.sml {
	font-size: .9em;
}
img.mid {
	margin-bottom: -15px;
}
.bld {
	font-weight: 700;
}
.roundedCorners {
	border: 2px solid #1D4D75;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.roundedCornersCell, .today-td, .event-td {
	border: 1px solid #F8F5B0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#full_event {
	padding: 10px;
	text-align: left;
	color: #000;
}
#full_event h1 {
	text-align: center;
}
.lt {
	float: left;
}

.rt {
	float: right;
}

.ctr {
	text-align: center;
}
.spcl { font-family:Comic Sans MS, Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; color:#FFF; background:url(images/submenu_bg.jpg) top repeat-x #E01D25; height:33px; text-align: center; vertical-align: middle; margin-bottom: 6px;}
.spcl a { color:#FFF; text-decoration: none; }
.spcl2 {color:#FFF; padding-top: 6px;}
.white {color: #FFF;}
.red_box { font-family:Comic Sans MS, Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; color:#FFF; background: #E01D25; padding: 8px; text-align: center; vertical-align: middle; margin-bottom: 6px; border: 1px outset #000;}