body {font: 62.5% arial, helvetica, sans-serif;  color:#000; text-align:center; margin: 2em 0 0 0;}

h1, h2, h3, p, img{margin: 0; padding: 0; border: none;}

a.backToCMS{ position:absolute; font-size:2em; color:white; font-weight:bold; }

/* GENERAL HEADINGS */
h1, h2, h3, p {font-weight: normal;}
h1 {font-size: 1.2em; margin-bottom: 1em;}
h2 {font-size: 1.1em;}
#newsContent h3 { font-weight:bold; clear:both; float:left; padding:0.5em 0;}
h3 {font-size: 1em;}
p {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 1.4em;}

/* WRAPPERS */
.wrapper{ width:1000px; margin:0 auto;text-align: left; background:#e6e6e6 }

/* BACKGROUNDS */

/* HEADER */
#header {margin:0 auto; background:#333 url(../imgs/header2.gif) right 0 no-repeat; padding:0; height:154px;}
#header #headImg{margin: 0; padding:0; height: 121px; float: left;}
#header a{margin: 0; padding:0;}
#header img {margin: 0; padding: 0;}

span.newsDate {font-weight:normal; font-size:0.8em;  }

/*UTILITIES MENU*/
#utilities {color:#fff; float: right; position: relative; margin: 94px 2px 0 0; text-align:right;}
#utilities p{margin: 0; padding:0;}
#utilities a:link,#utilities a:visited{color:#fff; text-decoration:none; font: bold 1em arial;}

/* TOP NAV */
#topNav{float: left; width: 100%; background: transparent url(../imgs/nav/main_nav_bg.gif) left bottom repeat-x; padding:0px; font-size:1.5em;}
#topNav ul {margin: 0;padding: 0; float:left;}
#topNav li {display: inline; margin:0; padding: 0; float: left; background:url(../imgs/nav/border.gif) right top no-repeat;}
#topNav ul li a:link,#topNav a:visited {display:block; font: bold 12pt arial; color:#fff; text-decoration:none;  padding:7px 25px 7px 25px; } 
#topNav ul li a:hover {color:#333; background:transparent url(../imgs/nav/main_nav_bg_ro.gif) repeat-x bottom left; }
#topNav a.active {}
#topNav a.active span {}

/* PAGE CONTENT */
div.eventTime { border: 1px solid #aaa; margin-top:10px; margin-bottom:10px; padding: 4px; background-color:#dddddd; }

#pageContent {font-size: 1.1em; margin:0;}
#pageContent {float: left; width: 100%; display: inline; padding: 1em 0; border-bottom:2px solid #fff;background:#e6e6e6 url(../imgs/page_bg_3.gif) 260px 0px no-repeat;}
#contentLeft {float: left; width: 746px; display: inline;}

#homeHeader{float: left; display: inline; margin: 1px 0 0 10px; padding: 20px; background:url(../imgs/home_bg.jpg) 0 0 no-repeat; width:692px; height:177px;}
#homeHeader span{display: inline; float: left; clear: left; margin: 0; padding: 0; background:#000; color:#fff; font: bold 24pt arial; line-height: 0.9em;}
#homeHeader .redLink{float: left; width: 5em; font: bold 12pt arial; margin: 3px; padding: 4px 4px; background: #ce0300 url(../imgs/nav/white_arrow.gif) right 7px no-repeat;}
#homeHeader h2{width: 90%; float: left; clear: left; color: #fff; margin: 1.6em 0 0 0; padding: 3px 3px 3px 0; background: #000; font: bold 11pt arial; }

h1.pageTitle{ font-weight:bold; font-size:3em; margin:1em; margin-bottom:0.5em; }

.leftColumn{float:left; width:362px; margin: 10px 8px 0 10px; display: inline; }
.content{width:362px; margin: 0; background:url(../imgs/box_inner.gif) 0 0 repeat-y;}

.leftTop{height: 6px; background:url(../imgs/box_top.gif) 0 0 no-repeat;}
.leftInner{padding: 14px 22px;}
.leftBot{height: 6px; background:url(../imgs/box_bottom.gif) 0 bottom no-repeat;}

.leftInner p{float: left; clear: left; width: 180px; margin: 0 0 1em 0; }
.leftInner h2{color: #333; font-size: 15pt; font-weight: 600; line-height: .85em; font-family: Arial,Helvetica,sans-serif;}
.leftInner h3{color: #333; margin: 0 0 1em 0; letter-spacing: -1px; font-size: 10pt; font-weight: 600; line-height: .85em; font-family: Arial,Helvetica,sans-serif;}
.leftInner img{float: right;}

.centerColumn {float:left; width:362px; margin: 10px 0 0 1px;  background:url(../imgs/box_inner.gif) 0 0 repeat-y; display: inline; }
.centerTop{height: 6px; background:url(../imgs/box_top.gif) left top no-repeat; }
.centerInner{padding: 18px 22px;}
.centerBot{height: 6px; background:url(../imgs/box_bottom.gif) left bottom no-repeat;}

.centerInner img {padding: 0; border: none;}
.centerInner .grey {padding: 1em; margin: 0; background: #e6e6e6;}
.centerInner .grey p{margin: 0 0 1em 0;}


.rightColumn{float: left; clear: right; display: inline; width: 240px; margin: 0 0 0 8px; background:url(../imgs/right_box_mid.gif) 0 0 repeat-y; }
.rightTop{float: left; width: 100%; height: 7px; background:url(../imgs/right_box_top.gif) 0 0 no-repeat;}
.rightBot{float: left; width: 100%; height: 15px; background:url(../imgs/right_box_bot.gif) 0 bottom no-repeat;}
.rightInner{float: left; padding: 10px 22px 15px; }

.upper{text-transform: uppercase;}
.red{color: #ce0300;}
.date{font-size: 10px; font-weight: 600; color: #333; margin: 0 0 1em 0;}
.rightColumn .breaking{float: left; padding: 0; width: 100%; color: #fff; margin: 0; background: #000;}
.rightColumn .breaking span{ float: left; padding: .2em .4em;}
.rightColumn .breaking span.arrows{ float: right; margin: 0 .5em 0 0; padding: 2px 0; font: normal 8px arial; }
.rightColumn .breaking span.arrows a{font: normal 10px arial; }

.rightColumn .grey {float: left; width: 100%; margin: 0; background: #e6e6e6;}
.rightColumn .grey img{float: right; margin: 1em 1em 0 0; padding: 0;}
.rightColumn .grey p{padding: 1em;}
.rightColumn h2{color: #000; font-size: 14px; font-weight:600; margin: .4em 0;}
.rightColumn h3 a{color: #ce0300; text-decoration: none; font-size: 11px; font-weight: 600; font-family: arial, Arial, Helvetica, sans-serif;}

.horizontalLight {border-bottom: 1px solid #ccc; margin-bottom: 10px; margin-top:10px;}
.horizontalDark{border-bottom: 1px solid #666; margin: 5px 0;}
.horizontalBlack{float: left; clear: both; width: 100%; height: 10px; border-bottom: 4px solid #000; margin-bottom: 10px;}
.horizontalThickGrey{float: left; clear: both; width: 100%; height: 10px; border-bottom: 4px solid #999; margin-bottom: 10px;}

.redLink{float: left; clear:left; width: 5em; color: #fff; padding: 1px 10px 1px 3px; text-decoration: none; background: #ce0300 url(../imgs/nav/white_arrow.gif) right bottom no-repeat; }

.newsBox .redLink{margin: .8em 0 0;}

.pageTable {width:90%; clear:both; float:left; margin:10px 0;}
.pageTable td {width:50%; padding:0 0 3px 0; margin:0;}
.pageTable thead {font-weight:bold; color:#ce0300; padding-bottom:0;}

/*NEWS PAGE STYLES*/
#sideNavNews{width: 170px; float: left; background: #f00 url(../imgs/nav/side_nav_bg.gif) left bottom repeat-x;}
#sideNavNews ul{width: 100%; float: left; margin: 0; padding: 0;}
#sideNavNews li{width: 100%; margin: 0; padding: 0; list-style-type: none;}
#sideNavNews a{display: block; width: 140px; padding: 10px 15px; border-bottom: 2px solid #f0abab; font: bold 1.2em arial; color: #fff; text-decoration: none;}
#sideNavNews a.botLink{border: none;}
#sideNavNews a:hover{color: #333; background: #fff;}

div.newsImageBox{ width:172px; float:left;}
div.newsImageBox img{ margin-bottom:10px;}


div.eventsImageBox{ text-align:center; width:172px; float:left;}
div.eventsImageBox img{  float:left; margin-bottom:30px; clear:both; }
div.eventsImageBox img.flyer{ margin-bottom:0px;  }
div.eventsImageBox img.vertical{ margin-left:29px;}
div.eventsImageBox b{   margin-top:100px; }
div.eventsImageBox a{  float:left; clear:both; }


#newsNav{color: #666; float: left; clear: right;}
#newsNav ol{padding: 0; margin: 0;}
#newsNav li{display: inline; float: left;}
#newsNav a{color: #ce0300; text-decoration: none;}
#newsNav span {margin: 0 .8em;}

#newsContent{float: left; display: inline; width: 746px; margin: 0; background:url(../imgs/newsBgTopLrg.gif) right top repeat-y;}
#newsContent .newsBottom{float: right; width: 100%; padding: 0 0 1.5em 0; background:url(../imgs/newsBgBot.gif) right bottom no-repeat;}
#newsContent .newsInner{display: inline; width: 524px; float: right; margin: 10px 10px 0 0;}
#newsContent .contentInner{display: inline; width: 93%; float: right; margin: 10px 10px 0 0;}
#newsContent .newsInner h1, #newsContent .contentInner h1{float: left; clear: left; width: 100%; font: bold 22pt arial; margin: .8em 0;}

.newsBox{float: left; clear: left;}
.newsBox img{float: left;}
.newsText{float: right; width: 340px; clear: right; margin: 0 0 0 10px;}
.newsText h2{font: bold 10pt arial;}
.newsText p{margin: 0;}

.frontendPagination{display: inline; float: right; clear: both; margin: 0 3em 0 0;}
.frontendPagination a{color: #666; text-decoration: none; font: bold 1em arial; padding: 0 .3em 0 .4em; border: 1px solid #ccc;}
.frontendPagination a:hover{color: #ce0300; text-decoration: none; border: 1px solid #ce0300;}
.frontendPagination span.prev a, .frontendPagination span.next a {border: none;}
.frontendPagination span.prev a:hover, .frontendPagination span.next a:hover {border: none;}
.frontendPagination span {color: #333; font: normal 1em arial; margin: 0 .3em; }
.frontendPagination span.current{background: #ccc; padding: 0 0 0 .3em; border: 1px solid #ccc;}
.frontendPagination span.prev, .frontendPagination span.next{color: #999; border:none;}

.error{float: right; clear: both; color: #ce0300;} 

.sitemap  {float: left; clear: both; padding:10px 0 0 20px; margin:0;}
.sitemap li {float: left; clear: both; padding:5px 0; list-style-type: none; font: bold 1.4em arial; line-height: 1.6em; }
.sitemap li a{color: #333;}
.sitemap ul li{font: bold .8em arial; padding:5px 10px; }
.sitemap ul li a{color: #666;}
.sitemap a{text-decoration: none; color: #333;}
.sitemap a:hover{color: #ce0300; }

.pageIntro{margin: 0 0 10px 0; font: normal 1.2em arial; float: left; clear:left; width:100%;}

/* FOOTER */
#footer {float: left; clear: both; width: 100%; margin: 0; padding:0; font-size: 1.1em; background: #d9d9d9; }


#bottomNav ul {margin: .9em 0 .9em 2em;padding: 0; float:left; color: #666; background: #d9d9d9; display: inline;}
#bottomNav li {display: inline; margin:0; padding: 0; float: left; }
#bottomNav a {display: block; margin: 0em 0.6em; padding: 0; float: left; color: #ce0300; text-decoration: none; display: inline;}

#footer #design{float: right; margin: .9em 1em .9em 0; color: #333;}
#footer #design a{color: #ce0300; text-decoration: none;}

/*CLEARFIX*/
.clear{clear: both; display: block; height: 1%;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
*+html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */   




.gallery { float:left;  padding-left:30px;  }


.galleryBigImage { clear:both;float:left; margin-top:5px; margin-left:5px; margin:5px;  }


.galleryPreviewImage {  float:left;  margin:6px;   }


.galleryCaption {  float:left;  margin:6px; width:400px; height:100px; }


.galleryCaption h1{  font-weight:bold; font-size:1.4em; }




/* antonio cordasco */

div.rssLink { float:right; }

/*div.formRow{ 
float: left;
clear: both;
padding:5px; 
margin-top:5px; 
margin-bottom:5px; 
margin-left:30px;
}

div.formRow label{ float:left; width: 220px; text-align: right; color: #333; font-weight:bold; font-size:1.4em;}
div.formRow .submit {width: auto;}
div.formRow input, textarea, select{ float:right; width: 160px; text-align: left;}
#newsletter, #contact_via_email, #data_protection {width: 2em; float: left; margin: .3em 0 0 .8em;}*/

/* antonio cordasco */

/*Forms*/
.editForm {width:100%; padding-top:20px; float:left; clear:both;}
.formRow {width:100%; float:left; clear:both; padding:5px 0;}
.formRow label {width:200px; float:left; font-weight:bold; font-size:1em;}
.formRow .formField {width:200px; float:left; padding:0;}
.formRow input, .formRow textarea, .formRow select {width:200px; float:left; padding:0;}
.formRow .error {margin-left:200px; clear:both; float:left; display:inline; width:200px; text-align:left;}
.formRow .submit {margin-left:200px; background:#F00 url('../imgs/nav/main_nav_bg.gif') repeat-x 0 0; color:#FFF; border:1px solid #000; font-weight:bold; padding:2px 0;}
#newsletter, #contact_via_email, #data_protection {width: 2em; float: left; margin: .3em 0 0 .8em;}
.formRow a:link, .formRow a:visited {color:#CE0300;}
.formRow a:hover, .formRow a:active {color:#000;}

/*Lists in content*/
.newsInner ul {float:left; clear:both; padding:10px 30px; margin:0; font-size:1.2em;}
.newsInner li {padding-bottom:10px;}


#newsContent .contentInner {min-height:400px;}
#newsContent .contentInner.gallery {min-height:0;}
