@charset "UTF-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

a {text-decoration: none;}
a:link {color: #369;}
a:visited {color: #333;}
a:hover {color: #c00;}

body {
	background: #e8e8e8 url('imgs/body_bg.jpg') top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #555;
	}
h1 {
	float: left;
	margin: 10px 0 0 10px;
	_margin: 10px 0 0 5px;
	}

.clear {clear: both;}
.none {display: none;}
.accesskey {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #fff !important;
	}

/* Layout */
#wrap {
	width: 925px;
	margin: 0 auto;
	background: url('imgs/top_bg.jpg') top left no-repeat #fff;
	background-position: -1px 0px;
	text-align: left;
	}
#en_wrap {
	width: 925px;
	margin: 0 auto;
	background: url('imgs/en_top_bg.jpg') top left no-repeat #fff;
	text-align: left;
	}

/* Top */
#header {height: 103px;}
#en_header {height: 102px;}
#top {
	float: right;
	margin: 10px 10px;
	_margin: 10px 5px;
	text-align: right;
	}
#search_str {width: 120px;}
.search {margin-top: 5px;}
.search table {border-collapse: collapse;}
.search input[type="image"] {margin-left: 10px;}

/* Menu */
/* TODO: firefox margin: 13px ... */
#main_menu {
	margin: 0 0 0 201px;
}
#main_menu a.top_key {float: left; margin-right: 12px;}

#top_banner {
	clear: both;
	margin: 0 0 0 195px;
	padding: 5px 5px 5px 5px;
	_padding: 5px 0 0 5px;
	height: 151px;
}
#top_flash {margin-top: 0px; width: 725px; height: 151px;}

#en_top_banner {
	clear: both;
	margin: 0 0 0 195px;
	padding: 6px 0 0 5px;
	_padding: 5px 0 0 5px;
	height: 150px;
}

/* Content */
#wrapper {
	float: left;
}
#content {
	float: right;
	width: 695px;
	padding: 0 15px 20px 20px;
	_padding: 0 15px 20px 20px;
	margin: 0;
}
#content li {}
#content dd {line-height: 1.8em;}
#content p {line-height: 1.8em;}

#sidebar {
	float: left;
	width: 195px;
	margin: 0;
	padding: 0;
	}
	
#content-main {
	float: left;
	width: 520px;
}
#content-right {
	float: right;
	width: 160px;
}

/* Footer */
#footer {
	height: 90px;
	background-color: #fff;
	background-position: 10px 10px;
	border-top: 1px solid #ccc;
	color: #666;
	font-size: 12px;
	}
#footer ul {float: left; margin: 0 0 0 10px; padding: 10px 0 12px 90px; list-style: none; line-height: 1.4em;}
#footer a.aplus {float: left; margin: 10px;}

/* Home - Identity */
#identity h2 {
	margin: 0 0 0 63px;
	}
#identity ul {
	float: left;
	margin: 8px 10px 8px 25px;
	_margin: 10px 0 4px 12px;
	}
#identity ul li {
	float: left;
	display: block;
	line-height: 1.6em;
	list-style: none;
	width: 65px;
	margin: 0 2px 2px 0;
	padding-left: 12px;
	background: url('icons/li_03.gif') top left no-repeat;
	background-position: 0 8px;
}
#identity ul li a:link {
	color: #333;
}
#identity ul li a:hover {
	color: #c00;
}

/* Home - Calendar */
#calendar {
	clear: both;
	display: block;
	margin-bottom: 20px;
	}
.calendar {
	margin: 5px 14px 5px 14px;
}
.calendar h2 {padding: 2px 0; text-align: center; font-size: 15px;}
#calendar table {
	width: 100%;
	background-color: #fff;
	border: 1px solid #369;
	text-align: center;
	color: #666;
	}
#calendar table th {background-color: #369;}
#calendar table th a {font-weight: normal; color: #fff;}
#calendar table th, #calendar table td {line-height: 1.6em;}
#calendar tr.week td {
	border-bottom: 1px solid #369;
	background-color: #f2f2f2;
	}
.highlight {background-color: #ccc; color: #000;}
.highlight a {color: #000;}

#select_year ul {
	float: right;
	margin: 0 !important;
	padding: 0;
	
}
#select_year ul li {
	border: 0px;
	background-position: 12px 7px;
	line-height: 1.6em !important;
}

/* Home - Banner */
#banners ul {list-style: none; text-align: center;}
#banners ul li {margin: 5px 0;}

