/* CSS Document */
/*Layout section*/
/* Text */

#ads p{
padding: 4px 0 0 0;
float: left;
margin: 0;
width: 33%;
text-align: center;
}

ul.main-menu{
margin: 0;
padding: 2px 0 0 20px;
list-style: square;
color: #000;
font-size: 90%;
}

ul.main-menu li{
padding: 0 0 8px 0;
}

.Menu1Nested p{
text-align:right;
padding: 0 12px 4px 0;
margin: 0;
}

.Menu1Nested a.links{
text-decoration: none;
color: #333333;
}

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

.MenuTitleNested a{
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 110%;
font-weight: bold;
color:#d86129;
width: 100%;
height: 100%;
}

.MenuTitleNested a:hover{
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 110%;
font-weight: bold;
color:#990000;
width: 100%;
height: 100%;
}

a.menulink {
text-decoration: underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
font-weight: normal;
color:#003366;
}

a.menulink:hover{
text-decoration: underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
font-weight: normal;
color:#990000;
}

.td-date{
width: 122px;
display: table-cell;
color:#000;
padding: .25em 0 .25em 0;
margin: 0;
border-bottom: 1px solid #ccc;
vertical-align: middle;
}


.td-event{
display: table-cell;
color:#000;
padding: .25em 0 .25em 10px;
margin: 0;
border-bottom: 1px solid #ccc;
vertical-align: middle;
}

.td-event a, .td-date a, #newslist li a{
text-decoration: none;
color:#000;
}

.td-event a:hover, .td-date a:hover, #newslist li a:hover{
text-decoration: underline;
color:#990000;
}

.title{
font-size: 100%;
color: #143d69; /* navy vs 3473b5 logo blue*/
font-weight: bold;
padding: 0 0 5px 0;
margin: 0;
background:url(images/line-fade-long-bot.gif) no-repeat bottom right;
}
/* Mainpage layout */

#books{
position: absolute;
background: url(images/books.gif) no-repeat top left;
left: 101px;

width: 104px;
height: 105px;
/*border: 1px solid #FF0000; */
}

#bottomnav{
clear: both;
float:left;
width:100%;
margin: 0;
padding: 0;
padding-top: 12px;
position: relative;
text-align: center;
overflow: visible;
}

#bottomnavnested{
padding: 0 0 2px 0;
margin: 0 12px 17px 12px;
background-color:#afc2d6;
overflow: visible;
}

#bottomnav li, #bottomnavint li{
display: inline;
font-size: 80%;
/*background:url(images/bullet-menu.gif) 12px 50% no-repeat; */
text-decoration:none;
color: #000;
padding: 0 10px 0 10px;/*top right bottom left */
margin: 0;
clear: both;
}

#bottomnav li a, #bottomnavint li a{
color: #003366;
text-decoration: none;
}

#bottomnav li a:hover, #bottomnavint li a:hover{
color: #003366;
text-decoration: underline;
}

#bottomnav ul,#bottomnavint ul{
margin: 0;
padding: 2px 0 2px 0;
list-style: none;
width:100%;
}

#container {
	min-width: 788px;
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
}

#content {
	background: #dfc7b4;
	margin: 0;
	width: 75%;
	float: left;
}

#emergency{
float: left;
padding: 0;
margin: 0;
width:100%;
text-align: center;
}

#emergencyMessage{
padding: 0;
margin: auto;
margin-top: 6px;
margin-bottom: 6px;
width: 350px;
}

#globallinks {
	background: #2eccbb;
	margin: 0;
	width: 100%;
}

#login{
position: relative;
float: right;
text-align:center;
right: 12px;
}

#login-btn{
position: relative;
display: block;
overflow: visible;
width: 14em;
margin-top: 12px;
padding: 4px 2px; /*top right bottom left */
background: url(images/login-btn-bg.gif) no-repeat #cce5ff;
border: 1px solid #aab3c5; 
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}

#login-btn a{
display: block;
text-decoration: none;
}

#login-btn a:hover{
text-decoration: none;
font-weight: bold;
color:#003c78;
}

#login-txt{
margin: 0;
clear: right;
font-size: 75%;
padding-top: 2px;
color:#333;
}

#logo{
position:absolute;
top:5px;
width: 100%;
text-align:right;
}

