/**LAYOUT**/
body{margin:3em 0; background: #e5ebe8;}
.container {width: 950px; margin: 0 auto; padding: 0; background: white;}
.center {margin: 0 auto;}
.clear { clear:both; }
div#content, div#logo, div#banner-top, div#menu, div#search, div#tickerbox, div#homecover, div#events, div#sideads, div#footer, div#event-header, div#event-text, div#gallery-container, div#video-container, div#results-container, div#blog-enties, div#editions, div#contact, div#logo-login, div#admin-menu, div#admin-content, div#admin-header, div#cover-admin, div#events-admin, div#blogs-admin, div#sections, div#section, div#archive, div#past-edition, div#cover-archive, div#events-archive, div#blogs-archive, div#admin-event-left, div#admin-event-right,div#main-content{float:left; margin-right: 10px;}
div#content{width:950px;}
div#logo{width: 190px; padding-right: 4px;margin-right:5px;border-right: 1px solid #eee; margin-top:0;}
div#logo a{display:block; height: 100px; width:100px; background-image: url(../img/cjovenlogo2.jpg); background-repeat: no-repeat; margin: 10px auto;}
div#logo-login{width: 280px; height: 100px; padding-right: 4px;margin-right:5px;}
div#logo-login a{display:block; height: 100px; width:100px; background-image: url(../img/cjovenlogo2.jpg); background-repeat: no-repeat;margin: 10px auto;}
div#banner-top{width:728px; margin:20px 10px;}
div#menu{width: 710px;}
div#search{margin:1.25em 0;width:230px;margin-right: 0;}
div#search input#searcharea {width:140px; margin:0px;}
div#tickerbox{height:440px; overflow:auto;width: 545px; border:2px solid #eee;}
div#homecover{width:390px; margin-right: 0;}
div#sideads{width: 160px; height:600px;padding:0 30px; }
div#event-header{width: 950px; margin: 0;}
div#event-text{width: 190px;}
div#admin-event-left{width: 480px;}
div#admin-event-right{widht: 250px; margin-right: 0;}
div#gallery-container{width: 750px;margin-right: 0;}
div#main-content{width: 710px;padding-right: 4px; margin-right: 5px; border-right: 1px solid #eee;}
div#comments{border-top:1px solid #ccc;}
div#daterangesearch{border-bottom: 1px solid rgb(107, 144, 218);background: rgb(235, 239, 249);padding:1em;}
div#admin-header{width: 790px;margin: 1.5em -80px 1.5em 80px;}
div#admin-menu{width:570px;margin-right: 0; margin:2.5em 0;}
div#admin-content{width: 790px;margin: 0 -80px 1.5em 80px; margin-top:1.5em;}
div#login-container{width:340px; margin:0 auto;}
div#cover-admin{width:220px;padding-right:1px;border-right: 1px solid #eee;}
div#events-admin{width:265px;padding-right:10px;border-right: 1px solid #eee;}
div#blogs-admin{width:265px;margin-right: 0;}
/** footerr**/
div#footer{width:790px;margin-right: 0;margin: 0 -80px 1.5em 80px; margin-top:3em;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:.5em; text-align:center;}
div#footer p {margin:0; padding:0;  color:#666;}
div#footer p a{margin-right:2.5em;color:#666;font-weight: bold;}
/**home ticker**/
ul#ticker {display: block;list-style: none;margin: 0;padding: 0;}
ul#ticker li{display: block;color: #333333;text-align: left;margin: 0;padding: 6px;float: left;border-bottom: 1px dashed rgb(178,178,178); width:540px;}
ul#ticker li:hover{background: #fffad9;}
ul#ticker li p{display: block;margin-top: 5px;margin-bottom: 3px;font-size: 1.15em;}
ul#ticker li p strong a{display: block; font-size:1.5em; font-weight:normal;}
.jscroller2_up, .jscroller2_down, .jscroller2_left, .jscroller2_right {margin: 0;padding: 0;}
.jscroller2_left, .jscroller_right, .jscroller2_left_endless, .jscroller2_right_endless {white-space: nowrap;}
p.thumb-home{float:left;margin:.5em 0;margin-right:10px;border:1px solid #ccc;	padding:2px;}
p.thumb-home a{display:block;float:left;width:125px;height:125px;line-height:125px;overflow:hidden;position:relative;z-index:1;		}	
p.thumb-home a img{height: 200px;float:right;position:absolute;top:-50px;right:-30px;}
/**events list**/
p.thumb-events{float:left;margin:.5em 0;margin-right:10px;border:1px solid #999;	padding:2px;}
p.thumb-events a{display:block;float:left;width:140px;height:140px;line-height:140px;overflow:hidden;position:relative;z-index:1;	}	
p.thumb-events a img{width: 250px;float:right;position:absolute;top:-45px;left:-35px;	}
p.thumb-events a:hover{overflow:visible;z-index:1000;border:none;}
p.thumb-events a:hover img{border:1px solid #999;background:#fff;top:-46px;left:-36px;}	
ul#events-list {display: block;list-style: none;margin: 0;padding: 0; border-top:1px solid #fbb36b;}
ul#events-list li {display: block;color: #333333;text-align: left;margin: 0;padding: 6px;height: 155px;border-bottom: 1px dashed rgb(178,178,178);}
ul#events-list li p{display: block;margin-top: 5px;margin-bottom: 3px;font-size: 1.25em;}
ul#events-list li:hover{background: #fffad9;}
ul#events-list-admin {display: block;list-style: none;margin: 0;padding: 0;}
ul#events-list-admin li {display: block;color: #333333;text-align: left;margin: 0;padding: 6px;border-bottom: 1px dashed rgb(178,178,178);}
ul#events-list-admin li p{display: block;margin-top: 5px;margin-bottom: 3px;font-size: 1em;}
ul#events-list-admin li:hover{background: #fffad9;}
/**sections list**/
ul#sections-list {display: block;list-style: none;margin: 0;padding: 0;border-top:1px solid #fbb36b;}
ul#sections-list li {display: block;color: #333333;text-align: left;margin: 0;padding: 6px;border-bottom: 1px dashed rgb(178,178,178);}
ul#sections-list li p{display: block;margin-top: 5px;margin-bottom: 3px;font-size: 1.25em;}
ul#sections-list li:hover{background: #fffad9;}
img.section-pic{float:right;margin-left:10px; padding:2px; width:250px;}
/**editions list**/
ul#editions-list {width:710px; display:inline;list-style: none;margin: 0;padding: 0;}
ul#editions-list li {float:left; color: #333333;text-align: left;padding: 5px; width:340px; border-bottom: 1px dashed rgb(178,178,178);}
ul#editions-list li p{display: block;margin-top: 5px;margin-bottom: 3px;font-size: 1.25em;}
ul#editions-list li:hover{background: #fffad9;}
img.archive-cover-pic{float:left;margin-right:15px; padding:2px; width:75px;}
/**comments list**/
ul#comments-list {display:block;list-style: none;margin: 0;padding: 0;margin-bottom:3em;}
ul#comments-list li {color: #333333;text-align: left;padding: 5px; border-top: 1px solid rgb(107, 144, 218);background: rgb(235, 239, 249); margin-bottom:1.5em;}
ul#comments-list li p{margin-top: 5px;margin-bottom: 3px;font-size: 1.25em;}
/**search results lists**/
ul#search-thumb-list {width:750px; display:block; list-style:none;margin:0;padding: 0;}
ul#search-thumb-list li {float:left; color: #333333;text-align: left;padding: 5px; width:106px;}
ul#search-thumb-list li p{display: block;margin-top: 5px;margin-bottom: 3px;font-size: 1.25em;}
ul#search-thumb-list li:hover{background: #fffad9;}
p.thumb-search{float:left;margin:0 .25em;border:1px solid #999;padding:2px;}
p.thumb-search a{display:block;float:left;width:100px;height:100px;line-height:140px;overflow:hidden;position:relative;z-index:1;	}	
p.thumb-search a img{width: 180px;float:right;position:absolute;top:-35px;left:-30px;	}
p.thumb-search a:hover{overflow:visible;z-index:1000;border:none;}
p.thumb-search a:hover img{border:1px solid #999;	background:#fff;top:-36px;left:-31px;}
*html ul#search-thumb-list{width:750px; display:block; list-style:none;margin:0;padding: 0;}
*html ul#search-thumb-list li {float:left; color: #333333;text-align: left;padding: 0 5px; overflow:hidden; }
ul#search-event-list {width:750px;display: inline;list-style: none;margin: 0;padding: 0;}
ul#search-event-list li {float:left; color: #333333;text-align: left;padding: 5px; width:330px; border-bottom: 1px solid #ccc;margin-left:5px;}
ul#search-event-list li p{display: block;margin-top: 5px;margin-bottom: 3px;font-size: 1.25em;}
ul#search-event-list li:hover{background: #fffad9;}
/**users list**/
ul#users-list {display:block;list-style: none;margin: 0;padding: 0;margin-bottom:3em;}
ul#users-list li {color: #333333;text-align: left;padding: 5px; border-bottom: 1px dashed rgb(178,178,178);}
ul#users-list li p{margin-top: 5px;margin-bottom: 3px;font-size: 1.25em;}
ul#users-list li p a {float:right; margin: 0 20px;}
ul#users-list li:hover{background: #fffad9;}
/**admin event picture list**/
ul#admin-pic-list {width:710px;display: inline;list-style: none;margin: 0;padding: 0;}
ul#ul#admin-pic-list p{display: block;margin-top: 5px;margin-bottom: 3px;font-size: 1.25em;}
ul#ul#admin-pic-list li:hover{background: #fffad9;}
p.thumb-events{float:left;margin:.5em 0;margin-right:10px;border:1px solid #999;	padding:2px;}
p.thumb-events a{display:block;float:left;width:140px;height:140px;line-height:140px;overflow:hidden;position:relative;z-index:1;	}	
p.thumb-events a img{width: 250px;float:right;position:absolute;top:-45px;left:-35px;	}
p.thumb-events a:hover{overflow:visible;z-index:1000;border:none;}
p.thumb-events a:hover img{border:1px solid #999;	background:#fff;top:-46px;left:-36px;}	
/**caption list**/
ul#caption-list {display:block;list-style: none;margin: 0;padding: 0;margin-bottom:3em;}
ul#caption-list li {color: #333333;text-align: left;padding: 5px; border-bottom: 1px dashed rgb(178,178,178);}
ul#caption-list li p{margin-top: 5px;margin-bottom: 3px;font-size: 1.25em;}
ul#caption-list li p a {float:right; margin: 0;}
ul#caption-list li:hover{background: #fffad9;}
/**past edition**/
div#cover-archive{width:350px;margin-right: 0;}
div#cover-archive img{width:350px;}
div#events-archive{width:275px;padding-right:10px;border-right: 1px solid #eee;}
div#blogs-archive{width:275px;}
ul#events-list-archive {display: block;list-style: none;margin: 0;padding: 0;}
ul#events-list-archive li {display: block;color: #333333;text-align: left;margin: 0;padding: 6px;border-bottom: 1px dashed rgb(178,178,178);}
ul#events-list-archive li p{display: block;margin-top: 5px;margin-bottom: 3px;font-size: 1.25em;}
ul#events-list-archive li:hover{background: #fffad9;}
/**MENU**/
/**essenctial styles**/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;position:relative;z-index:1000;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute;top:-999em;width:10em;}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit;}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0;top:2.25em;z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em;top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em;top:0;}
/**skin**/
.sf-menu {font-family: sans-serif;font-size: 1.15em;text-transform: uppercase;float:left;margin-bottom:1.5em;margin-top: 1em;}
.sf-menu a {border-left: 1px solid white;padding: .65em .75em;text-decoration:none;color: #587657 !important;}
.sf-menu a:visited {color: #7f7f7f;}
.sf-menu li {background-color: #d4e6ae;   	           	           }
.sf-menu li li {background-color: #fff;border-top: 1px solid #eee;}
.sf-menu li ul {border-top: 3px solid #eee;}
.sf-menu li li a {padding: .5em;text-transform: none;padding-right: 0;padding-left: 1em;border: none;margin-bottom: 1px;border-top: 1px solid #eff;}
.sf-menu li li:hover{background-color: white !important;}
.sf-menu li li a:hover{background-color: #fdf7ee !important;color:#587657 !important;}
.sf-menu li.current a {border-bottom:	5px solid #d4e6ae;color: white !important;background-color: #8dbe8b !important;}
.sf-menu li.current ul li{background-color:#fff;border-top: 1px solid #eee;}
.sf-menu li.current ul li a {border-top: 1px solid #eee;border-bottom: none;background-color: #fff !important;border-top: 1px solid #eff;color:#587657 !important;}
.sf-menu li.current ul li a:hover{background-color: #fdf7ee !important;color:#587657 !important;}
.sf-menu li li li {background:#9AAEDB;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {color: white !important;background-color: #8dbe8b;   outline: 0;}
/*** arrows **/
.sf-menu a.sf-with-ul {padding-right: 2.25em;min-width:1px;}
.sf-sub-indicator {position:absolute;display:block;right:.75em;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('../img/arrows-ffffff.png') no-repeat -10px -100px;}
a > .sf-sub-indicator {top:.8em;background-position: 0 -100px;}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position:-10px -100px;}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0;}
/*** shadows for all but IE6 ***/
.sf-shadow ul {background:	url('../img/shadow.png') no-repeat bottom right;padding: 0 9px 10px 0;-moz-border-radius-bottomleft: 17px;-moz-border-radius-topright: 17px;-webkit-border-top-right-radius: 17px;-webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}

