/**
#3e833e - green
#0072BC - sky blue
**/

body {
  font-family: arial, sans-serif;
  font-size: .75em;
  background: #fff;
  /*margin: 3px;*/
  /* maximize all space */
  margin: 0;
}

#outer_wrapper {
  /* because "min-width" is not supported by IE, these pages use a script from PVII */
  min-width:740px;
  /* this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer */
  width:100%;
  /* faux-column technique, this is the left one */
  /* background:#fff url(left.png) repeat-y left; */
}
#wrapper {
  /* faux-column technique, this is the right one */
  /* background:url(right.png) repeat-y right */
}
#header {
  /*background:#6BA0F8;
  background-image:url('/img/bg.gif');*/
  /*background: url("/img/bg.gif") repeat-x top left;*/
  /*border:1px solid #b0b0b0;*/
  /* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
  width:100%;
  /* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */
  /*margin:0 -1px;  */
}

#container {
  float:left;
  width:100%;
  /* IE doubles the margins on floats, this takes care of the problem */
  display:inline;
}
#leftbar {
  float:right;
  width:250px;
  /* IE doubles the margins on floats, this takes care of the problem */
  display:inline;
  margin-left:20px;
/*  margin-left:200px  */
/*  padding-left: 15px; */
  margin-right: 15px;
  margin: 10px 15px 0px 20px;
}
#main {
  margin-right:290px;
  padding: 10px;
  width: auto;
  border-right: 1px solid #b5d2ff;

}

/* good to know: if #sidebar is to be shorter than #main, then there is no need for this rule */
#rightbar {
  /* this is to keep the content of #sidebar to the right of #main even if the content of "main is shorter */
  padding-left:100%;
  /* this is to "bring back" the #sidebar that has been moved out of the viewport because of the padding value */
  margin-left:-200px;
}
#rightbar p {
  /* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix) */
  position:relative
}
#footer {
  /* see #outer_wrapper  */
  width:auto;
  /* this is to clear #container */
/*   clear:both; */
  border-bottom:1px solid #6BA0F8;
  border-top:3px solid #4c71b5;
  background:#6BA0F8;
  margin-bottom: 3px;
  padding: 2px 20px;
}
/* this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #leftbar in NN6 and the last one is used to clear #container in NN4 */
.clearing {height:0;clear:both}

#header h2 {
  margin: 20px 0;
}
#list-menu {
  list-style: none;
  height: 30px;
  line-height: 30px;
  padding: 0px;
  margin: 0;
  /*background-image: url('/img/menuheader.gif') norepeat; */
  background: #fff url('/img/menuheader.gif') no-repeat; 
  /*background-color: #ffffff;*/
  /*background: repeat-x top url('/img/head2.jpg'); */
  font-size: 110%;
  font-weight: bold;
}
#list-menu li {
  float: left;
}
#list-menu ul{
  position:absolute;
  float:left;
  top:auto;
  left:auto;
  list-style: none;
  height: 30px;
  line-height: 30px;
  padding: 0px;
  margin: 0;
  /*background-image: url('/img/menuheader.gif') norepeat; */
  /*background-color: #ffffff;*/
  /*background: repeat-x top url('/img/head2.jpg'); */
  font-size: 85%;
  font-weight: bold;
    width:60px;
}
#list-menu ul li{
  position:relative;
  float:left;
  top:30px;
  left:auto;
  list-style: none;
  height: 30px;
  line-height: 30px;
  padding: 0px;
  margin: 0;
  clear:both;
  /*background-image: url('/img/menuheader.gif') norepeat; */
  background-color: #b5d2ff;
  /*background-color: #ffffff;*/
  /*background: repeat-x top url('/img/head2.jpg'); */
  font-size: 110%;
  font-weight: bold;
  display:none;
  width:120px;
  
}
#list-menu li:hover ul li{
	display:block;
}
#list-menu a {
  float: left;
  padding: 0 6px;
  color: #0072BC;
}
#list-menu a:hover {
  color: white;
  background-color: #b5d2ff;
}
#list-menu2 {
  list-style: none;
  height: 30px;
  line-height: 30px;
  padding: 0px;
  margin: 0;
  /*background-image: url('/img/menuheader.gif') norepeat; */
  background: #fff; 
  /*background-color: #ffffff;*/
  /*background: repeat-x top url('/img/head2.jpg'); */
  font-size: 110%;
  font-weight: bold;
}
#list-menu2 li {
  float: left;
}

#list-menu2 a {
  float: left;
  padding: 0 6px;
  color: #0072BC;
}
#list-menu2 a:hover {
  color: white;
  background-color: #b5d2ff;
}

#bxSxn {
  border: 1px solid skyblue;
}
#bxSxn .bxSxnHdg, #bxSxn .bxSxnCHdg {
  font-weight:600;
  font-size: 12pt;
  background: #D6E6FF;
  color: /*#993333;*/#3d833d;
  padding: 2px;
}

#bxSxn .bxSxnCHdg {
  text-align: center;
}
#bxSxn .bxSxnFoot {
  padding: 2px;
  background: #D6E6FF;
  font-size: 10px;
}
#bxSxn dd {
  margin: 5px;
}
#bxSxn dd.bxSxnFoot {
  margin: 0;
}
#bxSxn ul {
  list-style: none;
}
#bxSxn ul li {
  margin: 10px 0;
}
#bxSxn th {
	font-size: 14px;
	font-weight:600;
	text-align: left;
	/* padding-left: 15px; */
}
/** auxilliary styles */
.bxSxnFoot a {
  text-decoration: none;
}
.bxSxnFoot a:hover {
  text-decoration: underline;
}

