/*Html Elements*/
/*-- reset --*/
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; outline: 0; font-size: 100%;background: transparent;}
body { background:url(/images/body.jpg); background-repeat:repeat-x; background-color:#cee1f5; font: 12px/18px georgia, 'times new roman', serif; color: #1d1918;}
a { color:#0267cb; text-decoration:none;cursor:pointer;}
a:link, a:visited, a:active, a:selected { color:#0267cb; text-decoration:none;cursor:pointer;}
a:hover { color:#1d1918; text-decoration:none; cursor:pointer}
a:current{color:#0267cb; text-decoration:none;cursor:pointer;}
h1 { font-size:34px; font-weight:bold; font-family:Helvetica; color:#000}
h2 { font-size:28px; font-weight:bold; font-family:Helvetica; color:#000}
h3 { font-size:24px; font-weight:bold; color:#000; line-height:30px;}
h4 { font-size:16px; font-weight:bold; color:#222}
h5 { font-size:16px; font-weight:bold}
h6 { font-size:14px; font-weight:bold}
p { line-height:25px; text-align:justify; padding-bottom:10px}
.fr { float:right}
.fl { float:left}
.cb { clear:both}
.cbfl { clear:both; float:left; line-height:20px;}
/*page elements*/
#topnav { background-image:url("/images/nav.jpg"); background-repeat:repeat-x; width:100%; height:52px;}
#topnavoo{ background-image:url("/images/head.jpg"); background-repeat:repeat-x; width:100%; height:160px;}
#footer { background-image:url("/images/bootom.jpg"); background-repeat:repeat-x; width:100%; height:150px;}
#navi { z-index:1; position:relative; margin-top:-52px; margin-left:auto; margin-right:auto; background-color:Transparent; background-image:url("/images/navnav.png"); background-repeat:repeat-x; width:980px;}
#naku { padding-left:5px; z-index:2; position: absolute; margin-top:-167px; margin-left:auto; margin-right:auto; background-color:Transparent;width:980px;}
#naku2 { padding-left:5px; z-index:2; position: absolute; margin-top:-52px; margin-left:auto; margin-right:auto; background-color:Transparent;width:980px;}
#navfot { z-index:1; position:relative; margin-top:-850px;}
#navlist { height:52px; padding:0; margin:0; font-weight: bold}
#navlist li {list-style: none; margin: 0; display: inline;}
#navlist li a { height: 37px; width:163px; padding-top:15px; text-align:center; color: #ffffff; text-decoration: none; float: left;background-image: url(/images/constant.jpg);}
#navlist li a:link, #navlist li a:visited {color: #cccccc;}
#navlist li a:hover { color: #ffffff; background-image: url(/images/navhover.jpg);background-repeat: no-repeat;}
#navlist li a#current, #navlist li a#current:hover {color: #ffffff; background-image: url(/images/navselected.jpg);background-repeat: no-repeat;}
#galleria {padding-left:15px; clear:both; padding-top:25px; padding-bottom:10px; border-top:1px solid #ffffff}
#linksmain {padding-top:5px; padding-bottom:5px; padding-left:15px;}
.shad { background-image:url("/images/mainb.png"); background-repeat:repeat-y; width:980px; padding:0 5px;}
#main { margin:0 auto; width:990px; background-color:Transparent;}
#midle { background-image:url("/images/first.jpg"); background-repeat:repeat-x; width:980px; height:325px;}
#midlebg { width:980px; border-bottom:1px solid #ddd; padding-bottom:10px;}
#midleol{ z-index:2; position:relative; margin-top:-325px; padding-bottom:25px; border-bottom:1px solid #dddddd}
#mLink { background-image:url("/images/mainlinks.jpg"); background-repeat:repeat-x; width:980px; height:239px;}
#mLinkol{ background-color:#f2f2f2;border-top:1px solid #ffffff;}
#mLinks { border-top:1px solid #fff; margin-left:2px; border-bottom:1px solid #ddd}
#title { padding:25px 15px 25px 0px; line-height:35px;}
#condata{ float:left; width:625px; padding:0px 25px 10px 20px;}
#imgcon { float:left; padding:10px 0}
.next { margin-top:15px;z-index:2; position:relative; margin-top:-239px;}
.next1 { margin-top:225px;}
#event { width:295px; float:left; padding:25px 15px 25px 15px}
#news { width:295px; float:left; padding:25px 15px 25px 15px}
#press { width:295px; float:left; padding:25px 15px 25px 15px}
.links { border-top:1px dashed #DDDDDD; clear:both; padding-top:10px; margin-top:5px; padding-left:5px;}
.view { font-size:10px; float:right; padding-right:10px; }
.bullinks{ padding-bottom:7px; clear:both}
.press { padding:10px;}
.phot { padding:10px 10px 35px 10px; width:650px; float:left;}
.rellinks { width:280px;margin-left:680px; padding:10px;}
.imggal { background-color:#f2f2f2; padding:5px; margin-bottom:10px;}
.usefull{ line-height:25px; padding-left:25px; list-style-type:decimal; padding-bottom:45px;}
#ftr { z-index:3; position:absolute; height:150px; width:980px;}
#ftrpad { margin-top:25px;}
#navsub { padding:0 15px; margin:0; font-weight: bold;color:#E7F2F9;}
#navsub li {list-style: none; padding:0 5px; margin: 0; display: inline; color:#E7F2F9;}
#navsub li a {padding:0 13px; text-align:center; color: #E7F2F9; text-decoration: none;}
#navsub li a:link, #navsub li a:visited {color: #E7F2F9;}
#navsub li a:hover {color:#E7F2F9; text-decoration:underline;}
.salute { line-height:10px; text-align:center; color:#E7F2F9;}
/*--main tab--*/
ol#toc {text-align:center; height: 50px;list-style: none;margin: 0;padding: 0;font-weight: bold; color:#F2F2F2;}
ol#toc li { text-align:center; width:163px; height: 52px; float: left; margin: 0; font-weight: bold; color:#F2F2F2; letter-spacing:.5px; font-size:14px;}
ol#toc a { text-align:center; width:163px; height: 52px; color: #008; display: block; float: left; outline: none; text-decoration: none; font-weight: bold; color:#F2F2F2; line-height:45px;}
ol#toc a:hover { text-align:center; width:163px; height: 52px; background-position: 0 -50px; font-weight: bold; color:#fff;}
ol#toc a:hover span { text-align:center; width:163px; height: 52px; background-position: 100% -50px; font-weight: bold; color:#F2F2F2;}
ol#toc li.current { text-align:center; width:163px; height: 52px; background-position: 0 -50px; font-weight: bold; color:#F2F2F2;}
ol#toc li.current a { text-align:center; widthwoi! :163px; height: 52px; background-position: 100% -50px; font-weight: bold; font-weight: bold; color:#F2F2F2;}
ol#toc li.current span { text-align:center; width:163px; height: 52px; background-position: 100% -50px; font-weight: bold; color:#F2F2F2;}
ol#toc span { text-align:center; width:163px; height: 52px; background: url(/images/basic_tab.png) 100% -50; display: block; font-weight: bold; color:#F2F2F2;}
div.content { clear: left;}
/*-- new tabs --*/
ol#tabs {width:163px; height:36px;}
ol#tabs li { width:163px; height:36px;}
ol#tabs a {width:163px; height:36px;}
ol#tabs a:hover {background: url(/images/ceapover.png); width:163px; height:36px; padding-top:15px;}
.tabsEfx {width:163px; height:36px;font-weight: bold; float:left;text-align:center; color:#fff; font-size:13px; background: url(/images/border.png); background-repeat:no-repeat;}
.tabsEfx a {width:163px; height:36px;float:left;text-align:center; font-weight: bold; color:#fff;padding-top:15px; background: url(/images/border.png); background-repeat:no-repeat;}
.tabsEfx a:selected {width:163px; height:36px;float:left;text-align:center; font-weight: bold; color:#fff; padding-top:15px; background: url(/images/border.png); background-repeat:no-repeat;}
.tabsEfx a:link {width:163px; height:36px; float:left;text-align:center;font-weight: bold; color:#fff;padding-top:15px;}
.tabsEfx a:hover {width:163px; height:36px;color:#fff;font-weight: bold; padding-top:15px; background: url(/images/ceapover.png);text-align:center;float:left; background-repeat:no-repeat;}
/*-- subpages--*/
#divcont { background-image:url("/images/contbg.jpg"); background-repeat:repeat-y; width:980px;}
.divleft { float:left; width:630px; padding:15px}
.divright { float:right; width:300px;padding:15px 10px; height:100%;}
.divNavi { float:right; width:300px;padding:15px 10px; height:100%;}
.divafter { padding-top:15px; clear:both; border-bottom:2px solid #444; padding-bottom:15px;}
.divafter1 { padding-top:15px; clear:both; border-bottom:2px solid #444; }
.divcont { padding:15px 0; text-align:justify; clear:both}
.place { font-weight:bold; float:left; color:#333}
.divider { float:left; padding:0 15px;color:#ccc}
.dates { float:left; color:#333; float:left;}
.textcont { line-height:25px; list-style-type:decimal;}
.textcont1 { line-height:25px; list-style-type:decimal; padding-left:25px;}
.divhight { height:10px; clear:both}
.divhight2 { height:25px; clear:both}
.imagedis { padding:10px 0;}
.bookmark { clear:both;padding:5px 0; border-top:1px dashed #dddddd; border-bottom:1px dashed #dddddd;}
.latestT { padding:15px 0; border-bottom:1px solid #ddd; padding-left:10px;}
.latestlist { padding:5px 0; padding-left:10px;clear:both; border-bottom:1px dashed #ddd; }
.recent { padding:25px 0px 10px 0px; border-bottom:2px solid #444; margin-bottom:15px;}
.recentList { line-height:25px; padding-left:25px;}
.presstitles{ font-size:14px; font-weight:bold; }
.contholder { padding:10px 0; clear:both; text-align:justify; line-height:25px;}
.imagepress { float:left; padding-right:25px; width:150px; height:100px;}
.prLatest { clear:both; padding-bottom:5px;}
.huweR { list-style-type:square; padding-left:15px; line-height:25px;}
.downloadList{ list-style-type:decimal; line-height:25px; padding-left:20px;}
.accLink { font-size:13px; font-weight:bold; line-height:30px; }
.accordionContent{ padding-left:15px;padding-right: 10px;}
.navEfx {border-bottom:1px solid #ddd; margin:3px 0;}
.naviAbout1 { height:35px; width:300px;background-color:#f2f2f2;}
.hoverEfx {height:35px; width:285px;background-color:#ffffff; }
.hoverEfx a {height:35px; width:300px;background-color:#ffffff;}
.hoverEfx a:selected {height:35px; width:300px;background-color:#ffffff;}
.hoverEfx a:link {height:35px; width:300px;background-color:#ffffff;}
.hoverEfx a:hover {height:35px; width:300px;background-color:#f2f2f2;}
.texttitle{ padding-top:10px; padding-left:10px;}
.dirName { font-size:13px; font-weight:bold}
.dirstyle { color:#444;line-height:15px}
.dirdiv { padding-bottom:15px;}
.emaillink { float:left; font-size:11px; font-weight:lighter; padding-left:10px; padding-right:10px}
.combox { padding-top:25px; padding-bottom:30px; border-bottom:1px dashed #ccc;}
.linkname { font-weight:bold;}
.linklist { padding-bottom:5px;}
.listholder { padding-left:15px; padding-top:25px; margin-bottom:250px}
/*calendar*/
/* div for the calendar markup - text must be centered */
div#calendar { margin : 0 auto; padding : 10px 35px; text-align : center; width : 21em; border-bottom : 1px solid #ddd; border-left : 1px solid #ddd;border-right : 1px solid #ddd;}
/* calendar heading color */
.calendar { color : #0267cb; font-size:20px; font-weight:bold;}
/* list info - monospace font must be used */
ul#days, ul.weeks { font-family : 'courier new', monospace; list-style-type : none; margin : 20px 0 20px 0;}
/* day-box span styles - adjust with padding */
ul#days li span { background-color : #0267CB; border : 1px solid #0267CB; cursor : help; font-weight : bold; color : #fff; padding : 5px;}
/* active links boxes default state - adjust with padding */
ul.weeks li a.al, ul.weeks li a.na { color : #666; text-decoration : none; background-color : #FFC9B8; border : 1px solid #f2f2f2; padding : 5px;}
/* all states of not-used links */
ul.weeks li a.na, ul.weeks li a.na:hover, ul.weeks li a.na:focus, ul.weeks li a.na:active { background : transparent; color : #666; cursor : default;}
/* hover and focus state of active links */
ul.weeks li a.al:hover, ul.weeks li a.al:focus, ul.weeks li a.al:active { color : #000; background-color : #f2f2f2; border : 1px solid #f2f2f2; text-decoration : none; cursor : pointer;}
/* not used link boxes - color and background should match - adjust with padding */
ul.weeks li a.nu { color : #eee; padding : 5px; border : 1px solid #f2f2f2; background-color : #f2f2f2; cursor : default;}
/* to hide link separators */
span.sep { display : none;}
/* this needs to be in conditional comment for IE only */
div#calendar { font-size : 0.9em; letter-spacing : 0.001em;}
.controlLink
{
clear:both;
font-weight:bold;
margin-top:25px;
border-top:1px solid #ccc;
padding-top:15px;
text-align:center;
padding-bottom:15px;
}
/* ADDTIONAL */
.image_small
{
height: expression(this.width > 90 ? 90: true);
width: expression(this.width > 140 ? 140: true);
max-height:90px;
max-width:140px;
}
.image_Medium
{
padding:0 15px 15px 0;
float:left;
height: expression(this.width > 250 ? 250: true);
width: expression(this.width > 320 ? 320: true);
max-height:250px;
max-width:320px;
}
.image_Headline
{
float:right;
padding:30px 10px 0 0;
max-height:250px;
max-width:300px;
height: expression(this.width > 250 ? 250: true);
width: expression(this.width > 300 ? 300: true);
}
.linkswhite
{
color:#E7F2F9;
font-weight:bold;
}
.linkswhite a
{
color:#E7F2F9;
font-weight:bold;
}
.linkswhite a:selected
{
color:#E7F2F9;
font-weight:bold;
}
.linkswhite a:link
{
color:#E7F2F9;
font-weight:bold;
}
.linkswhite a:visited
{
color:#E7F2F9;
font-weight:bold;
}
.linkswhite a:hover
{
color:#E7F2F9;
text-decoration:underline;
font-weight:bold;
}
.gallllll {border-top:1px solid #ddd; clear:both}
.charing { line-height:20px;}
.paragline { line-height:25px; text-align:justify}
.searchbtn { float:right; height:30px;}
.skulborder { padding-top:15px; clear:both; border-bottom:2px solid #444; margin-bottom:10px;}
.skullist { padding:10px 0; clear:both;}
.paging { padding:10px; border-top:1px solid #ccc; clear:both; margin-top:50px}
/****************************/
.success{
border:2px #c5d87f solid;
color:#26450a;
background-color:#e6efc2;
}
.error{
border:2px #fac2c5 solid;
color:#8b1f12;
background-color:#fbe2e5;
}
.notice{
border:2px #fed324 solid;
color:#534721;
background-color:#fff6bf;
}
.success, .error, .notice{
/*width:890px;*/
width:95%;
font-weight:bold;
font-size:12px;
padding:5px;
margin:15px auto;
text-align:center;
}
/*AJAX LOADER*/
#pageLoader
{
width: 100%;
height: 100%;
background: black;
position: absolute;
top: 0px;
left: 0px;
z-index: 1200;
opacity:.75;
filter:alpha(opacity=75);
}
#pageLoader div
{
width:150px;
height:75px;
position: fixed;
top:300px;
left:45%;
border:2px solid #DF9007;
z-index:1300;
color:#DF9007;
text-align:center;
background:#fff url('/images/MyCeap-Loader.gif') no-repeat;
background-position:top center;
}
.div-setYear-Con
{
/*padding-top:20px;*/
margin:0 0 20px 20px;
}
.wrapper
{
/*width:730px;*/
width:910px;
margin:0 auto;
}
/*Table*/
.tb_ALL
{
margin:0 auto;
width:910px;
font-family:Verdana,Arial,Helvetica,sans-serif;
}
.tr_ItemTemp td
{
border-bottom:1px #e8e8e8 solid;
border-left:1px #e8e8e8 solid;
}
.tr_ItemTemp
{
background-color:#fff;
}
.tb_Title td
{
text-align:center;
font-weight:bold;
border:1px #d7d7d7 solid;
background-color:#e8e8e8;
}
.tb_ALL .TextBox
{
width:100%;
}
.tr_AlternateTemp
{
background-color:#ededed;
}
.tr_InsertTemp
{
background-color:#e8e3e3;
}
/*For image to be center*/
.imgContainer {
display: table-cell;
text-align: center;
vertical-align: middle;
height: 150px;
width: 150px;
}
.imgContainer * {
vertical-align: middle;
}
/*\*//*/
.wraptocenter {
display: block;
}
.wraptocenter span {
display: inline-block;
height: 100%;
width: 1px;
}
/**/
.ajax__tab_tab
{
font-size:15px;
font-weight:bold;
}
.ajax__tab_hover
{
color:#75a0ef;
}
.tab_container
{
width:950px;
margin:0 auto;
padding-bottom:20px;
padding-top:20px;
}
.additonal{font-size:13px; font-weight:bold; line-height:18px;}
.distance{line-height:18px;}
.gap { height:15px;}