/* Home - Main */
#home-content {}
.home-topics,.home-news {margin-bottom: 20px;}
.home-topics ul,.home-news ul {}
.home-topics ul li,.home-news ul li {
	padding: 0 10px 0 24px;
	border-bottom: 1px dashed #ccc;
	background: url('icons/li.gif') top left no-repeat;
	background-position: 10px 10px;
	list-style: none;
	}
.home-news ul li {line-height: 1.9em;}
.home-news ul li span {display: inline-block; width: 65px;}
.home-news ul li a {}
.bg-f2fcfe {background-color: #f2fcfe;}
.home-topics ul li.bg_eff8fe {background-color: #eff8fe;}
.home-news ul li.bg_f2f9ee {background-color: #f2f9ee;}
.home-news ul li.bg-fffff0 {background-color: #fffff0;}
.home-topics h2,.home-news h2 {
	background: url('imgs/ocu_topic.gif') top left no-repeat;
	background-position: 0 5px;
}
.home-topics h3 {margin-top: 5px; font-size: 15px;}
.home-topics p {margin-top: 10px;}
.topic-text p {line-height: 1.6em !important;}
.topic-pic {float: left; display: block; margin: 2px 10px 5px 2px; padding: 3px; border: 1px solid #ccc;}
.topic-pic img {}
.topic-list {
	clear: both;
	line-height: 1.9em;
	}
.home-news h2 {}
.home-topics .h2-more {float: right; margin: -22px 0 0 0;}
.home-news .h2-more {float: right; margin: -24px 0 0 0;} 
.rss-feed {
	padding: 0 5px 0 16px;
	background: url('icons/rss.gif') top left no-repeat;
	background-position: 0 0;
	font-size: 11px;
	}

.home-links,.home-services {}
.home-links {
	float: right;
	width: 49%;
}
.home-services {
	float: left;
	width: 49%;
}
.home-links h2,.home-services h2 {
	background: url('imgs/h_bg.gif') top left no-repeat;
	background-position: 0 0;
	font-size: 13px;
	color: #333;
	}
.home-links ul,.home-services ul {list-style: none;}
.home-services ul {
	float: left;
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #ccc;
	background: url('imgs/services_bg.gif') top left repeat-x;
}
.home-services ul li {
	display: inline;
	margin: 0 5px;
	padding: 0;
	}
.home-services ul li a {
	display: inline-block;
	text-decoration: underline;
	line-height: 1.8em;
	}

.home-links ul li {
	float: left;
	width: 31%;
	height: 52px;
	margin: 2px 3px 0px 3px;
	background: url('imgs/links_bg.gif') top left no-repeat;
}
.home-links ul li a {
	display: block;
	padding: 5px 3px 0px 15px;
	}

/* Sitemap */
#sitemap ul {
	list-style-type: none;
}

/* Page */
#page-content {
	}
#page-content h2 {
	margin: 5px 0 20px 0;
	padding: 5px 0 0 30px;
	background: url('imgs/page_h2_bg.gif') top left no-repeat;
	background-position: 0 0;
	font-size: 20px;
	color: #036;
	}
#page-content h3, #content h4, #content h5, #content h6 {margin: 10px 0 10px 0;}
#page-content h3 {
	padding: 0 0 0 15px;
	background: url('imgs/page_h3_bg.gif') top left no-repeat;
	background-position: 0 0;
	color: #c00;
	}
#page-content h4 {color: #369;}
#page-content ul, #content ol {padding-left: 10px; margin-left: 15px; line-height: 1.8em;}
#page-content p {}

table.tb_01 {
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
table.tb_01 th {
	background-color: #f2f2f2;
	text-align: center;
	font-weight: normal;
	}
table.tb_01 th, table.tb_01 td {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}

/* Page - Pathway */
#pathway {margin-top: 0 !important; text-align: right;}

/* Page - Left Menu */
#leftmenu {}
#leftmenu h2 {
	margin: 5px 0 0 68px;
	font-size: 18px;
	color: #000;
	}
#leftmenu ul {
	margin: 15px 20px;
	}
#leftmenu ul li {
	padding: 5px 0 5px 20px;
	border-bottom: 1px solid #fff;
	background: url('icons/li_02.gif') top left no-repeat;
	background-position: 5px 10px;
	list-style: none;
}
#leftmenu ul li a:link {
	color: #333;
}
#leftmenu ul li a:hover {
	color: #c00;
}

