body {
    margin: 0 0 0 0;
    padding:0 0 0 0px;
    font-family:verdana, serif;
    font-size: 11px;
    color: #000000; 
    background-color: #8e151c;
    height:750px;
    line-height:14px;
} 

h1{
    
}

* { 
    outline: none; 
    /* behavior: url(iepngfix.htc); */
}

div#body {
    position:relative;
    padding:30px 0 0 25px;
    /* margin: 0 auto 0 auto; */
    width:950px;
    height: 750px;
    background: url(images/background.jpg) no-repeat;
    border:0px;
}

div.topdiv{
    position:absolute;
}

div#navbg{
    position:absolute;
    left:199px;
    top:130px;
}
div#navbg2{
    position:absolute;
    left:199px;
    top:132px;
}
div#yellow1{

}
div#bottom1{

}
div#yellow2{
    
}
div#bottom2{
    /* position:absolute; */
    /* left:575px; */
    /* top:538px; */
}
div#yellow3{
 
}
div#bottom3{
    /* position:absolute; */
    /* left:575px; */
    /* top:722px; */
}

div#menu{
    position:absolute;
    left:199px;
    top:137px;
}

div.menuitem{
    float:left;
    width:80px;
    font-size:11px;
    padding:0px 0px 0px 20px;
    font-weight: bold;
}
div.value{
    position:absolute;
    left:20px;
    top:15px;
    font-weight: bold;
}
div.value2{
    position:absolute;
    left:20px;
    top:25px;
    font-weight: bold;
}

table.header{
    margin:0px 10px 10px 10px;
    padding:0 0 0 0;
    width:870px;
}

.nav{ 
    padding: 25px 20px 12px 20px;
    font-weight: bold;
    border:0px;
}

center{
   margin: 0 0 0 0px;
    padding:0 0 0 0px; 
}



select, input {  
    font-size:12px;
    text-align:left;
}



