/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.

Blue = #0033cc;
Gold = #FDFE02;

----------------------------------------------------------*/

@import url("//hello.myfonts.net/count/25bb20");
@font-face 
{
    font-family: 'MarkyMarkerNF';
    src: url('Fonts/25BB20_0_0.eot');
    src: url('Fonts/25BB20_0_0.eot?#iefix') format('embedded-opentype'),url('Fonts/25BB20_0_0.woff') format('woff'),url('Fonts/25BB20_0_0.ttf') format('truetype');
    }
 
@font-face {
  font-family: MarkyMark;
  src: url('Fonts/MarkyM.ttf');
}

@font-face {
  font-family: NoteWorthy;
  src: url('Fonts/Noteworthy.ttc');
}



body {
    background-color: #ffffff; 
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
    color: black;
}

a:link {
    color: #034af3;
    text-decoration: underline;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

p, ul {
    margin-bottom: 10px;
    line-height: 1.6em;
}

header,
footer,
nav,
section {
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 
{
    color:#0033cc;
    font-family:Tahoma;
    font-weight:bold;
    font-size:18px;
    margin: 5px 0px 5px 0px;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

.page-header, .page-header-border
{
    color: #0033cc;
    text-align: left;
    padding:0px 6px 0px 0px;
    padding-right:6px;
    width: 100%;
    float:left;
    margin-top:8px;
    font-family:Tahoma;
    font-weight:Bold;
    font-size:24px;
}

.page-header-border
{
    border-bottom : 1px solid #0525C8;
}

.page-title
{
    color: #0033cc;
    text-align: left;
    padding:0;
    width: 100%;
    float:left;
    font-family:Tahoma;
    font-weight:Bold;
    font-size:20px;
}
.page-subtitle
{
    color: #0033cc;
    text-align: left;
    padding:0;
    width: 100%;
    float:left;
    font-family:Tahoma;
    font-weight:Bold;
    font-size:15px;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page 
{
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}
    
.maincontentwrapper 
{
   /*background-color: #f3f5fa; */
    background: #7794e4; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3OTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Nzk0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  #7794e4 0%, #ffffff 50%, #7794e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#7794e4), color-stop(50%,#ffffff), color-stop(100%,#7794e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #7794e4 0%,#ffffff 50%,#7794e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #7794e4 0%,#ffffff 50%,#7794e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #7794e4 0%,#ffffff 50%,#7794e4 100%); /* IE10+ */
    background: linear-gradient(to right,  #7794e4 0%,#ffffff 50%,#7794e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7794e4', endColorstr='#7794e4',GradientType=1 ); /* IE6-8 */

    box-shadow: 7px 7px 7px #8696ed;
    float:left;
    width:100%;
    }

header, #header {
    position: relative;
    margin-bottom: 0px;
    /*background-color:#f3f5fa; */
    color: #000;
    float:left;
    width:100%;
}

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}

#main {
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    float:left;
    width:1024px;
}

.main-body {
    width:1024px;
}

footer, 
#footer {
    background-color:#f3f5fa;
    padding-top:10px;
    color: #999;
    height:20px;
    text-align: center;
    line-height: normal;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    width:100%;
    float:left;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"] {
    font-size: 12px;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    background-color : #8696ed;
    color: Yellow;
}

/* TABLE
----------------------------------------------------------*/

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table td {
    padding: 5px;
    border: solid 1px #e8eef4;
}

table th {
    padding: 6px 5px;
    text-align: left;
    border: solid 1px #e8eef4;
    background-color: #FDFFD6;

}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

nav, 
#menucontainer {
}

div#title 
{
    width:100%;
    background:white;
    display: block;
    float: left;
    text-align: left;
}

.header-left
{
    float:left;
    margin-left:10px;
    margin-top:15px;
}
.header-right
{
    float:right;
    margin:5px;
}
.header-facebook
{
    float:left;
    margin-top:19px;
    margin-right:5px;
}

.header-facebook img
{
    height : 50px;
}

.header-reunion
{
    float:left;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 0px;
    color:#1700ff;
    float:right;
}

#logindisplay a:link {
    color: #1700ff;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: #1700ff;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: #feff00;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

.header-logo
{
    display: block;
    float: left;
    text-align: left;
}