#logo-img{
float:left;
position: relative;
width: 77px;
height: 77px;
top: 12px;
left: 12px;
}

#logo-txt{
float:right;
position: relative;
width: 287px;
height: 16px;
top: 73px;
right: -174px;
}

.lsForums{
width: 254px; 
height: 100px; 
float:left; 
border: 1px #9cbadb solid; 
padding: 0; margin-right: 6px;
}


#masthead {
	background: #f2f2f2;
	margin: 0;
	width: 100%;
	min-width:770px;
	height: 116px;
}

#main-bottom{
float: left;
width: 100%; 
margin: 0;
padding: 12px 0 0 0;
background: #ffffff url(images/bottom-gradient.gif) bottom left repeat-x;
}

#MainCol1{
margin: 0;
padding: 0 0 0 12px;
float: left; 
clear: right;
width:47%; 
}

#MainCol2{
margin: 0; 
padding-right:12px; 
float: right; 
width: 47%;
}

.main-nav{
	width: 100%; 
	margin: 0; 
	padding: 4px 0 0 0; 
	background:#e1eaf4; 
	float:left
}

#msthd_topbar{
height: 15px;
background: url(images/masthead-bar.gif) bottom repeat-x;
min-width: 770px;
}

#menu1,#menu4{
float:left; 
width: 33.3%;
}

#menu2,#menu5{
float:left; 
width: 33.3%; 
}

#menu3,#menu6{
float:right; 
width: 33.3%; 
}

.Menu1Nested{
background: url(images/menu-line-fade-vert.gif) no-repeat bottom left;
padding: 2px; 
margin: 0 5px 0 10px;
}

.MenuTitleNested{
padding: 4px 4px 4px 0;/* top right bottom left */
background: url(images/menu-line-fade.gif) bottom right no-repeat;
margin: 0 5px 0 10px; 
}

#forums{
float: left; 
width:100%;
padding: 12px 0 0 0; 
margin:0;
line-height: 1.25em;
}

#news{
float:left; 
width:100%;
padding: 0;
margin: 0;
height: 138px;
}

#news p, #dates p, #forums p, #SearchLsData p{
padding: 4px 0 0 0;
margin: 0;
text-align: right;
clear: right;
}

#newslist{
margin: 0;
padding: 0
}

#newslist li{
margin: 0;
padding: 0 0 .5em 18px;
list-style: none;
background: url(images/arrow-news.gif) 2px 4px no-repeat;
}

#dates{
float:left; 
width:100%;
padding: 0;
margin: 0;
height: 170px;
}

#holiday td{
padding: 4px;
}

#rotatingimage{
/*background: url(images/rotating-masthead/rotate.php) no-repeat top left;*/
position: absolute;
left: 206px;
width: 172px;
height: 105px;
}

#searchbar{
position: relative;
float: right;
margin: 1px 12px 1px 0;/*top right bottom left */
padding: 3px 0 0 0; /*moves search bar down for vertical center look */
width: 220px;
text-align: right;
/*border: 1px solid #CC0066;
height: 24px;*/
}

#SearchLsData{
float: left; 
width: 100%;
padding: 10px 0 0 0; 
margin:0; 
line-height: 1.25em;
}

#topnav{
position: relative;
float:left;
margin: 0;
padding: 0 ;
width:100%;
background: #aec7e1;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
min-width: 770px;
}

#topnav ul{
position: relative;
list-style: none;
padding-top: 0;
margin: 0;
clear: right;
}

#topnav li{
float: left;
color: #000000;
padding: 0;/*top right bottom left */
margin: 0;
}


#topnav a span{
display: block;
cursor: pointer;
padding: 8px 28px 8px 27px; /* increse or decrease to change the size of this tab*/
margin: 0;
}

#topnav li a{
display: block;
float: left;
text-decoration: none;
color: #003366;
border-right: 1px solid #FFFFFF;
}

#topnav li a:hover{
display: block;
float: left;
text-decoration: underline;
color: #003366;
}

#topnav li a span:hover{ /* Firefox fix*/
text-decoration: underline;
display: block;
float: left;
}

/*topnav active based on body id*/
body.home #topnav li.hme a, body.faq #topnav li.faq a, body.help #topnav li.contact a, body.about #topnav li.abt a{
background: #c4c4c4 url(images/top-nav-sel-triangle.gif) bottom right no-repeat;
color: #003366;
display: block;
} 

