body {
	color:#fff;	
	font:11px Verdana, Tahoma, Arial, sans-serif;
	margin:0;
	padding:30px 0;
	background:#a0adb5;
}

/* Common Parts */
a {
	text-decoration:none;
	color:#2367AD;
}
a:hover {text-decoration:underline;}
p {
	margin:0 0 15px;
	padding:0;
	line-height:15px;
}
img {border:0px;}

/* Main Blocks */
#page-box {
	width:776px;
	margin:0 auto;
	padding:17px 11px 0 20px;
	background:#2367AD url(../images/mainstyle/page-shadow.gif) repeat-y right top;
	position:relative;
}
#main-part {
	width:100%;
	overflow:hidden;
	background:#fff url(../images/mainstyle/page-bg{-- color --}.gif) repeat-y right top;
}
#container {
	float:left;
	width:733px;
	padding-right:12px;
	background:url(../images/mainstyle/gradient{-- color --}.jpg) no-repeat right bottom;
	position:relative;
}

/* Vertical Navigation */
#vertical-navigation {
	float:right;
	margin:52px 0 0;
	padding:0;
	list-style:none;
	text-indent:-9999px;
	font-size:1px;
}
#vertical-navigation li {
	display:block;
	margin:0 0 2px;
}
#vertical-navigation li a {
	display:block;
	width:31px;
height:117px;
	overflow:hidden;
	background-repeat:no-repeat;
}
#vertical-navigation li.guests a {background-image:url(../images/mainstyle/cla_visitor_duo.jpg);}
#vertical-navigation li.cla-family a {background-image:url(../images/mainstyle/cla_family_duo.jpg);}
#vertical-navigation li.media a {background-image:url(../images/mainstyle/cla_media_duo.jpg);}

#vertical-navigation li.active a {
	width:31px;
	height:117px;
	background-position:-35px;
}
/* Header */ 
/* Logo */
#header h2 {
	margin:0;
	padding:0;
	width:146px;
	height:53px;
	background:url(../images/mainstyle/logo.gif) no-repeat;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	position:absolute;
	top:9px;
	left:19px;
}
#header h2 a {
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
}
/* Navigation */
#header ul {
	margin:0;
	padding:0;
	list-style:none;
}
/* Extra Navigation */
ul.extra-navigation {
	top:15px;
	right:10px;
	font-size:10px;
	position:absolute;
}
ul.extra-navigation li {
	float:left;
	padding:0 5px 0 4px;
	background:url(../images/mainstyle/split-white.gif) no-repeat 100% 3px;
}
ul.extra-navigation li.last {background:none;}
ul.extra-navigation li a {
	color:#fff;
}

/* Campus */
.campus {
display:none;
	position:absolute;
	top:45px;
	right:10px;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
}
.campus ul,
.campus span {
	float:left;
}
.campus li {
	float:left;
	padding:0 5px 0 4px;
	background:url(../images/mainstyle/split-white.gif) no-repeat 100% 3px;
}
.campus li.last {background:none;}
.campus li a {
	color:#fff;
}
.campus li a:hover,
.campus li.active a {
	color:#ffde06;
	text-decoration:underline;
}
/* Main Navigation */
#navigation {
	position:absolute;
	bottom:-50px;
	left:28px;
	font:bold 9px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#navigation li {
	float:left;
	display:inline;
	margin:5px 1px 0 0;
}
#navigation li span {
	width:0px;
	height:22px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	z-index:4;
}
#navigation li span.right {
	width:4px;
}
#navigation li a {
	float:left;
	color:#fff;
	overflow:hidden;
	padding:5px 6px 5px 10px;
}
#navigation li.active {
	background:none;
	margin:0;
}
#navigation li.active span {
	width:10px;
	height:27px;
	position:relative;
	margin:0 0 0 -6px;
	z-index:5;
}
#navigation li.active span.right {
	margin:0 -5px 0 0;
}
#navigation li.active a {
	color:#FCA360;
	padding:10px 6px 5px;
	height:12px;
}
#navigation ul {
	position:absolute;
	visibility:hidden;
	left:0;
	bottom:-16px;
	width:720px;
	font:normal 10px Arial, Helvetica, sans-serif;
	text-transform:none;
}
#navigation li.active ul {
	visibility:visible;
	position:absolute;
	left:450px;
	top:35px;
	font:bold 9px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#navigation li.active ul li {
	float:left;
	display:inline;
	margin:5px 5px 0 0;
	background:url(../images/media/nav-item-bg.gif) repeat-x;

}
#navigation li.active ul li span {
	width:0px;
	height:22px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	z-index:4;
}
#navigation li.active ul li span.right {
	background:url(../images/media/nav-item-right-bg.gif) no-repeat;
	width:4px;

}