.nav-background
{
    width:1024px;
}
.headermenu
{
    color: #FFFFFF;
    
    /*background: #8696ed; /* Old browsers */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg2OTZlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NlZDVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Njk2ZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8696ed', endColorstr='#ced5ff',GradientType=0 ); /* IE6-9 */
    /*background: -moz-linear-gradient(top,  #8696ed 0%, #ced5ff 50%, #8696ed 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8696ed), color-stop(50%,#ced5ff), color-stop(100%,#8696ed)); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top,  #8696ed 0%,#ced5ff 50%,#8696ed 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top,  #8696ed 0%,#ced5ff 50%,#8696ed 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top,  #8696ed 0%,#ced5ff 50%,#8696ed 100%); /* IE10+ */
    /*background: linear-gradient(to bottom,  #8696ed 0%,#ced5ff 50%,#8696ed 100%); /* W3C */
    background-color:transparent;
    background-image :url(Images/MainNavCurved.gif);
    background-repeat:no-repeat;
       
    padding: 8px 0 0px 0;
    text-align: center;
    letter-spacing: 1px;
    height: 83px;
    font-family:MarkyMarkerNF;
    font-weight:normal; /*font-size: 11.5pt;*/
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: -5px;
    width: 100%;
    float:left;
}

.headermenu ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
    /*line-height: 1.8em; */
    width: 100%;
    float: left;
}
.headermenu li a
{
    color: #feff00;
    color:White;
    text-decoration: none;
    /* text-transform: uppercase; */
    /* height: 18px; */
}
.headermenu li a:hover
{
    color: #FFFF00;
}

.headermenu li
{
    float: left;
    padding-right: 0px;
    padding-left: 0px;
    vertical-align: middle;
    margin-right: 25px;
    /* height: 20px; */
}


.headermenu li:first-child
{
    margin-left: 20px;
}

.headermenu li:last-child
{
    float:right;
    color: #FFFF00;
}

.headermenu li:last-child a
{
    color: #FFFF00;
}



.headermenu ul ul   /* Sub Menu */
{
    position: absolute;
    margin-top:-4px;  /* move up so drop down doesn't dissappear when hovering to it */
    display:none;
    color: Blue;
    background: White;
    padding: 5px 5px 5px 0px;
    text-align: left;
    letter-spacing: 1px;
    z-index: 100;
    line-height: 1.25em;
    vertical-align: middle;
    width:225px;
}
.headermenu li:last-child ul
{
    margin-left: -123px;
}

.headermenu ul ul li:first-child
{
    margin-left: 10px;
}

.headermenu ul ul li:last-child
{
    color:Blue;
    float:left;
}

.headermenu ul ul li:last-child a
{
    color:Blue;
}


.headermenu ul ul li  /* Submenu Item */
{
    float: left;
    padding-right: 0px;
    padding-left: 0px;
    padding-top:5px;
    padding-bottom:5px;
    vertical-align: middle;
    margin-left: 10px; /*width: 95px;*/
    width:200px;
}

.headermenu ul ul li a
{
    color:Blue;
    text-decoration : none;
}

.headermenu ul ul li a:hover
{
    color: Red;
    text-decoration : underline;
}

.headermenu ul ul li a:visited
{
    color: Blue;
    text-decoration : none;
}


.headermenu ul ul ul
{
    top: 0;
    left: 100%;
}
div.headermenu ul ul, div.headermenu ul li:hover ul ul, div.headermenu ul ul li:hover ul ul
{
    display: none;
}
div.headermenu ul li:hover ul, div.headermenu ul ul li:hover ul, div.headermenu ul ul ul li:hover ul
{
    display: block;
}

.headermenu .selectedMenuItem a
{
    color: #1700ff;
    color:#FFFF00;
}

.footerleft
{
    float:left;
    margin-left:10px;
}
.footerright
{
    float:right;
    margin-right:10px;
}
.leftcol
{
    float:left;
    width:25%;
}
.rightcol
{
    float:left;
    width:25%;
}
.centercol
{
    float:left;
    width:50%;
}
.centercol-reunion
{
    float:left;
    width:75%;
}


