/*-------------------------------------------------
Page Defaults
-------------------------------------------------*/

body { 
  background: url(/images/background.gif);
	/* top right bottom left */
	margin: 0px 0px 0px 0px;
}

.page {
  background-color:#EEEEEE;
	width: 990px;
	position: absolute;
  top: 30px;
  left: 50%;
	margin-left: -500px;
	/*border: 5px solid #FFFFFF;*/
}


.body_popup{
	background-color:#FFFFFF;
	width: 600px;
	position: absolute;
  padding: 30px;
	/*border: 5px solid #FFFFFF;*/
}

td {
/* top right bottom left */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/*-------------------------------------------------
Navigation
-------------------------------------------------*/

.navigation {
	/* top right bottom left */
	background-color: #000000;
	height: 40px;
	margin: 0px;
	padding: 5px;
}

#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav a {
	font-family: Century Gothic, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	color: #FFFFFF;
	/* top right bottom left */
	padding: 0px 10px 0px 10px; 
	border-right: 1px solid #990000;
}

#nav a:hover {
	color: #990000;
}

#nav a.here {
	font-style: bold;
	color: #990000;
}

#nav li {
	float: left;
	position: relative;
	list-style-type: none;
	/* top right bottom left */
	padding: 8px 0px 8px 0px
}


/*-------------------------------------------------
Sub Menu Navigation
-------------------------------------------------*/

#nav li li a {
	display: block;
	font-size: 11px;
	color: #990000;
  border-right: none;
}

#nav li li a:hover {
	/*padding: 0.2em 5px;*/
	font-weight: bold;
}

#nav li ul {
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	top: 34px;
	left: 0;
	border: solid 1px #CCCCCC;
	/* top right bottom left */
}

#nav li>ul {
	top: auto;
	left: auto;
}

#nav li li{
	display: block;
	float: none;
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	/* top right bottom left */
	width: 270px;
	z-index: 100;
}

#nav li:hover ul, #nav li.over ul {
	display: block;
	border-left: 5px solid #990000;
	z-index: 99;
}

a#last, li#last {
	border: none;
}


/*-------------------------------------------------
Logo / Membership
-------------------------------------------------*/

.logo {
	background: url(/images/logo.jpg) #333333 0px 0px no-repeat;
	height: 130px;
	width: 660px;
}

.membership {
	background-color: #990000;
	/*background: url(/images/background_redgradient.jpg) 0px -60px #990000;*/
	height: 130px;
	width: 310px;
	vertical-align: top;
	/* top right bottom left */
	padding: 10px 10px 10px 10px;
}

.membership h1 {
  color: #FFFFFF;
	text-align:center;
}

.membership a  {
  color: #FFFFFF;
	text-align:center;
}


/*-------------------------------------------------
Index Banner / About Block
-------------------------------------------------*/

#banner {
width: 650px;
height: 250px;
background-color: #FFFFFF;
border: 5px solid #FFFFFF;
z-index: 1;
_z-index: -1;
}

.jdGallery {
	overflow: hidden;
	position: relative;
}

.jdGallery .slideElement {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('images/loading.gif');
}

.jdGallery .loadingElement {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('images/loading.gif');
}

.about {
	background: url(/images/background_redgradient.jpg) #990000; 
	height: 230px;
	font-size: 9px;
	line-height: 12px;
	width: 310px;
	color: #FFFFFF;
	/* top right bottom left */
	padding: 10px 10px 10px 10px;
	border-bottom: solid 5px #999999;
}


/*-------------------------------------------------
Page Defaults
-------------------------------------------------*/

p, a, li, .formfield, .formlabel, .formmessage, .confirmation, .about, .more  { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	vertical-align: text-top;
}

h1, h2, h3 { 
  font-family: Century Gothic, Helvetica, Arial, sans-serif;
	color: #990000;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	border-bottom: 1px solid #990000;
	/* top right bottom left */
	padding: 0px 0px 4px 0px;
}

h2 {
  font-size: 14px;
	/* top right bottom left */
	margin: -7px 0px -12px 0px;
}

h3 {
  font-size: 11px;
	border: none;
	/* top right bottom left */
	margin: 0px 0px 0px 0px;
}


.blogblock h3 {
  font-size: 11px;
	/* top right bottom left */
	border: none;
}

a { 
	text-decoration: none;
	color: #990000;	
}

