@charset "utf-8";
/* CSS Document */
html {
}

body{
	margin: 0px;
	color: #FFFFFF;
	background-color: #314e56;
	font-size:  12px;
	font-family: Arial, Helvetica, sans-serif;
  color: #333333;
  overflow: auto;
}

#thepage
{
  position: absolute;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  top: 0px;
  left: 0px;
}

#siteleftmargin{
	position: relative;
  float: left;
  clear: left;
	width: 0px;
  height: 500px;
  margin: 0px;
  padding: 0px;
  top: 0px;
	left: 0px;
}

#siteblockwrapper{
	position: relative;
  float: left;
	width: 0px;
  margin: 0px;
  padding: 0px;
  top: 0px;
	left: 0px;
}

#siteblock{
	position: absolute;
	width: 1000px;
  margin-left: 50%;
  top: 0px;
	left: -500px;
}

#siteblockalt{
	position: absolute;
	width: 1000px;
  margin: 0px;
  padding: 0px;
  top: 0px;
	left: 0px;
}

#joomlamessage{
	position: absolute;
  top: 10px;
  left: 10px;
  height: auto;
  z-index: 100;
}

#header{
	position: relative;
	background: url(../images/header.jpg);
	height: 230px;
}

#loginPane{
	float: right;
        margin-top: 12px;
        margin-right: -2px;
        width: 0px;
        height: 156px;
	font-weight: bold;
        background: url(../images/loginbg.png) top left no-repeat;
        color: #FFFFFF;	
}

#loginStatusPane{
        float: right;
        color: #FFFFFF;
        height: 156px;
        width: 38px;
        text-align: center;
        /*margin-top: 12px;*/
        margin-right: 13px;
}

#loginStatusPane a:link, #loginStatusPane a:visited{
        color: #FFFFFF;
        text-decoration: none;
        font-weight: bold;
}

#loginStatusPane a:hover{
        color: #DDDDDD;
        text-decoration: none;
        font-weight: bold;
}

#loginStatusPane a:active{
        color: #FFFFFF;
        text-decoration: none;
        font-weight: bold;
}

#loginPaneBottom{
	margin: 2px;
	padding: 0px;
}

#checkbox{
	background: #FF0000;
	border: 1px solid #FF0000;
}

#contentLeft{
	float: left;
	position:relative;
	top: -51px;
	width: 710px;
	padding: 7px 20px 0px 20px;
        text-align: left;
        padding-top: 320px;
}

#footer{
	position: absolute;
	bottom: 37px;
	_bottom: 36px;
	left: 0;
	width: 1000px;
	height: 113px;
	background: url(../images/bg_footer.jpg) no-repeat left bottom;
}

#background{
	position: absolute;
	bottom: 37px;
	_bottom: 36px;
	left: 0;
	width: 1000px;
	height: 900px;
	background: url(../images/bg_content.jpg) repeat-y left bottom;
}

#contentRight{
	float: right;
	position:relative;
	top: -50px;
	width: 231px;
	padding: 0px 13px 89px 0px;
        color: #FFFFFF;
}

#contentRightPlaceholder{
	background: url(../images/bg_menu.gif) no-repeat top center;
	padding: 7px;
	padding-bottom: 5px;
	min-height: 500px;
	_height: 500px;
}

#banner{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 245px;
	height: 76px;
	margin-right: 2px;
	margin-bottom: 49px;
	text-align: left;
	vertical-align: middle;
}

#contentLeft div{
        text-align: left;
}

#system-message
{
  width: 700px;
  height: auto;
  background-color: yellow;
  z-index: 100;
}

#contentLeftScroller{
	text-align: left;
        position: absolute;
        top: 3px;
        left: 25px;
        z-index: 5;
}

#contentLeftMain
{
	text-align: left;
  position: absolute;
  top: 10px;
}

#contentLeftMainPreBreadCrumb{
        position: absolute;
        left: 15px;
        width: 11px;
        height: 24px;
        background: url(../images/breadcrumbbgleft.png) no-repeat bottom left;
}

#contentLeftMainBreadCrumb{
        position: absolute;
        left: 26px;
        height: 24px;
        background: url(../images/breadcrumbbgright.png) no-repeat bottom right;
        line-height: 24px;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        padding-right: 12px;
}