.sectionheader
{
    color: White;
    background: #0525C8;
    text-align: center;
    letter-spacing: 1px;
    font-family: MarkyMarkerNF;
    font-weight: bold; /*font-size: 11.5pt;*/
    font-size: 14px;
    padding:2px 0px 2px 0px;
    padding-right:6px;
    width: 100%;
    float:left;
    margin-top:8px;
    color:White;
    font-family:Impact;
    font-weight:normal;
    font-size:18px;
}
.section-header-link
{
    color: #feff00;
    text-align: center;
    letter-spacing: 1px;
    font-family: MarkyMarkerNF;
    font-family:Impact;
    font-weight: bold; /*font-size: 11.5pt;*/
    font-size: 14px;
    width: 100%;
    float:left;
}
a.section-header-link:link 
{
    color: #feff00;
    text-decoration: underline;
}
a.section-header-link:visited 
{
    color: #feff00;
}

.sectionbox
{
    color: #1700ff;
    color: Black;
    border:3px groove #0525C8;
    background-color:#dfe5f2;
    background-color:White;
    background-color:transparent;
    text-align: left;
    letter-spacing: 1px;
    font-family: Arial Black;
    font-weight:normal;
    font-size: 12px;
    width: 100%;
    float:left;
    margin-right:5px;
}
.sectioncontent
{
    margin-left: 5px;
    margin-right:5px;
}
.main-sectioncontent
{
    margin-left: 5px;
    margin-right:5px;
    font-size: 14px;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #696969;
}
.mainleftnav
{
    margin-left:10px;
    margin-right:10px;
}
.mainleftnav li
{
    margin-left:0px;
    text-decoration: none;
}
.mainleftnav ul
{
    margin-left:0px;
    padding-left:20px;
}

.mainlinks
{
    margin-left:10px;
    margin-right:10px;
    margin-bottom:25px;
}

.mainlinks li
{
    margin-left:0px;
    text-decoration: none;
}
.mainlinks ul
{
    margin-left:0px;
    padding-left:20px;
}

.main-attendance
{
    margin-left:10px;
    margin-right:10px;
    height:350px;
    background :url(Images/MainLeftBox.gif) no-repeat; 
}

.main-attendance li
{
    margin-left:0px;
    text-decoration: none;
}
.main-attendance ul
{
    margin-left:0px;
    padding-left:20px;
}

.attendance-header
{
    color:#0033cc;
    text-align: left;
    letter-spacing: 1px;
    font-family: Arial Narrow;
    font-style:normal;
    font-weight: Bold; /*font-size: 11.5pt;*/
    font-size: 16px;
    padding:2px 0px 2px 0px;
    width: 170px;
    float:left;
    margin-top:40px;
    margin-left:35px;
}

.attendance-header a:link
{
    color:Blue;
    text-decoration: none;
}

.attendance-header a:visited
{
    color:Blue;
    text-decoration: none;
}


.attendance-header-link
{
    color:Blue;
    text-align: center;
    letter-spacing: 1px;
    font-weight: bold; /*font-size: 11.5pt;*/
    font-size: 18px;
    width: 100%;
    float:left;
}
a.attendance-header-link:link 
{
    color:Blue;
    text-decoration: underline;
}
.attendance-header a:hover
{
    color:Blue;
    text-decoration: underline;
}

a.attendance-header-link:visited 
{
    color: Black;
}
.attendance-box
{
    color: black;
    text-align: left;
    letter-spacing: 1px;
    font-family: 'Handlee', cursive;
    font-family: Comic Sans MS;
    font-weight:bold;
    font-size: 15px;
    width: 175px;
    float:left;
    margin-left:35px;
}

.attendance-box ul
{
    margin-bottom: 10px;
    line-height: 1.2em;
}


.attendance-box a:link
{
    color:Black;
    text-decoration: none;
}

.attendance-box a:visited
{
    color:Black;
    text-decoration: none;
}

.attendance-box a:hover
{
    color:Blue;
    text-decoration: underline;
}

.pledge-button
{
    margin-left:30px;
    margin-bottom:3px;
}

.pledge-image
{
    border:0;
}


.maincenter
{
    float:left;
}

.mainright
{
    float:left;
    margin-left:0px;
    margin-right:0px;
    width:100%;
}

.important-dates
{
    float:left;
    margin-left:0;
    height:450px;
    width:243px;
    background :url(Images/DatesToRemember.gif) no-repeat; 
}

.date-items
{
    color:#FDFE02;
    float:left;
    margin-top:110px;
    margin-left:35px;
}