/* Page - News */
.page-news ul {margin: 10px !important; padding: 0 !important;}
.page-news ul li {
	padding: 0 10px 0 24px;
	border-bottom: 1px dashed #ccc;
	background: url('icons/li.gif') top left no-repeat;
	background-position: 10px 10px;
	list-style: none;
	line-height: 2em;
}
.page-news ul li.bg_f2f9ee {background-color: #f2f9ee;}
.page-news ul li.bg_fffff0 {background-color: #fffff0;}

/* Page - Article */
#article {float: left; width: 100%; background: url('imgs/ocu_bg_logo.jpg') top right repeat-y;}
.article-title {}
.article-content {margin: 0 10px 0 0px;}
.article-content p {margin: 10px 0;}
.article-img {margin: 0px 5px 10px 5px; padding: 3px; border: 1px solid #ccc; background-color: #fff;}
.article-attach {clear: both; margin: 40px 0 0 0;}
.article-attach h3 {
	margin: 0 !important;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 2em;
	font-size: 13px;
	background-image: none !important;
	background-color: #eff8fe !important;
	}
.article-attach ul {margin: 0 !important; padding: 0 !important; list-style: none;}
.article-attach ul li {
	margin: 0;
	padding: 0 15px;
	}
.publish_up {margin: -15px 0 15px 32px; font-size: 12px; color: #666;}
.updated {font-size: 12px; color: #666;}

#article-footer {clear: both; margin: 40px 0 0 0; text-align: right;}
#article-footer p {float: left;}
#article-footer span a {display: inline-block; margin: 10px 0 0 5px; padding: 3px; border: 1px solid #ccc; background-color: #fff;}
#article-footer span a:hover {background-color: #efefef;}

.president li span {display: inline-block; width: 100px;}

/* Page - Identity */
table.identity td {padding: 2px;}
table.identity h3 {
	margin: 0 !important;
	padding: 2px 20px !important;
	border-bottom: 1px solid #ccc;
	background: none !important;
	background-color: #f2f2f2 !important;
	font-size: 13px !important;
	}
table.identity ul {margin: 5px !important;}
table.identity ul li {list-style-image: url('icons/li_02.gif');}
table.identity ul li a {text-decoration: underline;}

/* Page - Calendar */
.page_calendar {}
.tb_wrap_calendar {border-collapse: collapse; margin: 10px 0; border-top: 1px solid #aaa; border-left: 1px solid #aaa;}
.tb_wrap_calendar th {background-color: #f2f2f2; border-bottom: 1px solid #aaa; text-align: center; font-weight: normal;}
.tb_calendar {border-collapse: collapse; border-top: 0px solid #aaa; border-right: 1px solid #aaa;}
.tb_calendar th {text-align: center;}
.tb_calendar th, table.tb_calendar td {padding: 5px 0; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; text-align: center;}
.tb_calendar_week {border-collapse: collapse; border-left: 1px solid #aaa; border-right: 1px solid #aaa;}
.tb_calendar_week td {padding: 5px 0; border-right: 1px solid #aaa;}
.td_calendar_year {padding: 5px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;}
.td_calendar_month {padding: 5px; border-bottom: 1px solid #aaa; text-align: center;}
.td_calendar_events {padding: 5px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;}
.tr_calendar_month {display: none;}
.tr_calendar_week {display: none;}
h3.calendar_month_title {
	line-height: 1.6em;
	background: #f2f2f2 none !important;
	border-bottom: 1px solid #ccc;
	text-align: center;
	}
h3.calendar_month_title span {
	margin: 0 10px;
	font-size: 13px;
	font-weight: normal;
	}
.page_calendar ul {margin: 10px !important; padding: 0 !important;}
.page_calendar ul li {
	padding: 0 10px 0 24px;
	border-bottom: 1px dashed #ccc;
	background: url('icons/li.gif') top left no-repeat;
	background-position: 10px 10px;
	list-style: none;
	line-height: 2em;
}
.page_calendar ul li.bg_f2f9ee {background-color: #f2f9ee;}
.page_calendar ul li.bg_fffff0 {background-color: #fffff0;}

.tb_calendar_month {
	margin-top: 20px;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.tb_calendar_month th {
	padding: 8px 5px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f2f2f2;
	text-align: center;
}
.tb_calendar_month td {
	padding: 5px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 1.6em;
}
tr.tr_bg01 td {
	background-color: #F2F9EE;
}