.table_title {
	color:#993333; 
	font-size:12pt; 
	font-weight:600; 
}
.bxSxnInner th {
  padding: 7px 10px;
  margin: 0;
  border-bottom: 1px solid skyblue;
}
.bxSxnInner td {
  padding: 5px 10px;
  margin: 0;
}

.bxSxnHiCell {
  margin-right: 5px;
  color: #0072BC;
  font-weight: bold;
}

.item1 {
  font-weight: bold;
  font-size: 14px;
}

tr.dataN td {
  border-bottom: 1px solid #d6e6ff;
  border-top: 1px solid #d6e6ff;
}
tr.dataHi {
  background-color: #F1F6FE;
}
tr.dataHi td {
  border-bottom: 1px solid #d6e6ff;
  border-top: 1px solid #d6e6ff;
}

.linkEventN {
  font-weight: normal;
  color: #0072BC;
  text-decoration: none;
}
.linkEventN:hover {
  text-decoration: underline;
}

.linkEventB {
  font-weight: bold;
  color: #0072BC;
  text-decoration: none;
}
.linkEventB:hover {
  text-decoration: underline;
}

/* round corners */
.mdbl {background: url(/img/md_bl.jpg) 0 100% no-repeat #d6e6ff;}
.mdbr {background: url(/img/md_br.jpg) 100% 100% no-repeat}
.mdtl {background: url(/img/md_tl.jpg) 0 0 no-repeat}
.mdtr {background: url(/img/md_tr.jpg) 100% 0 no-repeat; padding:10px}
.mdclr {font-size: 1px; height: 1px}

#mainHeader {
	text-align: center;
	
}
#mainHeader h2 {
	color:/*#993333;*/ #3d833d;
	font-size:18px;
	font-weight:bold; 
	margin: 0;
	padding: 0;
}

/* MAIN Tables */
#upcoming {
  margin: 10px 0;
}
#subcat{
	position:relative;
	top:auto;
	left:auto;
}	
.popTag { 
  padding: 4px 7px;
}

#relatedtags ul, #tags ul {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
}

#relatedtags ul li, #tags ul li {
    margin-right: 3px;
    display: inline;
}

/**  Footer **/
#footer ul {
  margin: 0;
  padding: 0;
  list-style: circle;
}
#footer ul li {
  display: inline;
  padding: 2px;
  margin-right: 5px;
}
#footer a:link, #footer a:visited {
  text-decoration: none;
  color: #fff;
}
#footer a:hover {
  text-decoration: underline;
  color: #d6e6ff;
}

/** Links **/
.bannerset_title {
  color:#3e833e; font-size: 14px; font-weight: bold;
}
.bannerset_desc {
  margin: 0; padding: 0;
}
.links_logo {
  margin: 5px 0;
}
/** Elements **/
#subelement {
  margin-bottom: 25px;
}
#subelement .subelement_title {
  text-align: center;
  margin:0 0 5px 0;
  font-size: 14px;
}
/* Calendar Element */
#calendar {
  width: auto; 
  background: #fff;
}

/* Sponsors Element */
#sponsors {
  text-align: center;
}
#sponsors h4 {
  font-size: 14px;
  color: #0072BC;
}

#sponsors #lx {
  margin: 10px 2px;
  width: 120px;
  height: 72px;
  float: left;
}


/*** accessories ***/
.InnerTh {
  white-space: nowrap;
}
.linkDate {
  white-space: nowrap;
}
a:link.linkSortUp, a:visited.linkSortUp {
  padding-right: 10px;
  background-image: url('/img/arrow_up_blue.gif');
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
a:hover.linkSortUp {
  padding-right: 10px;
  background-image: url('/img/arrow_down_blue.gif');
  background-position: 100% 80%;
  background-repeat: no-repeat;
}
a:link.linkSortDown, a:visited.linkSortDown {
  padding-right: 10px;
  background-image: url('/img/arrow_down_blue.gif');
  background-position: 100% 80%;
  background-repeat: no-repeat;
}
a:hover.linkSortDown {
  padding-right: 10px;
  background-image: url('/img/arrow_up_blue.gif');
  background-position: 100% 40%;
  background-repeat: no-repeat;
}

#toolbar { height: 26px; text-align: left; font-size:10px; color:#CC0000; font-family:Verdana; padding-top: 2px; width: 100%; position:fixed; left: 0px; bottom: 0px; 
background:#6BA0F8;
line-height:2.5em;
vertical-align:middle;
color: black;

}
.clearing-toolbar{
height:25px;
}
.right{
margin-right: 25px;
float:right;
color: #08457E; 
}

.right a:link, .right a:hover, .right a:visited, .right a:active{
color: #08457E; 
}
.left img{

width:15px;
height:15px;

vertical-align:middle;
line-height:.5em;
}

.left a:link, .left a:hover, .left a:visited, .left a:active{
color: #08457E; 
}

.left{
margin-left: 25px;
float:left;
color: #08457E; 
} 
.popup_block p{
font-family:Verdana;
text-align:justify;
font-size:12px;
line-height:1.5em;

}  
.popup_block p.smaller{
font-family:Verdana;
text-align:justify;
font-size:10px;
line-height:1.5em;
color:red;
}

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
	width:30px;
	height:30px;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

.new_icon{
	position:absolute;
	left:150px;
}

.security_image{
padding-left:110px;
}

.result_message{
padding-left:80px;
}

.event_button{
padding-left:120px;
}

.event_email{
padding-left:48px;
}