.mainimage
{
    margin:10px 10px 10px 10px;
    width:90%;
    float:left;
}
.zoobookthumbs
{
    width:800px;
    float:left;
}
.zoobookitem
{
    width:350px;
    display:inline;
}
.zoobookimage
{
    width:250px;
    margin-left:75px;
}

.zoobookcover
{
    width:250px;
    float:left;
    margin-left:300px;
}

.bioswrapper
{
    visibility:visible;
    float:left;
    margin-bottom:25px;
    margin-left:10px;
    margin-right:10px;
    font-family:Arial;
}

.evite-list
{
    width:100%;
    float:left;
    margin-bottom:25px;
}

.dataTables_wrapper
{
    clear:both;
    position:relative;
	zoom: 1; /* Feeling sorry for IE */
}

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

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

.dataTables_filter
{
    width: 50%;
    font-weight:bold;
    text-align:right;
    float:right;
}

.dataTable
{
    width:100%;
    clear:both;
    margin: 0px auto 0px auto;
    font-size:80%;
}
.dataTables_info
{
    float:left;
    width:60%;
}
.dataTables_paginate
{
    float:right;
    text-align:right;
}
/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous,
.paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	/*cursor: hand; */
	color: #111 !important;
}
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
.paginate_disabled_next:hover, .paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active, .paginate_enabled_previous:active,
.paginate_disabled_next:active, .paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous, .paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next, .paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_disabled_previous {
	background: url('Images/back_disabled.png') no-repeat top left;
}

.paginate_enabled_previous {
	background: url('Images/back_enabled.png') no-repeat top left;
}
.paginate_enabled_previous:hover {
	background: url('Images/back_enabled_hover.png') no-repeat top left;
}

.paginate_disabled_next {
	background: url('Images/forward_disabled.png') no-repeat top right;
}

.paginate_enabled_next {
	background: url('Images/forward_enabled.png') no-repeat top right;
}
.paginate_enabled_next:hover {
	background: url('Images/forward_enabled_hover.png') no-repeat top right;
}

.sorting_asc
{
    background-image: url(Images/sort_asc.png);
    background-attachment:scroll;
    background-repeat:no-repeat;
    background-position: right center;
}
.sorting_desc
{
    background-image: url(Images/sort_desc.png);
    background-attachment:scroll;
    background-repeat:no-repeat;
    background-position: right center;
}

.sorting_asc_disabled {
	background: url('../images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../images/sort_desc_disabled.png') no-repeat center right;
}

.odd
{
}

.even
{
    background-color: #FDFFD6;
    background-color: #ced5ff;
}

.gallerythumb
{
    width:800px;
    float:left;
    list-style-type:none;
}
.galleryitem
{
    float:left;
    width:400px;
}
.galleryimage
{
    width:320px;
    height:200px;
    margin-left:40px;
    margin-bottom:50px;
}
.gallerytitle
{
    text-align:center;
    font-weight:bold;
}
.galleryphotothumb
{
    width:800px;
    float:left;
    list-style-type:none;
}
.galleryphotoitem
{
    float:left;
    width:150px;
}
.galleryphotoimage
{
    width:130px;
    height:100px;
    margin-left:10px;
    margin-bottom:0px;
}
.galleryphototitle
{
    text-align:center;
    font-weight:bold;
    min-height: 20px;
}
.galleryphotooptions
{
    float:left;
    margin-left:30px;
    margin-bottom:20px;
}

.biodisplay-label
{
    margin: 0 0 0 0;
}
.bioeditor-label 
{
    margin:  0 0 0 0;
}

.biodisplay-field
{
    margin: 0 0 0 0;
    font-weight:bold;
}
.bioeditor-field 
{
    margin: 0 0 5px 0;
}

.bioeditor-field input
{
    width:50%;
}
.bioeditor-field textarea
{
    width:90%;
}

.biophoto
{
    max-height : 100px;
}

.error-label
{
    font-size:24px;
    font-weight:bold;
    color:Red;
}

.facebook-left-wrapper
{
    float:left;
    margin-left:10px;
    margin-right:10px;
    font-family:Arial;
    font-size:14px;
}

.facebook-right-wrapper
{
    float:left;
    margin-left:10px;
    margin-right:10px;
    font-family:Arial;
    font-size:14px;
    line-height:1.2em;
}