table { padding: 0px; margin: 0px; vertical-align: top; }
td { margin: 0px; padding: 0px; vertical-align: top; }
input { font-size: 11px; }
select { font-size: 11px; }
option { font-size: 11px; }
textarea { font-size: 11px; background:#ffffff;}
img { border: 0px; }


h1 {
    font-family:trebuchet ms, san-serif;
    font-weight:bold;
    letter-spacing:3px;
    font-size:17px;
    text-transform:uppercase;
    color: #fabd38;
}

h2 {
    font-family:trebuchet ms, san-serif;
    font-weight:bold;
    letter-spacing:3px;
    font-size:15px;
    text-transform:uppercase;
    color: #fabd38;
}

.boldyellow{
    font-size: 15px;
    color: #fabd38;
        }

.yellow{
    font-size: 12px;
    color: #fabd38;
    font-weight: normal;
    letter-spacing:1px;
        }
    
h2 {   font-size: 15px;   }
.borderhd {
    border: solid #BCBEC0 ; 
    border-width: 1px 0px 1px 0;
}

.borderhd td{
    padding: 10px 0 10px 0;
}
.borderft {border: solid #BCBEC0;
    border-width: 1px 0px 0px 0;}
.borderhd2 {border: solid #d2d2d2 ; 
            border-width: 0px 1px 0px 1px;}

.red      {color:#ff0000;}

.giant    { font-size: 48px; }
.largest  { font-size: 26px; }
.larger   { font-size: 18px; }
.large    { font-size: 14px; }
.medium   { font-size: 12px; }
.normal   { font-size: 11px; }
.small    { font-size: 10px; }
.smaller  { font-size: 9px; }
.smallest { font-size: 8px; }
.color2   { color: #7d7b7c }
.fifty    { width:50%; }
.hundred  { width:100%;  }
 
.space  {line-height: 1.5em}
.left   { text-align: left; }
.right  { text-align: right; }
.center { text-align: center; }
.vtop   { vertical-align: top; }
.vbot   { vertical-align: bottom; }
.vmid   { vertical-align: middle; }
.vtbot  { vertical-align: text-bottom; }

.bold   { font-weight: bold; }
.unbold { font-weight: normal; }
.space { letter-spacing: 1px;}

.hdrbar { background-color: #0072BC; }

.nopad td { padding: 0px; }
.pad10 td { padding: 10px; }
.pad5 td { padding: 5px; }
.pad3 td { padding: 3px; }
.pad2 td { padding: 2px; }
.pad0 td { padding: 0px; }
.pad5nl td { padding: 5px 10px 5px 0px; }
.ltgrey   {color:#5a5b5e;}
.dgrey   { color: #5a5b5e ;}
.metro   { font-size: 18px;
            color:#ec1f23;
             line-height: 1.25em;
}

div#center   {
    margin: -25px 0px 0px 0px;
}


.hel  { font-family:  helvetica;}


.leftmenu {
    line-height:1.4em;
    font-size:14px;
    font-weight:bold;
}


a#footer{
    font-weight:normal;
    font-size:11px;
}
    
a:link    { color: #000000; text-decoration: none; cursor: pointer; }
a:visited { color: #000000; text-decoration: none; cursor: pointer; }
a:hover   { color: #ff0000; text-decoration: none; cursor: pointer; }

a.active:link    { color: #ff0000; text-decoration: none; cursor: pointer; }
a.active:visited { color: #ff0000; text-decoration: none; cursor: pointer; }
a.active:hover   { color: #ff0000; text-decoration: none; cursor: pointer; }

div.top { 
    background: url(images/orange_fade_top.png) no-repeat;
    font-size: 9px;
    font-weight: bold;
    padding: 10px 15px 0 20px;}
    
div.middle {  
    background: #ffffff;
    padding: 0px 15px 0 20px;
    width: 270px;
    margin: 0 0 0 1px;
    } 
div.bottom {  
    background: url(images/orange_fade_bottom.png) no-repeat;  }

div#left { 
    
    /* 
     * position:absolute;
     * left:-10px;
     * top:0px;
     * color: #ffffff;
     * padding: 3px 0px 0 10px;
     * height: 280px
     */
}

div#rel{
    position:relative;
    /* border:1px solid green; */
}




div.leftop { 
    background: url(images/border_top.png) no-repeat;
    height:11px;
}

div.leftbot { 
    background: url(images/border_bottom.png) no-repeat;
    height:11px;
}

div.lmiddle{
    /* background: url(images/border_mid.png); */
    border:1px solid #ffffff;
    padding:5px 5px 15px 15px;
    border-width:0px 2px;
    margin: 0 1px 0 0;
}

.submitbutton { 
    background: url(images/button.jpg) no-repeat;
    background-position:center;
    height: 25px;
    width:250px;
    text-align: center;
}


.lbutton { 
    position:absolute;
    left:205px;
    top:240px;
    vertical-align: middle;
    height: 25px;
    text-align: center;

}

div#middle2 {  
    background: #ffffff;
    margin:0 0 0 1px;
    width:305px;
    }

.input{
    /* background: url(images/input.jpg) no-repeat; */
    background-position:left;
    /* height: 36px; */
    width: 180px;
    text-align: left;
    vertical-align: middle;
    /* padding:0 0 0 20px; */
    /* margin:0 0 0 25px; */
    border:1px inset black;
}

div.rel{
    padding: 0 0 0 09px;
    position:relative;
    /* border:1px solid green; */
}

div#leftbutton{
    /* 
     * position:absolute;
     * left:225px;
     * top:261px;
     */

}
div.rel2{
    padding: 0 0 0 1px;
    position:relative;
   
}
.pages  {
    font-size: 12px;
    margin: 10px 0 0 180px;
    width:680px

}

.pages a:link    { color: #000000; text-decoration: none; cursor: pointer; }
.pages a:visited { color: #000000; text-decoration: none; cursor: pointer; }
.pages a:hover   { color: #fabd38; text-decoration: none; cursor: pointer; }

.page  {
    margin: 10px 0 0 190px;
    width:700px
}
td#members{
    width:400px;
    border:2px solid blue;

}

.footer {
    
    position:absolute;
    left:30px;
    top:750px;
     
}

.footeradmin {
    
}
.lnav{
     position:absolute;
    left:40px;
    top:183px;
    color: #ffffff;
    width:150px;
    font-size: 11px;
    font-weight: bold;

}

div.lnavbrd {
    border-bottom:1px dashed #ffffff; 
    padding:5px 0px 5px 0px;
    width:147px;   
}

a.white { 
    font-size:11px; 
    font-weight:bold; 
}
a.white:link    { color: #ffffff; text-decoration: none; cursor: pointer; }
a.white:visited { color: #ffffff; text-decoration: none; cursor: pointer; }
a.white:hover   { color: #ec1f23; text-decoration: none; cursor: pointer; }

div#adminbody{
    width:693px;
}

div#adminbody td.menu{
    width:190px;   
}

#meeting_link{margin:15px 0px;}
#meeting_link a{color: #fabd38}

div#adminbody table{
    margin: 0px 0px 0px 15px;
    border:1px solid #999999;
    width:678px;
    background:#c7303a;
    color:#eeeeee;
}
div#adminbody table a{
    color: #eeeeee;
    text-decoration: none;
    cursor: pointer;
}

div#adminbody table.example td{
    border:1px solid #666666;
    border-width: 0px 0px 1px 0px;
}

div#adminbody table thead{
    background:#ffffff;
    color:#000000;
    height:20px;
    text-align:left;
}
div#adminbody table thead th{
    padding: 0px 0px 0px 20px;
}

div#adminbody table tr.odd{
    background:#aaaaaa;
    border:1px solid #666666;
    border-width:0px 0px 1px 0px;
}

div#adminbody div.add{
    font-size:14px;
    color:#ffffff;
    text-align:right;
    margin: 0px 0px 10px 0px;
}

div.login{
    position: absolute;
    left:227px;
    top:115px; 
    /* text-transform:uppercase; */
    font-size:10px;
    color:white;
    text-align:right;
    width:635px;
}

div.login a:link    { color: #ffffff; text-decoration: none; cursor: pointer; }

div.login a:visited    { color: #ffffff; text-decoration: none; cursor: pointer; }

div.login a:hover   { color: #ec1f23; text-decoration: none; cursor: pointer; }


div.label{
    display:block;   
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    width:170px;
}

.fleft{ 
    float:left; 
    padding:0px 10px 0px 0px;
}
.fright{ 
    float:right; 
    padding:0px 10px 0px 0px;
}

#signup{
    text-align:left;
}

#signup input{
    /* text-align: center; */
    vertical-align: middle;
    /* border:1px inset black; */
    margin:2px 0px 0px 0px;
    padding:0px;
    width:150px;
    /* margin:0px 30px 10px 0px; */
}

#signup select{
    text-align: left;
    vertical-align: middle;
    border:1px inset black;
    margin:2px 0px 0px 0px;
    padding:0px;
    /* margin:0px 30px 10px 0px;     */
}

#signup input.button{   
    text-align: center;
    width:200px;
}


/*****datatable styles******/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	min-height: 302px;
	_height: 302px;
	clear: both;
}