/* INTERNAL PAGES LAYOUT */

#bottomnavint{
clear: both;
float:left;
width:100%;
margin: 0;
padding: 0;
padding-top: 12px;
position: relative;
text-align: center;
overflow: visible;
background: url(images/bottom-gradient-int.jpg) bottom left repeat-x;
min-width: 770px;
}

#containerInterior {
	position: relative;
	float: left;
	padding: 0;
	width: 100%; 
	background: #FFFFFF url(images/container_bg.gif) top left repeat-y;
	margin: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.demoBG1{
background: #ebf0f5;
float:left;
}
.demoBG2{
background: #f5f7fa;
float: left;
}

.dvdBG1{
background: #eee;
/*float:left;
width: 100%;*/
overflow: auto;
	width: 100%

}

.dvdBG2{
background: #e1eaf4;
/*float: left;*/
overflow: auto;
	width: 100%

}

.demoContainer{
border:1px solid #999999; 
padding: 0; 
margin: 0; 
/*float:left;*/
width: 99%;
}

.demoImg{
float: right; 
clear: left;
text-align: right;
padding: 2px; 
background:#fff; 
border:1px solid #c0c0c0; 
width: 175px; 
height: 131px; 
margin: 2px;
margin-bottom: 6px;
}

.demoText{
margin:0; 
padding:6px; 
border-top:1px solid #999999;
/*float:left;
width: 100%;*/
}

.floatimgright{
float:right; 
padding: 10px 0 0 6px
}

.floatingRightDiv{
	border: 1px #c0c0c0 solid;
	float: right; 
	width:175px;
	background: #eeeeee; 
	margin: 0 0 6px 6px;
	padding:2px;
}

.ForumAttendanceTable tr td{
padding: 2px;
}

.ForumAttendanceTable{
padding: 1px;
}

.forumYear{
	color:#b70000;
	font-size: 150%;
	font-weight: bold;
	width: 346px; 
	border-bottom: 1px solid #3473b5; 
	padding-bottom: 4px;
	}

.forumCol1{
float: left;  width: 48%;
}
.forumCol2{
float: left; clear:right; width: 48%;
}
.forumLoc{
background: url(../images/arrow_red.gif) left 50% no-repeat; 
padding: 0 0 0 8px;
color:#800040;
font-weight: bold;
}

#header { 
	background: #DDDDDD; 
	padding: 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin-bottom: 0;
} 

.ImageRight{
	float:right; 
	margin: 4px 2px;
}

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#LSDASmenu{
border: 1px #c0c0c0 solid; 
float: right; 
width:175px; 
background: #eeeeee; 
margin: 0 0 6px 6px;
}


#leftmenubar {
	float: left;
	width: 181px; /* since this element is floated, a width must be given */
	padding: 0; 
	margin: 0;
}

#leftmenubar h3, #leftmenubar p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
} 

#mainContent {
	margin: 0;
	padding: 0 10px 0 0;
	margin-left: 212px; /*size of left side menu and padding*/
	clear: right;
	min-height: 530px;
	/*min-width: 600px; -Removed due to IE wrapping issue */
} 

* html #mainContent{
height:530px;
}

.tablefees{
width: 80%; border: 1px solid #3473b5;
}

.TableLGBTAlt{
	background: #eee;
}

#tablelsdasconv{
	font-size:80%;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}

#tablelsdasconv td,#tablelsdasconv th{
	border: 1px solid #000;
	text-align:center;
	vertical-align: middle;
	padding:2px;
}


#testadmintable{
	width:98%; 
	padding:2px; 
	border: 2px solid #ddd; 
	background:#eee
}

.vidContainer{
border:1px solid #999999; 
padding: 0; 
margin: 0; 
/*float:left;
width: 99%;*/
}

.vidContainer p{
font-size: 80%;
}

.vidContainer .header5{
font-size: 100%;
}


/*--------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------- */
/* MAIN MENU SYSTEM -left side main navigation ------------------------------------------------ */
/*--------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------- */
.menu {
margin:0;
float: left;
position: relative;
clear: left;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position:relative;
z-index:500;
padding:0;
margin:0;
list-style-type:none;
width:206px;
}