.facebook-right-title
{
    font-size:16px;
    font-weight:bold;
    color:#0033cc;
}


.facebook-list
{
    float:left;
    margin-bottom: 10px;
    line-height: 1.2em;
}

.facebook-item
{
    /* border:1px solid #0033cc; */
    float:left;
    width:100%;
    margin-bottom:10px;
}

.facebook-from
{
    float:left;
    color:#0033cc;
    font-size:16px;
    font-weight:bold;
    width:100%;
}
.facebook-message
{
    float:left;
    width:100%;
}

.facebook-date
{
    float:left;
    color:#666666;
    font-family:"Tahoma";
    font-weight:normal;
    font-size:12px;
    width:100%;
}
.facebook-comments-header
{
    float:left;
    font-weight:bold;
    width:100%;
}

.facebook-comment-from
{
    float:left;
    color:#0033cc;
    font-size:14px;
    font-weight:bold;
    width:100%;
}
.facebook-comment-message
{
    float:left;
    width:100%;
    margin-bottom:10px;
}
.facebook-comment-date
{
    float:left;
    color:#666666;
    font-size:10px;
    width:100%;
}
.facebook-comments
{
    margin-top:5px;
    line-height:1.2em;
    background-color: #EDEFF4;
    margin-left: 20px;
    float:left;
    width:90%;
}
.facebook-photo
{
    float:left;
    width:100%;
}
.facebook-photo-image
{
    float:left;
    max-width:300px;
}

.facebook-right-sublist
{
    margin-left:20px;
    padding:0;
}

.gift-left-col
{
    float:left;
    width:200px;
}
.gift-right-col
{
    float:right;
    width:300px;
}
.gift-center-col
{
    float:left;
    width:330px;
    margin-left:10px;
    margin-right:10px;
}

.gift-articles
{
    float:left;
    margin-left:10px;
    margin-right:5px;
}
.gift-articles li
{
    margin-left:0px;
    margin-bottom:10px;
    text-decoration: none;
}
.gift-articles ul
{
    margin-left:0px;
    padding-left:20px;
}

#thermometer
{
    margin-left:60px;
}

.articles
{
    float:left;
    margin-left:20px;
    margin-right:20px;
}

.articles h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
    color:#1700ff;
}
.articles h2
{
    font-size: 1.5em;
    padding: 0 0 10px 0;
    color: #000;
}

.articles-body
{
}

.articles table
{
    margin-left:200px;
}

.articles td
{
    min-width:100px;
}

.numbercol
{
    text-align:right;
}
.totalsrow
{
    border-top:2px solid black;
}

.articles ol
{
    font-weight:bold;
}
.articles li
{
    font-weight:normal;
    margin-left:0px;
    margin-bottom:10px;
    text-decoration: none;
}

.article-graphic
{
    float:left;
    width:100%;
    margin-bottom:20px;
}
.article-columns
{
    float:left;
    width:100%;
}
.article-pic
{
    float:left;
    width:500px;
}
.article-source
{
    background-color:White;
    margin-top:5px;
    margin-right:50px;
    float:right;
    width:150px;
    border: 1px solid black;
    box-shadow: 4px 4px 4px Gray;
    padding: 30px 15px 30px 15px; 
}

.login-main
{
    float:left;
    width:95%;
    margin-left:10px;
}


.reunion-main
{
    float:left;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
    background-color:transparent;
    color:Black;
    padding:10px;
    font-family:Arial;
}
.reunion-header
{
    color:#0033cc;
}
.reunion-h2
{
    font-family:Tahoma;
    font-weight:bold;
    font-size:18px;
    text-align:center;
    margin: 5px 0px 5px 0px;
}
.reunion-h3
{
    font-family:Tahoma;
    font-weight:normal;
    font-size:18px;
    text-align:center;
    margin: 5px 0px 5px 0px;
}
.reunion-h4
{
    font-family:Tahoma;
    font-weight:normal;
    font-size:18px;
    text-align:left;
    margin: 5px 0px 5px 0px;
    padding-left:5px;
    color:#0033cc;
}
.reunion-schedule-col1
{
    min-width:150px;
    font-weight : bold;
    vertical-align : text-top;
}

.table-reunion {
    font-family:Arial;
    border: 0;
    border-collapse: collapse;
}