#navigation li.active ul li.last {background:none;}
#navigation li.active ul li a {
	float:left;
	color:#fff;
	background:url(../images/media/nav-item-left-bg.gif) no-repeat;
	overflow:hidden;
	padding:5px 6px 5px 10px;
}

#navigation li.active ul li a.active {
	color:#FCA360;
}

/* Container */
img.main {
	float:left;
	margin-top:-47px;
}
#colum-content {
	width:100%;
	overflow:hidden;
	clear:both;
	margin-top:103px;
	padding-top:47px;
	background:url(../images/media/nav-sub-level-bg.gif) no-repeat;
}
/* Sub Box */
.sub-box {
	display:none;
}
.sub-box.dark {background:url(../images/mainstyle/gradient-blue-dark.jpg) repeat-x;}
.sub-box.news {
	width:138px;
	padding-top:20px;
}
.sub-box h2,
.events h2 {
	margin:0 0 10px;
	padding:0;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#003B93;
}
.sub-box.news ul {
	margin:0;
	padding:0;
	list-style:none;
	color:#003B93;
	font:10px Arial, Helvetica, sans-serif;
}
.sub-box.news li {
	margin:0 0 10px;
}
.sub-box.news a {color:#003B93;}
.logos {
	margin:0 0 0 5px;
	padding:0;
	list-style:none;
}
.logos li {
	width:100%;
	overflow:hidden;
	margin-bottom:35px;
	text-align:center;
}
.logos img {
	float:left;
}
img.calendar {margin:-15px 0 15px;}
.sub-box .navigation {
	margin:0 0 70px 5px;
	padding:0;
	list-style:none;
	font:11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.sub-box .navigation li {
	color:#21508E;
	margin:4px 0;
}
.sub-box .navigation a {
	color:#21508E;
}
.sub-box .navigation a:hover,
.sub-box .navigation li.active a {
	color:#0099CC;
	background:url(../images/mainstyle/arrow.gif) no-repeat 0 5px;
	padding-left:15px;
	text-decoration:none;
}


/* Main Box */
#content
{
	margin-top:25px;

}
#content h1
{
padding-right:25px;
text-transform: uppercase;
font-family: verdana;
font-style: italic;
font:bold;
color:#fff;

}
.content {
	width:562px;
	float:left;
}
.main-box {
	width:700px;
	float:left;
	padding:10px 12px 10px 35px;
	background-color:#000;
	min-height:400px;
}
.main-box p {
	padding-right:20px;
}
* html .main-box {height:200px;}
.main-box.welcome {
	width:379px;
	color:#6C6C6C;
	background:#fff;
	padding:10px 10px 10px 15px;
	float:right;
}
.main-box h1 {
	margin:0 0 10px;
	padding:0;
	font:normal 22px "Lucida Sans", Arial, Verdana, sans-serif;
	color:#F57F25;
}
.main-box h2 {
	margin:0;
	padding:0;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#F57F25;
	text-transform:uppercase;
}
.main-box img {margin-bottom:15px;}
.main-box strong {
	font-size:12px;
	color:#2367AD;
	line-height:18px;
}
/* Events box */
.events {
	width:718px;
	overflow:hidden;
	background:url(../images/mainstyle/events-bg.gif) no-repeat;
	clear:both;
	padding:35px 0 5px 15px;
}
.events ul {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
	font:10px Arial, Helvetica, sans-serif;
	color:#2367AD;
}
.events li {
	width:162px;
	background:#D7E3EF url(../images/mainstyle/event-box-bg.gif) no-repeat left bottom;
	padding-bottom:10px;
	float:left;
	margin-right:17px;
	display:inline;
}
.events li span {
	display:block;
	padding:5px 10px 0;
}

/* Footer */
#footer {
	background:#2367AD url(../images/media/footer-bg.gif) no-repeat;
	padding:60px 0 7px;
	font:10px Arial, Helvetica, sans-serif;
	color:#fff;
	width:100%;
	overflow:hidden;
	clear:both;
}
.footer-shadow {
	clear:both;
	background:url(../images/mainstyle/footer-shadow.gif) no-repeat;
	height:7px;
	text-indent:-9999px;
	font-size:10px;
	overflow:hidden;
	margin:0 -11px 0 -20px;
}

/* MEDIA PLAYER PAGE */
#player
{
width:670px;
top:20px;
position:Relative;
}

#player #video
{
float:left;
width:380px;
}
#player #info
{
float:left;
}

/* media archive */
#mediaarchive
{
width:680px;
top:20px;
position:Relative;
}

#mediaarchive #description
{
position:relative;
width:300px;
float:left;
}
#mediaarchive #links,#mediaarchive #links label
{
position:relative;
float:left;
}

#mediaarchive td,#mediaarchive img,#mediaarchive tr,#mediaarchive a
{
margin:0px;
padding:0px;
}
#info p strong, #mediaarchive p strong
{
color:#fff;
}