a:hover { 
	text-decoration: underline;
}


/*-------------------------------------------------
Backwards Compatability Styles
-------------------------------------------------*/

.heading, .subheading { 
  font-family: Century Gothic, Helvetica, Arial, sans-serif;
	color: #990000;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	border-bottom: 1px solid #990000;
	text-align: left;
	/* top right bottom left */
	padding: 0px 0px 4px 0px;
}

.subheading {
  font-size: 12px;
	border: none;
}

.knowledgecentreblock, .knowledgecentreresourceblock {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
	/* top right bottom left */
	padding: 5px 5px 15px 10px;
}

.knowledgecentreresourceblock{
	color: #000099;
	background-color: #f3f3f3;
	width: 85px;
}



/*-------------------------------------------------
Content
-------------------------------------------------*/

.content {
  height: 600px;
	width: 620px;
	vertical-align: top;
	/* top right bottom left */
	padding: 10px 25px 10px 25px;
	background-color: #FFFFFF;
}

/*-------------------------------------------------
Events Calendar
-------------------------------------------------*/

.eventblock, .eventdetail {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
	border-bottom: 1px dotted #CCCCCC;
	/* top right bottom left */
	padding: 10px 0px 10px 0px;
} 

.eventdetail {
	border-bottom: none;
}

.eventmore, .eventmorewide {
  color: #990000;
	text-decoration: none;
	text-align: right;
	vertical-align: top;
  background: url(/images/bullet_redarrow.gif) 525px 3px no-repeat;
	/* top right bottom left */
	padding: 0px 8px 0px 0px;
	margin: -0px 0px 0px 0px;
}

.eventmorewide {
  background: url(/images/bullet_redarrow.gif) 475px 3px no-repeat;
}

.bulletlink {
	background: url(/images/bullet_redarrow.gif) 0px 10px no-repeat;
  /* top right bottom left */
	padding: 6px 0px 6px 10px;
	margin: 0px 0px 0px 0px;
}

/*-------------------------------------------------
Blog
-------------------------------------------------*/

.blogblock, .blogdetail, .blogcomment, .blogsubmitcomment {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
	border-bottom: 1px dotted #CCCCCC;
	/* top right bottom left */
	padding: 10px 0px 10px 0px;
} 

.blogdetail {
	border-bottom: none;
}
	
.blogmore {
	/* top right bottom left */
  background: url(/images/bullet_redarrow.gif) 495px 3px no-repeat;
	padding: 0px 8px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.blogcommentslink {
  color: #990000;
	text-decoration: none;
	text-align: right;
	vertical-align: top;
	/* top right bottom left */
	padding: 0px 8px 0px 0px;
	margin: -0px 0px 0px 0px;
}

.blogcomment {
	border-top: 1px dotted #CCCCCC;
	border-bottom: none;
	/* top right bottom left */
	padding: 5px 8px 5px 0px;
	margin: -0px 0px 0px 0px;
} 

.blogcommentsauthor, .blogcommentsinstructions {
	font-size: 11px;
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	height: 15px;
	background: url(/images/comment_small.png) 0px 0px no-repeat;
	/* top right bottom left */
  padding: 0px 0px 0px 20px;
	margin: 0px 0px -12px 0px;
}

.blogcommentsinstructions {
	background: none;
	/* top right bottom left */
  padding: 0px 0px 0px 0px;
	margin: 0px 0px -12px 0px;
}

.blogdate {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
}

.blogsubmitcomment {
	border: 1px dotted #990000;
	background-color: #e0cbcb;
	/* top right bottom left */
	padding: 5px 8px 5px 8px;
	margin: -0px 0px 0px 0px;
} 

.blogtextarea {
	width: 538px;
	height: 50px;
	margin: 2px;
}


/*-------------------------------------------------
Info
-------------------------------------------------*/

.info, .imageinfo {
  height: 150px;
	width: 310px;
	vertical-align: top;
	/* top right bottom left */
	padding: 10px 10px 10px 10px;
}

.info p, .imageinfo p {
 font-style: italic;
 /* top right bottom left */
	padding: 10px 0px 0px 0px;
	margin: 6px 0px -14px 0px;
}

.info ul li {
	list-style: none;	
	background: url(/images/bullet_redarrow.gif) 0px 10px no-repeat;
  border-bottom: 1px dotted #CCCCCC;
  /* top right bottom left */
	padding: 6px 0px 6px 10px;
	margin: 0px 0px 0px -40px;
}

.imageinfo ul li {
	list-style: none;	
	border-bottom: 1px dotted #CCCCCC;
	height: 58px;
	line-height: 11px;
	/* top right bottom left */
	padding: 6px 0px 6px 00px;
	margin: 0px 0px 0px -40px;
}

.imageinfo ul li img {
  border: 1px solid #CCCCCC;
  /* top right bottom left */
	padding: 2px 2px 2px 2px;
}

#eventsinfo {
  /* top right bottom left */
	margin: 0px 0px 0px 60px;
}