.table-reunion td {
    padding: 5px;
    border: 0;
}

.table-reunion th {
    padding: 6px 5px;
    text-align: left;
    border: 0;
    background-color: #FDFFD6;
}


#attend-heading
{
    cursor: hand;
    cursor: pointer;
    text-decoration: underline;
    margin-top:10px;
}

#attend-heading:hover
{
    color: #1d60ff;
    text-decoration: none;
}

#attend-toggle
{
    margin-top:10px;
    margin-bottom:10px;
    text-align:left;
}

.main-bubble
{
    float:left;
    width:100%;
    position:relative;
}

.bubble-header
{
    position:relative;
    margin-bottom:-5px;
}
.bubble-header img
{
    width:100%;
}
.bubble-header-text
{
    position:absolute;
    top :25px;
    left:0px;
    width:100%;
    text-align:center;
    color:White;
    font-family:MarkyMarkerNF;
    font-weight:normal;
    font-size:20px;
}

.bubble-footer
{
}
.bubble-footer img
{
    width:100%;
}

.bubble-main
{
    position:relative;
    height:140px;
}

.bubble-main img
{
    width:100%;
    height:100%;
}

.bubble-main-text
{
    position:absolute;
    top :60px;
    left:15px;
    width:450px;
    font-family:Arial;
    font-weight:Normal;
    font-size:12px;
    line-height: 1.2em;
    text-align:center;
    color:#FDFE02;
}

.bubble-main-text a
{
    color:#FDFE02;
    text-decoration:underline;
}
.bubble-main-text a:visited
{
    color:#FDFE02;
    text-decoration:underline;
}

.bubble-main a
{
    color:#FDFE02;
    text-decoration:underline;
}

.standard-button
{
    width:177px;
    height:48px;
    background: url(Images/BlankButton.gif) no-repeat; 
    font-family:MarkyMarkerNF;
    font-weight:Normal; 
    font-size: 18px;
    color:White;
    border:0 none;
    text-align:center;
    padding-bottom:8px;
}

.playlist-left-col
{
    float:left;
    width:75%;
}

.playlist-left-content
{
    margin-left:20px;
    margin-right:10px;
}

.playlist-right-col
{
    float:right;
    width:25%;
    margin-top:15px;
}
.playlist-header
{
    color:#0033cc;
    background-color:transparent;
    text-align: Left;
    letter-spacing: 1px;
    padding:2px 0px 2px 0px;
    padding-right:6px;
    float:left;
    margin-top:8px;
    font-family:Tahoma;
    font-weight:normal;
    font-size:24px;
}
.playlist-content
{
    float:left;
    width:100%;
    font-family:Arial;
    font-size:14px;
}

.like-button
{
    height:50px;
}

.playlist-links
{
}

.playlist-links a
{
    margin-right:5px;
}

.playlist-right-bottom
{
    border-top:5px groove #0525C8;
    border-top:5px solid yellow;
    padding:25px 10px 10px 10px;
    font-size:16px;
}    

.tshirt-thumb
{
    width:200px;
    height:auto;
}

.news-item
{
    float:left;
    margin-bottom : 10px;
    padding-top : 10px;
}
.news-date
{
    color: #666666;
    text-align: left;
    padding:0;
    width: 100%;
    float:left;
    font-family:"Tahoma";
    font-weight:normal;
    font-size:12px;
    margin-top: 3px;
    margin-bottom: 3px;
}
.news-teaser
{
    color: Black;
    text-align: left;
    padding:0;
    width: 100%;
    float:left;
    font-family:"Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    font-weight:normal;
    font-size:14px;
}
.news-read-more
{
}

.news-editor-field
{
    width:400px;
}

.news-main
{
    float:left;
    margin:10px;
}

.news-detail
{
    float:left;
    margin:10px;
}


.news-title-main
{
    color: #0033cc;
    text-align: left;
    padding:0;
    width: 100%;
    float:left;
    font-family:Tahoma;
    font-weight:Bold;
    font-size:2em;
}

.countdown-container
{
    margin-top:20px;
    float:left;
    width:100%;
}

.countdown
{
    float:left;
    width:210px;
    margin-top:00px;
    margin-bottom:20px;
    margin-left:2px;
}