#contentLeftMainTop, #contentLeftMainTopAlt{
	height: 12px;
        width: 711px;
        margin: 0px;
        padding-top: 24px;
        background: url(../images/contentheader.png) no-repeat bottom left;
}

#contentLeftMainTopAlt{
        background: url(../images/contentheaderalt.png) no-repeat bottom left;
}

#contentLeftMainMiddle{
        width: 684px;
        height: 460px;
        overflow: auto;
        overflow-x: hidden;
        overflow-y: auto;
        margin: 0px;
        position: relative;
        top: 0px;
        padding-left: 14px;
        padding-right: 14px;
        background: url(../images/contentbg.jpg) repeat-y top left;
}

#contentLeftMainBottom{
	height: 10px;
        width: 711px;
        position: relative;
        top: 0px;
        margin: 0px;
        background: url(../images/contentfooter.png) no-repeat top left;
        padding-bottom: 94px;
}

#contentLeftBottom{
	position: relative;
        z-index: -1;
}

/*joomla-native elements - begin*/
.moduletable
{
}

.moduletable_hidden
{
  display: none;
}
/*joomla-native elements - end*/

.article-scroll{
        width: 690px;
        height: 460px;
        margin: 0px;
        padding: 0px;
        border-spacing: 0;
        overflow: -moz-scrollbars-vertical;
        overflow: auto;
}

img{
        border: 0px;
        margin: 0px;
        padding: 0px;
}

.componentheading, .contentheading, h1{
        font-size: 20px;
        font-weight: bold;
}

h3{
        font-size: 16px;
        color: #000000;
        margin: 0px;
        padding: 0px;
}

.small, .createdate, .modifydate{
        font-size: 10px;
        font-style:italic;
}

.small, .createdate{
        color: #545454;
}

.modifydate{
        color: #333333;
        text-align: right;
		height: 18px;
}

.buttonheading{
        margin-top: -20px;
}

table.contentpaneopen{
        margin: 0px;
        padding: 0px;
        border-spacing: 0;
}

a.pathway:link, a.pathway:visited, a.pathway:active {
        color: #FFFFFF;
        text-decoration: none;
}

a.pathway:hover {
        color: #DDDDDD;
        text-decoration: none;
}

.line{
        height: 1px;
        width: 100%;
        background: #c09c0c;
        margin-bottom: 4px;
}

.separator {
          line-height: 18px;
}

ul.menu{
	list-style-type:none;
	padding: 0;
	margin-left: 0;
        margin-top: 0;
}

ul.menu a:link, ul.menu a:link:active, ul.menu a:visited, ul.menu a:visited:active, ul.menu a:active, .catalogtree a:link, .catalogtree a:link:active, .catalogtree a:visited, .catalogtree a:visited:active, .catalogtree a:active{
        color: #FFFFFF;
        font-size: 12px;
        text-decoration: none;
        line-height: 18px;
}

ul.menu a:hover, .catalogtree a:hover{
        color: #DDDDDD;
        font-size: 12px;
        text-decoration: none;
        line-height: 18px;
}

ul.menu ul{
	list-style-image: url(../images/bullet.jpg);
	padding: 0;
	margin-left: 14px;
}

ul.latestnews{
	list-style-type:none;
	padding: 0;
	margin-left: 10px;
        margin-top: 0;
}

ul.latestnews a:link, ul.latestnews a:visited, ul.latestnews a:active{
        color: #FFFFFF;
        font-size: 12px;
        text-decoration: none;
        font-weight: bold;
}

ul.latestnews a:hover{
        color: #DDDDDD;
        font-size: 12px;
        text-decoration: underline;
        font-weight: bold;
}

div#latestnews{
        width: 310px;
        z-index: 2;
        margin-left: 21px;
        margin-top: 20px;
        float: left;
}

div.bannergroup{
        position: absolute;
        width: 468px;
        height: 60px;
        z-index: 2;
        margin-top: 34px;
        left: 260px;        
}

div#logFields{
        display: none;
        padding-left: 14px;
        padding-top: 10px;

}

div#logFields #modlgn_passwd, div#logFields #modlgn_username{
        background: url(../images/loginInputbox.jpg) no-repeat top left;
        border: 0px;
        margin: 0px;
        font-size: 10px;
        height: 17px;
        width: 122px;
        padding-left: 4px;
        padding-right: 2px;
        padding-top: 0px;
}