.info ul li a, .imageinfo ul li a {
  color: #000000;
  font-weight: bold;
}

.info ul li a:hover {
  color: #990000;
  font-weight: bold;
	text-decoration: underline;
}

.more, .blogmore, .videolistmore, .videomore, .twittermore {
  color: #990000;
	text-decoration: none;
	text-align: right;
	vertical-align: top;
	background: url(/images/bullet_redarrow.gif) 305px 3px no-repeat;
	/* top right bottom left */
	padding: 0px 8px 0px 0px;
	margin: -17px 0px 0px 0px;
}

.twittermore {
	/* top right bottom left */
  margin: -10px 0px 0px 0px;
}

.more a, .more a:hover {
  color: #990000;
  font-size: 10px;
}

.more a:hover {
  text-decoration: underline;
}

.blogmore {
	/* top right bottom left */
  background: url(/images/bullet_redarrow.gif) 495px 3px no-repeat;
	padding: 0px 8px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.videolistmore {
	/* top right bottom left */
  background: url(/images/bullet_redarrow.gif) 507px 13px no-repeat;
	padding: 10px 8px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.videomore {
	/* top right bottom left */
	text-align: left;
  background: url(/images/bullet_redarrow.gif) 0px 13px no-repeat;
	padding: 10px 8px 0px 10px;
	margin: 0px 0px 0px 0px;
}

/*-------------------------------------------------
Sidebar
-------------------------------------------------*/

.sidebar, .sidebarad {
  height: 150px;
	width: 310px;
	vertical-align: top;
	background-color: #999999;
	/* top right bottom left */
	padding: 10px 10px 5px 10px;
}

.sidebarad {
  vertical-align: bottom;
}

.sidebar p {
 font-style: italic;
 /* top right bottom left */
	padding: 10px 0px 0px 0px;
	margin: 6px 0px -14px 0px;
}

.searchbutton {
 text-align: right;
 /* top right bottom left */
	padding: 15px 0px 20px 0px;
}

.sidebar ul li {
	list-style: none;	
	background: url(/images/bullet_redarrow.gif) 0px 10px no-repeat;
  /* top right bottom left */
	padding: 6px 0px 6px 10px;
	margin: 0px 0px 0px -40px;
}

.sidebar ul li a {
  color: #000000;
  font-weight: bold;
}

.sidebar ul li a:hover {
  color: #990000;
  font-weight: bold;
	text-decoration: underline;
}


/*-------------------------------------------------
Form Elements
-------------------------------------------------*/ 

.textfield, .textfieldsmall, .textarea, .droplist, .droplistsmall {
	vertical-align: middle;
	text-align: left;
	width: 310px;
	height: 18px;
	border: 1px solid #666666;
}

.droplistsmall {
  width: 75px;
}

.formfield {
	/* top right bottom left */
	background-color: #f3f3f3;
  padding: 3px 3px 3px 10px;
}
.formlabel {
 text-align: right;
 vertical-align: top;
 background-color: #e0cbcb;
 border-left: 10px solid #990000;
 width: 200px;
 /* top right bottom left */
 padding: 3px 15px 3px 15px;
}

.button {
	margin: 2px;
	width: 310px;
}

.formmessage {
 vertical-align: top;
 color: #990000;
 background-color: #e0cbcb;
 border: 1px solid #990000;
 /* top right bottom left */
 padding: 7px 7px 7px 15px;
}

.confirmation {
 vertical-align: top;
 color: #006600;
 background-color: #e0ebe0;
 border: 1px solid #006600;
 /* top right bottom left */
 padding: 7px 7px 7px 15px;
}



/*-------------------------------------------------
Footer
-------------------------------------------------*/

.footer {
  font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
	/* top right bottom left */
	padding: 8px 8px 0px 8px;
}

.footer a { 
	color: #FFFFFF;	
}

.footer a:hover {
	color: #990000; 
	text-decoration: underline
}

#footernavigation {
	/* top right bottom left */
	padding: 1px 0px 1px 3px;
	text-align: left;
}

#footernavigation li {
  padding: 0px;
	margin: 0px;
	display: inline;
	list-style-type: none;
	border: none;
	
}
	
