body {
	margin-bottom: 0px;
	background-image: url(images/MainBackground.jpg);
	background-color: #F8F8FF;
	background-repeat: repeat-x;
	margin: 0px;
	padding-top: 6px;
	text-align: center;
	}
#outer {
 width:780px;
 background-color: #F9F9F9;
 margin:auto;
 }
div#top {
	background: url(images/TopBanner.jpg) no-repeat;
	background-color: transparent;
	position: absolute;
	width: 780px;
	height: 145px;
	top: 7px;
	left: 0px;
	margin:0;
	z-index: 4;
		}
#main {/*main*/
 	position:relative;
	background-color: #F9F9F9;
 	color: black;
 	width:780px;
 	padding:0;
	text-align: center;
	margin:auto;
 }
div#mainmenu {
	position: absolute;
	font-family: Arial;
	height: 30px;
	top: 135px;
	left: 50px;
	width: 780px;
	visibility: visible;
	overflow: visible;
	text-align: left;
	z-index:50;
}
div#mainmenu2 {
	visibility: hidden;
}
div#home {
	position: absolute;
	color: white;
	top: 45px;
	width: 300px;
	left: 460px;
	height: 40px;
	z-index:12;
}
div#logo {
	position: absolute;
	top: 28px;
	left: 103px;
	height: 40px;
	z-index: 15;
}

div#flash {
	position: absolute;
	/*background-color: #fcf686; */
	background-image: url(images/OCCC-BannerPic.jpg);
	top: 152px;
	width: 530px;
	height: 200px;
	left: 0px;
	margin-left:0px;
	padding: 0px;
	vertical-align: top;
	z-index:10;
/*	display: block;*/
}

div#flashcontent {
position: relative;
	z-index:1;
}
div#flashbanners {
	position: absolute;
	top: 150px;
	width: 230px;
	height: 200px;
	left: 0px;
	margin-left:0px;
	padding: 0px;
	vertical-align: top;
	visibility: hidden;
	z-index: 0;
	}
div#topmenu {
	/* background: url(images/MainMenu.jpg) no-repeat; */
	background-color: transparent;
	position: absolute;
	width: 250px;
	left: 530px;
	top: 152px;
	height: 200px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	z-index: 5;
}

/*div#snow {
top: 0px;
width: 100%;
visibility: visible;
	z-index: 20;
	position: relative;
}*/
div#topmenubar {
	background: url(images/TopMenuBar.jpg) no-repeat;
	background-color: transparent;
	position: absolute;
	font-weight: bold;
	width: 780px;
	left: 0px;
	top: 352px;
	height: 31px;
	z-index: 10;
}
div#menu {
	position: absolute;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	background-color: #003d6e;
	margin-left: 0px;
	color: white;
	top: 150px;
	left: 0px;
	width: 187px;
	height: 230px;
	margin-top: 0px;
	vertical-align: top;
	padding-top: 10px;
	padding-left: 6px;
	z-index: 1;
}
div#leftside {
   position:absolute;
	background-color: #efefe8;
	height: 400px;
	left: 0px;
	width: 215px;
	width: 210px!important;
	top:380px;
	border-right-width: thin;
	border-right-style: groove;
	text-align: left;
	padding-top: 15px;
	padding-left: 4px;
	z-index: 6;
}
div#newsreleases {
background-color:#f9f9f9;
color:black;
font-family:Arial;
font-size:10px;
font-weight:normal;
height:249px;
left:215px !important;
margin:0px;
overflow:auto;
padding-left:7px;
padding-right:5px !important;
padding-top:0px;
position:absolute;
text-align:left;
top:507px;
vertical-align:top;
width:340px;
border: thin;
scrollbar-face-color: #a12a16;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
}

/*div#more {
background-color:#787666;
color:black;
font-family:Arial;
font-size:8px;
font-weight:normal;
height:25px;
left:215px !important;
margin:0px;
overflow:auto;
padding-left:7px;
padding-right:5px !important;
padding-top:5px;
position:absolute;
text-align:left;
top:750px;
vertical-align:top;
width:340px;
}*/
div#rightside {
	position: absolute;
	background-color: #efefe8;
	height: 400px;
	left: 565px;
	left: 566px!important;
	font-weight: normal;
	font-family: Arial;
	font-size: 11px;
	width: 215px;
	width: 213px!important;
	padding-top: 10px;
	top:380px;
	text-align: left;
	border-left-width: thin;
	border-left-style: groove;
	z-index: 6;
}

