/* Start of CMSMS style sheet 'MOCCC Styles' */
/*=== Default browser styles ===*/
body { margin:0;padding:0;background-color:#00003C;font: 12px/1.7 Arial,Helvetica,sans-serif;color:#444 }
div { margin:0;padding:0 }
img { border:none }
a { overflow:hidden;color:#0100A2 }
a:hover { text-decoration:none }
p { margin: 0 0 12px 0 }
h2 { margin: 0 0 8px 0;padding:0;font-size:18px;line-height:1.4;color:#00003C }
h3 { margin:0 0 4px 0;font-size:14px;line-height:1.3;color:#00003C }
h4 { margin: 0 0 6px 0;line-height:1.1;color:#00003C; }

/*=== table styles ===*/
table { margin:0 0 20px 0;text-align:left;border:1px solid #DDD;border-right:none;border-bottom:none }
th,td { border-bottom:1px solid #DDD;border-right:1px solid #DDD}
.table-2col td,.table-2col th { padding:4px 8px}
.table-2col th,.even{ background-color:#F9F9F9 }

/*=== form styles ===*/
fieldset { margin:0;padding:0;border:none }
input { margin-left:5px;padding:2px 0 2px 4px;color:#0100A2;border:1px solid #DDD }

/*=== custom styles ===*/
#header-wrapper { height:203px;background: url(images/moccc/header_bg.png) repeat-x 0 0;z-index:5000 }
#header { width:960px;margin:0px auto }
#logo { float:left;width:252px;height:111px;margin: 47px 0 0 0;overflow:hidden }
#logo h1 { margin:0;padding:0 }
#logo h1 a { display:block;width:252px;height:111px;background: url(images/moccc/moccc_logo.png) no-repeat 0 0;text-indent:-9999px;outline:none }

#search { width:308px;height:52px;float:right;background: url(images/moccc/search_bg.png) no-repeat 0 0;position:relative }
#search input { border:none;margin:0 }
.searchcontent { position:absolute }
#cntnt01moduleform_1 { width:240px; }
#cntnt01searchinput { position:absolute;width:190px;height:21px;left:54px;top:14px;padding-top:4px;border:none;font-size:12px;color:#999;background-color:transparent }
input#submit { position:absolute;left:254px;top:10px;padding:0;width:39px }

#rssfeed { margin:80px 0 0 0;float:right;clear:right }
#rssfeed a { display:block;width:187px;height:16px;background: url(images/moccc/rss_link.png) no-repeat 0 0 }
#rssfeed a:hover { background-position: 0 -16px }
#rssfeed a span { display:none }

/*=== Top Menu ===*/
#menuwrapper { clear:left;position:relative;margin:0;z-index:10000 }
#menuwrapper li { display:inline;margin:0;padding:0 }
#menuwrapper li a { position:relative;display:block;font-weight:bold;text-transform:uppercase;color:#111;display:block;margin:0;padding: 10px 10px;text-decoration:none }

/*=== Nav / Dropdowns ===*/
#nav, #nav ul { margin:-1px 0 0 0;padding:0;list-style:none }
#nav a { width:auto;margin:0;padding:0 12px;outline:none }
#nav a:hover { color: #FFF;background:url(images/moccc/menu_item_hover.png) no-repeat 0 0 }
#nav li { float:left }
#nav li.divider { display:inline;width:2px;height:39px;background:url(images/moccc/menu_divider.png) no-repeat 0 0 }
#nav li a:hover { color: #FFF;background:url(images/moccc/menu_item_hover.png) repeat-x 0 0 }
#nav li ul { position: absolute;width:200px;left:-999em;padding:3px 0 6px 0;background-color:#010146 }
#nav ul a { display:block;width:190px;padding:0 0 2px 8px;font-weight:normal;text-transform:lowercase;color:#FFF;font-size:11px;line-height:22px;background:transparent;outline:none; }
#nav ul a:hover { color:#0000FF;background:none }
#nav li:hover ul, #nav li.sfhover ul { left:auto }
#nav ul li { line-height:28px;width:200px;border-bottom:1px dashed #000088 }
#nav ul li.last { border-bottom:none }

/*=== Content Area  ===*/
#content-wrapper { background-color:#FFFFFF;z-index:100 }
#content-home { width:960px;margin:0 auto;overflow:hidden;padding:16px 0 40px }
#content-home h2,#content-home h4 { color:#FFF }
#content { width:960px;margin:0 auto;overflow:hidden;padding:16px 0 40px }

/*=== Front Page Styles ===*/
#leftcol { float:left;width:632px;margin:0 20px 0 0;overflow:hidden }
#rightcol { float:left;width:308px;overflow:hidden;font-size:11px }
#rightcol h3 { margin: 0 0 8px 0;padding:2px 8px;background-color:#000090;color:#FFF }
#rightcol p { margin-left:8px }

/*=== News Carousel ===*/
#news_carousel { width:630px;height:350px;margin:0 0 20px 0;padding:0;overflow: hidden;position: relative }
#news_carousel ul.news {list-style-type:none;margin:0;padding:0;position:relative }
#news_carousel ul li { margin:0;padding:0;position:relative;float:left;font-size:11px;line-height:15px }
div.feature-summary { position:absolute;left:9px;bottom:8px;padding:7px 12px;width:586px;height:90px;z-index:500;background:url(images/moccc/feature_summary_bg.png) repeat 0 0;color:#FFF }
div.feature-summary h2 { margin:0;padding:0 }
div.feature-summary h2 a { text-decoration:none;color:#FFF }
div.feature-summary h2 a:hover { color:#CCC }
div.feature-summary h2 span { position:absolute;right:10px;margin-left:12px;color:#555;font-weight:normal;text-transform:uppercase }
p.NewsSummaryAuthor { margin:0 0 2px 0;padding:0;color:#777 }
div.NewsSummarySummary p { margin:0 0 5px 0 }
p.readmore { margin:0;padding:0;position:absolute;bottom:8px }
p.readmore a { color:#99E6FF }
p.readmore a:hover { text-decoration:none }

/*=== News Carousel Controls ===*/
#news_carousel ul.controls { position:absolute;top:0px;right:9px;list-style-type:none }
#news_carousel ul.controls li a { float:left;font-size:15px;margin:0 3px 0 0;padding: 3px 8px;background-color:#FFF;color:#000;text-decoration:none;outline:none }
#news_carousel ul.controls li a.active { background-color:#99E6FF;color:#000;font-weight:bold }
#news_carousel ul.controls li a:hover ,#news_carousel ul.controls li a.active:hover { color:#555 }

/*=== Secondary feature item ===*/
#secondary-feature ul { margin:0;padding:0;list-style:none }
#secondary-feature h3 { margin:0 0 8px 0;padding:0 0 5px 0;border-bottom:1px dashed #DDD }
.sec-feature-item { float:left;width:286px;margin:0 20px 0 0;padding:10px 10px 20px 10px;background-color:#f2f2f2 }
.sec-feature-item img { border:1px solid #222; margin-bottom:6px }

#results { margin:0 0 22px 0;font-size:11px;line-height:1.3 }
#results h4 { color:#FFF }
#top3News h4 { color:#FFF }
#top3results { margin: 0 0 22px 0 }

/*=== calendar upcoming event list  ===*/
#upcoming-events { margin:0 0 10px 0 }
/* This is the calendar on the front page */
#upcoming-events .calendar { width:100%;border:1px solid #DDD }
#upcoming-events .calendar td { border:none }
#upcoming-events .calendar caption { margin: 0 0 10px 0  }
.calendar-prev a,.calendar-next a { padding:0 7px 5px 7px;background-color:#000090;color:#FFF;text-decoration:none }
.calendar-prev a { margin: 0 8px 0 0 }
.calendar-next a { margin: 0 0 0 8px }
#upcoming-events .calendar td a { display:block;text-decoration:none;background-color:#333;color:#FFF }
#upcoming-events .calendar td a:hover { display:block;text-decoration:none;background-color:#444;color:#EEE }
#upcoming-events caption a:hover,#upcoming-events caption a:hover { background-color:#99E6FF }
#upcoming-events .calendar td, #upcoming-events .calendar th { text-align:center }
#upcoming-events h4 { color:#000;margin: 0 0 4px 0 }
#upcoming-events .calendar-event a { font-size:11px }
.calendar-event { margin:0 0 12px 0;padding:0 0 8px 8px;border-bottom:1px dashed #EEE;font-size:11px;line-height:1.3; }
.calendar-event h3 a { margin:0;padding:0;text-decoration:none }
.calendar-event h3 a:hover { color:#999 }
.calendar-date-from { color:#666666;font-size:12px;margin:0 0 4px 0 }
.calendar-details { font-size:12px;line-height:1.7 }
#leftcol .calendar-event { padding: 0 0 6px 0 }

/*=== front page album ===*/
#fp-gallery { width:308px;margin:0 0 22px 0;padding:0;overflow:hidden }
#fp-gallery ul { width:500px;margin:0;padding:0;list-style:none }
#fp-gallery li { width:70px;height:auto;float:left;margin:0 9px 10px 0 }
#fp-gallery li a { width:auto;height:56px;padding:5px 5px 0 5px }
#fp-gallery li a img { width:58px;height:auto }

/*== GENERAL CONTENT STYLES */
#breadcrumbs { margin:0 0 10px 0;padding:0 0 5px 0;border-bottom:1px dashed #EEE;font-size:11px;color:#666;overflow:hidden }
#breadcrumbs a { color:#666 }
#breaccrumbs a:hover { text-decoration:none }

/*=== Styles for Link to top of page *===/
#top-link { display:none; position:fixed; right:5px; bottom:5px; color:green; font-weight:bold; text-decoration:none; border:1px solid green; background:Lightgreen; padding:10px; }

/*=== Album styles ===*/
.album-controls-desc { margin: 0 0 20px 0;padding:8px;background-color:#FAFAFA;border:1px solid #EEE;color:#777}
.album-controls-desc img { vertical-align:middle }
li.thumb { height:150px;position:relative }
li.thumb a { border-bottom:3px solid #F8F8F8 }
li.thumb p.albumname { width:117px;margin:2px 0 0 0;font-style:normal;line-height:1.4 }
.albumpicturecount { font-style:normal;color:#999 }
.pin-icon { position:absolute;left:55px;top:-7px }

/*=== General form errors ===*/
.login-error,.error,.registration-errors { margin:0 0 12px 0;padding:5px 6px 5px 40px;font-size:11px;color:#FFF;background:#CF0000 url(images/moccc/icon_attention.png) no-repeat 10px center }

/*=== Poll styles ===*/
.poll { width:286px;border:1px solid #000090;background-color:#F9F9F9;padding:10px }
.poll p { margin:0 0 12px 0;padding:0 }
#rightcol .poll h4 { margin:0 0 8px 0;padding:0 0 8px 0;color:#222;border-bottom:1px solid #DDD } 
.poll,.pollresultlist { margin:0 0 12px 0;overflow:hidden }
.pollresultlist { padding:0 }
.poll-image { float:right;margin:0 0 8px 0 }
.polloptions { margin:0 0 8px 8px;padding:0;list-style:none;overflow:hidden }
.polloptions li {  }
.polloptions input { margin:3px 5px 0 0 }

.poll #vote { float:left;margin:0 5px 0 26px }
.poll #peek { float:left;padding:0 }
.poll #vote,.poll #peek,.pollresultlist #returntovote { width:90px;font-size:11px;border:none;padding:4px 0;background-color:#333;color:#FFF;text-transform:lowercase;cursor:pointer }
#vote:hover,#peek:hover,#returntovote:hover { background-color:#666 }

.pollresults { margin:0;padding:0;list-style:none }
.pollresult { margin:0 0 4px 0 }
.pollresult .bar-bg { background-color:#999;padding:1px }
.pollresult .bar-bg div { background-color:#FFF;padding:0 5px;font-size:10px }

/*=== Forum styles ===*/
/*=== FrontEndUsers Styles ===*/
#login-form { padding:8px 10px;background-color:#F9F9F9;border:1px solid #E9E9E9;overflow:hidden }
#login-form input { width:170px;margin-left:5px;padding:2px 0 2px 4px;color:#0100A2;border:1px solid #DDD }
.users-links { margin:0;padding:0;list-style:none }
.users-links li { display:inline;margin-right:6px }

/*=== Verification form styles ===*/
#verification-form label { width:120px;float:left }
#verification-form input { width:220px }
#verification-form .submit input { width:auto;margin:0 0 0 125px;padding:2px 20px }

input#m4submit { width:114px;float:right;position:absolute;right:0;margin:0;padding:3px 4px;font-size:11px;background-color:#00005F;color:#FFF;text-transform:uppercase;border-style:none;cursor:pointer }
.login-intro { font-size:11px;font-weight:bold }
.users-links { font-size:11px;color:#999 }

/*=== SelfRegistration Styles ===*/
#registration-form label { width:120px;float:left }
#registration-form .submit input { width:auto;margin:0 0 0 125px;padding:2px 20px }

/*=== general form styles ===*/
.form-row { margin: 0 0 8px 0 }

/*=== footer styles ===*/
#footer { clear:left;margin:0 auto;padding:10px 0 50px 0;width:960px;overflow:hidden;color:#FFF;font-size:10px;line-height:15px }
#footer-leftcol { float:left;width:632px }
#footer-rightcol { float:right;width:308px;line-height:1.3  }
#footer-rightcol a { outline:none }
.ara-banner { margin:5px 0 8px 0 }
a:hover img.ara-banner { opacity:.7 }
#footer a { color:#99E6FF }
#footer a:hover { color:#3ebde6;text-decoration:none }

/*=== footer menu ===*/
ul.footermenu { width:640px;margin:0 0 18px 0;padding:0;overflow:hidden;list-style:none }
ul.footermenu li { float:left;width:120px;margin:0;padding:2px}
ul.footermenu li.divider { display:none }
#footer li.menuactive a { color:#FFF }
.copyright { clear:left }

/*=== Scroll to top link ===*/
#toTop { visibility:hidden;width:100px;background-color:#0000FF;text-align:center;padding:3px 10px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#FFF;text-decoration:none;border:1px solid #000044 }
#toTop:hover { background-color:#0000EE;color:#FFF }

/*=== general image alignment ===*/
.float_image_left { float:left;margin:5px 10px 0 0 }
.float_image_right { float:right;margin:0 0 12px 10px }

/* ADDTHIS TOOLBAR */
.addthis_toolbox { float:right }
/* End of 'MOCCC Styles' */