#footernavigation li+li:before { 
  content:"| ";
	color: #990000; 
}
	
#footernavigation a:link, #footernavigation a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

#footernavigation a:hover {
	color: #990000;
}




/*-------------------------------------------------
Multibox
-------------------------------------------------*/


a.whitelink, a:link.whitelink, a:visited.whitelink, a:hover.whitelink, a:active.whitelink, .whitelink, .whitelink:visited{
	font-size: 11px;
	outline:none;
	display: block;
	margin: 3px 0px 3px 0px;
	text-decoration:none;
	color:#990000;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

a.blacklink, a:link.blacklink, a:visited.blacklink, a:hover.blacklink, a:active.blacklink, .blacklink, .blacklink:visited {
	font-size: 11px;
	outline:none;
	display: block;
	margin: 3px 0px 3px 0px;
	text-decoration:none;
	color:#990000;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}


a.blacklinkonly, a:link.blacklinkonly, a:visited.blacklinkonly, a:hover.blacklinkonly, a:active.blacklinkonly, .blacklinkonly, .blacklinkonly:visited{
  font-size: 11px;
	outline:none;
	text-decoration:none;
	color:#990000;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}	

#buttonlinkright {
	text-align: right;
}

.mb img{
	display:block;
	border:none;
}

.mbClear{
	clear:both;
	width:100%;
	height:20px;
}

.mbHidden{
	display:none;
}

.multiBoxDesc{
	display:none;
}


/*
Pop-up styles - - - - */
.MultiBoxContainer{
	position:absolute;
	border: 10px solid #0c0f11;
	background:#0f1316;
	display:none;
	z-index:2;
	text-align:left;
}

.MultiBoxLoading{
	/*background:url(/images/multibox/loader.gif) no-repeat center;*/
}

.MultiBoxContent{
	position:relative;
	width:100%;
	height:100%;
}

.MultiBoxClose{
	position:absolute;
	top:-24px;
	right:-24px;
	background:url(/images/multibox/close.png) no-repeat;
	width:24px;
	height:24px;
	cursor:pointer;
}

.MultiBoxControlsContainer{
	overflow:hidden;
	height:0px;
	position:relative;
}

.MultiBoxControls{
	width:100%;
	height:auto;
	position:relative;
	background:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#FFF;
}

.MultiBoxDownload a, .MultiBoxDownload a:link, .MultiBoxDownload a:visited, .MultiBoxDownload a:hover, .MultiBoxDownload a:active{
	font-size:9px;
	color:#CCC;
	margin:5px 0 0 35px;
	display:block;
	text-decoration:none;
}

.MultiBoxDownload a:hover{
	color:#FFF;
}

.MultiBoxPrevious{
	position:absolute;
	background:url(/images/multibox/left.png) no-repeat;
	width:24px;
	height:24px;
	left:0px;
	margin:5px 0 0 0;
	cursor:pointer;
}

.MultiBoxNext{
	position:absolute;
	background:url(/images/multibox/right.png) no-repeat;
	width:24px;
	height:24px;
	right:0px;
	margin:5px 0 0 0;
	cursor:pointer;
}

.MultiBoxNextDisabled{
	cursor:default;
	background:url(/images/multibox/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled{
	cursor:default;
	background:url(/images/multibox/leftDisabled.png) no-repeat;
}

.MultiBoxTitle{
	position:relative;
	margin:10px 0 0 35px;
	float:left;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	display:inline;
}

.MultiBoxNumber{
	position:relative;
	width:90px;
	margin:10px 35px 0 0;
	float:right;
	font-size:11px;
	text-align:right;
	display:inline;
}

.MultiBoxDescription{
	clear:left;
	position:relative;
	margin:0 35px 0 35px;
	padding:5px 0 0 0;
	font-size:11px;
	text-align:left;
}