div#logFields #modlgn_subm{
        background: url(../images/login.jpg) no-repeat top left;
        border: 0px;
        margin: 0px;
        height: 17px;
        width: 126px;
        margin-bottom: 5px;
        margin-top: 3px;
}

div#logFields #modlgn_remember{
        display: none;
}

div#checkbox{
        margin-left: 6px;
        margin-top: 2px;
        background: url(../images/checkbox.png) no-repeat top left;
        height: 12px;
        width: 12px;
        float: left;
        border: 0px;
}

#sectionstable{
        color: #FFFFFF;
}

.sectiontableheader{
        background: url(../images/tblheaderbg.jpg) repeat-x;
        line-height: 18px;
}

.sectiontableheader a:link, .sectiontableheader a:visited, .sectiontableheader a:active{
        color: #FFFFFF;
        font-size: 12px;
        text-decoration: none;
        font-weight: bold;
}

.sectiontableheader a:hover{
        color: #DDDDDD;
        font-size: 12px;
        text-decoration: none;
        font-weight: bold;
}

.sectiontableentry1 td, .sectiontableentry2 td, .sectiontableentry1_alt td, .sectiontableentry2_alt td{
        line-height: 20px;
        color: #333333;
        font-style: italic;
        cursor: pointer;
}

.sectiontableentry1_alt .col1, .sectiontableentry2_alt .col1{
        background: url(../images/rowhover.jpg) no-repeat 0px 50%;
}

.sectiontableentry1_alt .col2, .sectiontableentry2_alt .col2{
        background: url(../images/rowhover.jpg) no-repeat -40px 50%;
}

.sectiontableentry1_alt .col3, .sectiontableentry2_alt .col3{
        background: url(../images/rowhover.jpg) no-repeat -456px 50%;
}

.sectiontableentry1_alt .col4, .sectiontableentry2_alt .col4{
        background: url(../images/rowhover.jpg) no-repeat -603px 50%;
}

.sectiontableentry1_alt .col5, .sectiontableentry2_alt .col5{
        background: url(../images/rowhover.jpg) no-repeat -640px 50%;
}


div.blogitembigtop, div.blogitemsmalltop{
        height: 15px;
        background: url(../images/blogitembigtopbg.jpg) no-repeat left top;
}

div.blogitembigcontent{
        background: url(../images/blogitembigcontentbg.jpg) repeat-y center top;
        position: relative;
        top: -4px;
        padding: 0px 12px;
}

div.blogitemsmallcontent{
        background: url(../images/blogitemsmallcontentbg.jpg) repeat-y center top;
        position: relative;
        top: -4px;
        padding: 0px 12px;
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
}

div.blogitembigbottom, div.blogitemsmallbottom{
        height: 15px;
        background: url(../images/blogitembigbottombg.jpg) no-repeat left top;
        position: relative;
        top: -8px;
        font-size: 11px;
        font-style: italic;
}

div.blogitemsmallbottomright{
        float: right;
        height: 15px;
        width: 24px;
        background: url(../images/blogitembigbottomrightbg.jpg) no-repeat bottom right;
}

div.blogitemsmalltopright{
        float: right;
        height: 15px;
        width: 24px;
        background: url(../images/blogitembigtoprightbg.jpg) no-repeat top right;
}

div.blogitemsmall{
        margin-right: 2px;
        margin-left: 2px;
}

a.readon:link, a.readon:visited, a.readon:active{
        color: #660000;
        font-size: 10px;
}

a.readon:hover{
        color: #000000;
        font-size: 10px;
}

table.blog .contentheading{
        color: #660000;
        font-size: 18px;
}

table.blog p{
        font-size: 11px;
        font-style: italic;
}

div.blackbg{
        width: 611px;
        height: 30px;
        background: url(../images/contentbgalt.jpg) repeat-y center top;
        float: left;
        position: absolute;
        left: 0px;
        padding-left: 100px;
        color: #333333;
        font-weight: bold;
        font-size: 12px;
}

.cur{
        background: #330000;
        height: 12px;
        font-size: 9px;
        position: relative;
        top: -3px;
}

.cur a:link, .cur a:visited, .cur a:active, .cur a:hover{
        color: #FFFFFF;
        text-decoration: none;
}