/* get rid of the table */
.menu table{
position:absolute; 
border-collapse:collapse; 
top:0; 
left:0; 
z-index:100; 
font-size:1em;
}

/* style the links */
.menu a{
display:block; 
/*height:25px;*/
color:#d86129;
}
/* hack for IE5.5 */
* html .menu a {width:200px; w\idth:200px;}
/* style the link hover */
* html .menu a:hover {color:#990000;  position:relative; background: #d3e0ef;} /* url(../images/arrow_red.gif) 98% center no-repeat;*/

.menu li:hover {position:relative;}
/* retain the hover colors for each sublevel IE7 and Firefox etc 
.menu li:hover > a {color:#990000; font-weight:bold; background:#none;}*/
 
/* make flyout invisible */
.menu li ul{
visibility:hidden;
position:absolute;
top:0;
/* set up the overrun area */
padding:0;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(images/transparent.gif);
}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}

/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}

/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}

/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul{ 
visibility:visible;
}

/* make the fourth level visible when you hover over third level link 
.menu ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}*/
/* make the fifth level visible when you hover over fourth level link 
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}*/

.flylink{
padding:0;
margin:0;
}

.flylink a{
line-height: 1em;
padding-top: .5em;
padding-bottom:.5em;
padding-right: 1px;
padding-left: 5px;
color: #d86129;
text-decoration: none;
}

.flylink a.subhead{
color: #d86129;
font-weight: bold;
}

.flylink a.subhead:hover{
color: #990000;
font-weight: bold;
}

li.flylink:hover{
background: #d3e0ef;
}

.flyout li a:hover{
 text-decoration: underline;
 line-height: 1em;
}


ul.flyout{ /*size and color of flyout submenu*/
left: 206px;
width: 300px;
padding: 0;
margin: 0;
background: #d3e0ef;
}

#secondsub,#secondsub2,#secondsub3{ /*size and color of secondary flyout submenu*/
left: 300px;
top: 0;
width: 220px;
padding: 0;
margin: 0;
background: #e1efff;
}

* html #secondsub,* html #secondsub2,* html #secondsub3{
top: -1px;
}

ul.flyout li{ /*Flyout items with bullets*/
margin: 0;
padding: 0;
background: url(../images/bullet-square.gif) 3% 50% no-repeat ;
}

ul.flyout li.flyoutSubAlt{ /*special item - seconadary flyout link*/
margin: 0;
padding: 0;
background: url(../images/bullet-arrow-off.gif) 65% 50% no-repeat ;
}

.flyoutSub a,.flyoutSubAlt a{  /*Flyout link style*/
padding: .3em 0 .3em 20px;
display: block;
width: 280px;
color: #000000;
border-top: 1px solid #e1eaf4;
border-bottom: 1px solid #3473b5;
}

.flyoutSub2 a{  /*Secondary Flyout link style*/
padding: .3em 0 .3em 20px;
display: block;
width: 200px;
color: #000000;
border-top: 1px solid #e1eaf4;
border-bottom: 1px solid #3473b5;
}

/* hack for IE5.5 */ /*spacing on flyout for IE*/
* html .flyoutSub a, * html .flyoutSubAlt a{
	width:280px; 
	border-top: 1px solid #d3e0ef;
	border-bottom: 1px solid #3473b5;
}
/* hack for IE5.5 */ /*spacing on secondary flyout for IE*/
* html .flyoutSub2 a{
	width:200px; 
	border-top: 1px solid #d3e0ef;
	border-bottom: 1px solid #3473b5;
}

.flyout li a:hover{ /*link hover on flyout*/
color:#990000;
border-top: 1px solid #d3e0ef;
border-bottom: 1px solid #3473b5;
background: #e1efff  url(../images/bullet-square.gif) 3% 50% no-repeat ;
}


.flyout li.flyoutSubAlt:hover{ /*link hover on Secondary flyout link - this covers the arrow showing there is a dropdown*/
background: #e1efff  url(../images/bullet-square.gif) 3% 50% no-repeat ;
}

.flyout2 li a:hover{ /*link hover on flyout2*/
color:#990000;
border-top: 1px solid #d3e0ef;
border-bottom: 1px solid #3473b5;
background: #f0f7ff  url(../images/bullet-square.gif) 3% 50% no-repeat ;
}