div#temp {
	position: absolute;
	background-color: #efefe8;
	margin-left: 0px;
	top: 740px;
	width: 150px;
	height: 28px;
	left: 30px;
	margin-top: 0px;
	text-align: center;
	z-index: 7;
}
div#clock {
	position: absolute;
	top: 770px;
	top: 755px!important;
	width: 210px;
	left: 570px;
	z-index: 15;
}
div#events2 {
	position: absolute;
	background-color: #efefe8;
	color: maroon;
	font-weight: bold;	
	font-family: Arial;	
	font-size: 9px;
	top: 756px;
	width: 351px!important;
	width: 351px;
	left: 215px!important;
	left: 218px;
	padding-top: 4px;
	height: 20px!important;
	height: 20px;
	z-index: 5;
}
div#events {
	position: absolute;
	background-repeat: no-repeat;
	font-weight: bold;	
	font-family: Arial;	
	font-size: 10px;
	top: 378px;
	width: 360px!important;
	width: 353px;
	left: 213px!important;
	left: 217px;
	padding-top: 4px;
	height: 90px!important;
	height: 90px;
	z-index: 7;
	}

div#bottom {
	background: url(images/bottombanner.jpg) no-repeat;
	position: absolute;	
	text-align: center;	
	color: #787666;	
	font-weight: bold;	
	font-family: Arial;	
	font-size: 10px;	
	width: 780px;	
	top: 780px;	
	height: 45px;	
	left: 0px;	
	padding-top: 5px;	
	border-top-width: thin;	
	border-top-style: groove;	
	z-index: 7;
}

#menu a {
	color: #ffffff;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	letter-spacing: 1px;
	line-height: 14px;
	width: 180px;
	}
#menu a:hover
{
	color: #ffffff;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	background-color: #a12a16;
	letter-spacing: 1px;
	line-height: 14px;
	width: 180px;
}
#bottom a {
	color: #787666;
	font-weight: bold;
	font-family: Arial;
   text-decoration: none;
	font-size: 10px;
}
#bottom a:hover {
	text-decoration: underline;
}
#leftside a {
	color: #822313;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
   line-height: 12px;
	width: 198px;
	}
#leftside a:hover
{
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	background-color: #A20206;
	line-height: 12px;
	width: 198px;
	border-left-color: #A20206;
	}
#home a {
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	line-height: 12px;
	text-overflow: clip;
		}
#home a:hover
{
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	background-color: #A20206;
	line-height: 12px;
	}

a  {
	font-family: Arial;
	text-decoration: none;
	color: #003d74;
}
a.white  {
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: white;
}
a.more  {
	font-family: Arial;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	color: #822313;
}
a.releases  {
	font-family: Arial;
	text-decoration: underline;
	color: #822313;
}
a.news  {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #822313;
	text-transform: capitalize;
	overflow: inherit;
}
a.news2  {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #822313;
	text-transform: capitalize;
	overflow: inherit;
}
a.quick  {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	line-height: 14px;
	color: maroon;
	text-transform: none;
}
td.news  {
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	color: #822313;
}

.links {
	color: black;
	font-weight: normal;
	font-family: Arial;
	font-size: 10px;
	line-height: 26px;
	}
a.visited  {
	font-family: Arial;
	text-decoration: none;
}
a.link  {
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
}
br.menu {
	line-height: 20px;
}
br.menu2 {
	line-height: 5px;
}
p {
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	color: black;
	padding-left: 6px;
	padding-right: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
p.red {
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	color: red;
	padding-left: 6px;
	padding-right: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
a.campus {
	font-family: Arial;
	font-weight: normal;
	font-size: 10px;
	color: #822313;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
p.news {
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	color: black;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	white-space: pre-wrap;
	text-indent: 0em;
	}
p.teasers {
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	color: black;
	margin-left: 15px;
	padding-right: 6px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
h1 {
	font-family: Arial;
	font-weight: bold;
	font-size: 28px;
	color: #904350;
	border-bottom: solid #904350;
	border-bottom-width: medium;
	text-transform: capitalize;
}
h3 {
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	color: Maroon;
	text-align: center;
	margin-bottom: 10px;
}
h3.red {
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	color: Maroon;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 15px;
}
h3.campus {
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: Maroon;
	text-align: left;
	margin-bottom: 2px;
	margin-left: 7px;
	margin-top: 5px!important;
}
h4 {
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	border-top: 0px;
	padding-left: 4px;
	padding-bottom: 4px;
	color: #850d23;
}

strong.maroon {
	color: #822313;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
}

strong.blue {
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	margin-top: 0px;
	padding-top: 0px;
	border-top: 0px;
	color: #002266;
}

br.news {
	border-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}
strong {
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
}
strong.wide {
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	letter-spacing: 1px;
}
ul {
	color: black;
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
}

li{
	color: black;
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
}
td {
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	}
th.videos {
	font-family: Arial;
	font-weight: bold;
	font-size: 10px;
	color: white;
	}
table.videos {
	margin: 0px;
	padding: 0px;
	}
small {
	color: black;
	font-size: 10px;
	font-family: Arial;
	font-weight: normal;
}