.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 11px;
	padding: 2px 0;
}

.dataTables_length {
	width: 40%;
	/* float: left; */
}

.dataTables_filter {
    position:relative;
    top:-25px;
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	width: 44px;
	 width: 50px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('images/datatables/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('images/datatables/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('images/datatables/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('images/datatables/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
}

table#example thead th {
    padding: 20px 20px 20px 20px;
    height:30px;
    border-bottom: 2px solid black;
    font-weight: bold;
    cursor: pointer;
    background-color::#ffffff;
}

table#example tfoot th, table.example tfoot td {
    /* padding: 3px 10px; */
    border-top: 2px solid black;
    font-weight: bold;
    background:#cccccc;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
    background: url('images/datatables/sort_asc.jpg') no-repeat center left;
    background-color: #ffffff;
    height:25px;
    padding: 20px 20px 20px 20px;
}

.sorting_desc {
    background: url('images/datatables/sort_desc.jpg') no-repeat center left;
    background-color: #ffffff;
    height:25px;
    padding: 20px 20px 20px 20px;
}

.sorting {
    background: url('images/datatables//sort_both.jpg') no-repeat center left;
    background-color: #ffffff;
    height:25px;
    padding: 20px 20px 20px 20px;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.oddA {
	background-color: #ddffdd;
}

table.display tr.evenA {
	background-color: #eeffee;
}

table.display tr.oddC {
	background-color: #ddddff;
}

table.display tr.evenC {
	background-color: #eeeeff;
}

table.display tr.oddX {
	background-color: #ffdddd;
}

table.display tr.evenX {
	background-color: #ffeeee;
}

table.display tr.oddU {
	background-color: #ddd;
}

table.display tr.evenU {
	background-color: #eee;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.example_alt_pagination .dataTables_paginate {
	width: 400px;
}

.example_alt_pagination div.dataTables_paginate span.paginate_button,
 	.example_alt_pagination div.dataTables_paginate span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
}

.example_alt_pagination div.dataTables_paginate span.paginate_button {
	background-color: #ddd;
}

.example_alt_pagination div.dataTables_paginate span.paginate_button:hover {
	background-color: #ccc;
}

.example_alt_pagination div.dataTables_paginate span.paginate_active {
	background-color: #99B3FF;
}