div.pagenavcounter{
        visibility:hidden;
}

div.pagenavbar{
        width: 100%;
        position: absolute;
        top: 445px;
        left: 0px;
        text-align: center;
}

div.pagination{
        width: 100%;
        position: relative;
        top: 0px;
        color: #FFFFFF;
        text-align: center;
}

#contentLeftBottomLeft{
        margin-left: 6px;
}

#contentLeftBottomCenter{
        position: absolute;
        right: 260px;
        bottom: 64px;
}

#contentLeftBottomRight{
        position: absolute;
        right: 22px;
        bottom: 64px;
}

div#lnheader{
        position: relative;
        top: 5px;
        height: 25px;
        width: 224px;
        background: url(../images/latestnewsheader.png) no-repeat left top;
}

div#lncontent{
        position: relative;
        top: 5px;
        height: 229px;
        width: 224px;
        padding: 8px 0px 8px 0px;
        background: url(../images/bglatestnews.png) no-repeat center top;
}

div#lncontent a div{
        height: 13px;
        line-height: 13px;
        font-size: 10px;
        font-style: italic;
        padding: 0px 10px 0px 15px;
        margin: 1px;
        overflow: hidden;
}

div#lncontent a:link div, div#lncontent a:visited div, div#lncontent a:active div {
        color: #2a434c;
        text-decoration: none;
}

div#lncontent a:hover div{
        color: #FFFFFF;
        background: url(../images/bglatestnewssel.png) no-repeat left center;
        text-decoration: none;
}

div#tsiheader{
        position: relative;
        top: 1px;
        height: 25px;
        width: 224px;
        background: url(../images/topshopitemsheader.png) no-repeat left top;
}

div#tsicontent, div#uecontent{
        position: relative;
        top: 1px;
        height: 161px;
        width: 230px;
        padding: 8px 0px 8px 0px;
        background: url(../images/bgtopshopitems.png) no-repeat center top;
}

div#spotlightcontent{
position: relative;
top: 4px;
}

div#spotlightheader{
position: relative;
top: 4px;
height: 25px;
width: 224px;
background: url(../images/topshopitemsheader.png) no-repeat left top;
}

div#uecontent{
        width: 205px;
        padding: 8px 10px 8px 15px;
}

div#tsicontent a div{
        height: 13px;
        line-height: 13px;
        font-size: 10px;
        font-style: italic;
        padding: 0px 10px 0px 15px;
        margin: 1px;
        overflow: hidden;
}

div#tsicontent a:link div, div#tsicontent a:visited div, div#tsicontent a:active div {
        color: #330000;
        text-decoration: none;
}

div#tsicontent a:hover div{
        color: #FFFFFF;
        background: url(../images/bgtopshopitemssel.png) no-repeat left center;
        text-decoration: none;
}

div#ueheader{
        position: relative;
        top: 1px;
        height: 25px;
        width: 224px;
        background: url(../images/upcomingeventsheader.png) no-repeat left top;
}

div.ueevent{
        color: #333333;
        font-weight: bold;
        font-size: 10px;
        clear: both;
}

div.uetimelocation{
        color: #333333;
        font-size: 10px;
        font-style: italic;
        clear: both;
}

div#lncontent a:link, div#tsicontent a:link, div#eucontent a:link, div#lncontent a:visited, div#tsicontent a:visited, div#eucontent a:visited, div#lncontent a:active, div#tsicontent a:active, div#eucontent a:active, div#lncontent a:hover, div#tsicontent a:hover, div#eucontent a:hover{
        text-decoration: none;
}

div#contentLeftNews{
        width: 350px;
        position: absolute;
        top: 11px;
        right: 15px;
}

#jevents_header{
        width: 684px;
}

a.location{
        position: relative;
        z-index:24;
}

a.location:link, a.location:visited, a.location:active, a.location:hover{
        text-decoration: none;
        color: #333333;
}
a.location:hover{
        z-index:25;
}

a.location div{
        display: none;
}

a.location:hover div{
        top: 15px;
        left: 10px;
        display:inline;
        position: absolute;
        width: 200px;
        height: 46px;
        background: url(../../../components/com_jevents/assets/images/addresshover.png);
        padding: 10px;
        padding-top: 20px;
}