.countdown-header
{
    color: White;
    background: #0033cc;
    text-align: center;
    letter-spacing: 1px;
    font-family: MarkyMarkerNF;
    font-weight:normal;
    font-size: 14px;
    padding:0px;
    width: 220px;
    margin-left:12px;
    float:left;
    margin-top:20px;
    padding-top:5px;
    padding-bottom:10px;
}

.countdown table
{
    border-width: 1px;
	border-spacing: 2px;
	border-style:solid;
	border-color: #0033cc;
	border-collapse:collapse;
	background-color: transparent;
}

.countdown th {
	border-width: 0px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: transparent;
}
.countdown td {
	border-width: 0px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
    width:65px;
	background-color: transparent;
}


.countdown-box
{
    margin-left:-5px;
    margin-right:5px;
}

.countdown-box-main
{
    position:relative;
    height:60px;
}

.countdown-box-main img
{
    width:100%;
    height:100%;
}

.countdown thead
{
    background-color:transparent;
    color:#feff00;
    text-align:center;
}

.countdown tbody
{
    background-color:transparent;
    color:#feff00;
    text-align:center;
    font-weight:bold;
}

.box-container
{
    float:left;
    width:100%;
}

.box-header
{
    position:relative;
    margin-bottom:0px;
    height:50px;
}
.box-header img
{
    width:100%;
    height:100%;
}
.box-header-text
{
    position:absolute;
    top :15px;
    left:0px;
    width:100%;
    text-align:center;
    color:#fdfe02;
    font-family:Arial Narrow;
    font-weight:Bold;
    font-size:16px;
}

.box-footer
{
}
.box-footer img
{
    width:100%;
}

.box-main
{
    position:relative;
}

.box-main img
{
    width:100%;
    height:100%;
}

.box-main-text
{
    position:absolute;
    top :10px;
    left:25px;
    text-align:left;
    color:#FDFE02;
    font-weight:normal;
}

.box-main a
{
    color:#FDFE02;
    text-decoration:underline;
}
.dates-table
{
    margin-top:10px;
    text-align:left;
    width:200px;
    border:0;
    font-family:Arial;
    font-size:14px;
}

.dates-table td
{
    border:0;
}

.dates-table-col1
{
    width:82px;
    vertical-align:top;
}

.giftarticles-box
{
    margin-left:0px;
    margin-right:0px;
    margin-top:20px;
}

.giftarticles-box a
{
    color:White;
}

.giftarticles-box-main
{
    position:relative;
    height:200px;
    color:White;
    font-family:Arial;
    font-size:14px;
    margin-top:-4px;
}

.giftarticles-box-footer
{
    margin-top:-4px;
}

.giftarticles-box-main img
{
    width:100%;
    height:100%;
}

.giftarticles-box-header
{
    position:relative;
    margin-bottom:0px;
}
.giftarticles-box-header img
{
    width:100%;
    height:100%;
}

.giftarticles-box-main-text
{
    position:absolute;
    top :0px;
    left:25px;
    text-align:left;
    width:200px;
    color:#FDFE02;
    font-weight:normal;
}

.facebook-right-box
{
    margin-left:0px;
    margin-right:0px;
    margin-top:20px;
}

.facebook-right-box a
{
    color:#FDFE02;
}

.facebook-right-box-main
{
    position:relative;
    height:820px;
    color:White;
    font-family:Arial;
    font-size:14px;
}

.facebook-right-box-main img
{
    width:100%;
    height:100%;
    margin-top:-3px;
}

.facebook-box-footer
{
    margin-top:-3px;
}

.facebook-right-box-header
{
    position:relative;
    margin-bottom:0px;
}
.facebook-right-box-header img
{
    width:100%;
    height:100%;
}

.facebook-right-box-header-text
{
    position:absolute;
    top :12px;
    margin-left:15px;
    margin-right:15px;
    text-align:center;
    color:#fdfe02;
    font-family:Arial Black;
    font-weight:normal;
    font-size:16px;
}

.facebook-right-box-main-text
{
    position:absolute;
    top :0px;
    left:25px;
    text-align:left;
    width:200px;
    color:#FDFE02;
    font-weight:normal;
}

.facebook-right-box-main li
{
    margin-left:0px;
    margin-bottom:10px;
    text-decoration: none;
}
.facebook-right-box-main ul
{
    margin-left:0px;
    padding-left:20px;
}