@charset "utf-8";
/* CSS Document */

body {
margin: 0px;
background-image: url(../images/main-bg.jpg);
background-repeat: repeat-x;
background-color: #0f405e;
}

p {
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

.error {
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ff6666;
}

.message {
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ccccff;
}

.messagedark {
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #3333ff;
}

h1 {
font-family: Century Gothic, Arial, Tahoma;
color: #0a6785;
font-size: 24px;
margin: 0px;
font-weight: normal;
}

h2 {
font-family: Century Gothic, Arial, Tahoma;
color: #0a6785;
font-size: 18px;
margin: 0px;
font-weight: bold;
}

h3 {
font-family: Century Gothic, Arial, Tahoma;
color: #0a6785;
font-size: 16px;
margin: 0px;
font-weight: bold;
}

h4 {
font-family: Century Gothic, Arial, Tahoma;
color: #0a6785;
font-size: 16px;
margin: 0px;
font-weight: bold;
}

#container {
width: 826px;
height: 100%;
margin-left: auto;
margin-right: auto;
background-color: #fff;
overflow: auto;
}

#header {
width: 826px;
height: 260ppx;
}

#nav {
width: 816px;
height: 100%;
background-color: #0a537d;
padding: 5px;
padding-top: 7px;
padding-bottom: 7px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #efe923;
text-align: center;
}

#body-container {
float: left;
width: 776px;
height: 100%;
background-color: #fff;
padding: 25px;
}

#left-col {
width: 455px;
height: 100%;
background-color: #fff;
float: left;
}

#left-col-memberdetail {
width: 775px;
height: 100%;
background-color: #fff;
float: left;
}

#right-col {
width: 280px;
height: 100%;
float: right;
background-color: #4f4f4f;
padding: 10px;
}

.sidebar {
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
}

.sidebar-head {
font-family: Century Gothic, Arial, Tahoma;
color: #FFFF33;
font-size: 24px;
margin: 0px;
font-weight: normal;
}

.links-body {
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0a6785;
font-weight: normal;
}

.links-body a:link {
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0a6785;
text-decoration: none;
font-weight: normal;
}
.links-body a:visited {
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0a6785;
text-decoration: none;
font-weight: normal;
}

.links-body a:active {
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0a6785;
text-decoration: none;
font-weight: normal;
}

.links-body a:hover {
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0a6785;
text-decoration: underline;
font-weight: normal;
}

#footer {
float: left;
width: 806px;
height: 100%;
background-color: #0a537d;
padding: 10px;
padding-bottom: 20px;
padding-top: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFF33;
text-align: center;
}

.links {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFF33;
}

.lightlinks {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFCC;
}

.lighth1 {
color: #FFFFCC;
}

.links a:link, a:active, a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFF33;
text-decoration: none;
}

.links a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFF33;
text-decoration: underline;
}

.photo-padding {
padding-right: 10px;
padding-bottom: 10px;
}

/* CHARITY */

#charity-row {
width: 455px;
height: 100%;
float: left;
padding-bottom: 20px;
}

#charity-col-a {
width: 110px;
height: 100%;
float: left;
}

#charity-col-b {
width: 330px;
height: 100%;
float: right;
}

/* END OF CHARITY */


/*CROSSING LIST */
.crossing-container {
width: 455px;
height: 100%;
float: left;
background-color:#003366;
padding-bottom: 5px;
}

.crossing-row {
width: 443px;
height: 100%;
float: left;
padding: 5px;
padding-left: 7px;
background-color:#003366;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
}
.crossing-col-a {
width: 312px;
height: 100%;
float: left;
}

.crossing-col-b {
width: 122px;
height: 100%;
float: right;
}

.crossing-row-name {
width: 445px;
height: 100%;
float: left;
padding-left: 5px;
padding-right: 5px;
background-color:#003366;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
}
.crossing-col-name {
width: 315px;
height: 100%;
float: left;
background-color: #CCC;
padding: 2px;
padding-left: 3px;
border-bottom: thin #fff solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
}

.crossing-col-date {
width: 120px;
height: 100%;
float: right;
background-color: #CCC;
padding: 2px;
padding-left: 3px;
border-bottom: thin #fff solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
}

/* end of crossing */


/*members*/
.members-container {
width: 455px;
height: 100%;
float: left;
background-color:#003366;
padding-bottom: 5px;
}

.members-row {
width: 443px;
height: 100%;
float: left;
padding: 5px;
padding-left: 7px;
background-color:#003366;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;

}
.members-col-a {
width: 155px;
height: 100%;
float: left;
}

.members-col-b {
width: 100px;
height: 100%;
float: left;
margin-left: 6px;
}

.members-col-c {
width: 90px;
height: 100%;
float: left;
margin-left: 6px;
}
.members-col-d {
width:75px;
height: 100%;
float: left;
margin-left: 6px;
}

.members-row-details {
width: 443px;
height: 100%;
float: left;
padding: 5px;
padding-left: 7px;
background-color: #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
border-bottom: thin #FFFFFF solid;

}
.members-col2-a {
width: 155px;
height: 100%;
float: left;
}

.members-col2-b {
width: 103px;
height: 100%;
float: left;
margin-left: 5px;
}

.members-col2-c {
width: 90px;
height: 100%;
float: left;
margin-left: 5px;
text-align: center;
}
.members-col2-d {
width:75px;
height: 100%;
float: left;
margin-left: 5px;
}

.members-row-details a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000099;
text-decoration: none;
}
.members-row-details a:visited, a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000099;
text-decoration: none;
}
.members-row-details a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000099;
text-decoration: underline;
}


/* end*/

.left-container { /*used for members page*/
width: 455px;
height: 100%;
float: left;
background-color:#fff;
}




.textfield{
border:  #003366 thin solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
padding: 3px;
}


/*MEMBER DETAIL */
.memberdetails-container {
width: 770px;
height: 100%;
float: left;
background-color:#003366;
padding-bottom: 5px;
}

.memberdetails-row {
width: 758px;
height: 100%;
float: left;
padding: 5px;
padding-left: 7px;
background-color:#003366;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
font-weight: bold;
}
.memberdetails-col-a {
width: 110px;
height: 100%;
float: left;
}

.memberdetails-col-b {
width: 150px;
height: 100%;
float: left;
margin-left: 10px;
}

.memberdetails-col-c {
width: 150px;
height: 100%;
float: left;
margin-left: 10px;
}

.memberdetails-col-d {
width: 100px;
height: 100%;
float: left;
margin-left: 10px;
}

.memberdetails-col-e {
width: 205px;
height: 100%;
float: left;
margin-left: 10px;
}

.memberdetails-row2 {
width: 755px;
height: 100%;
float: left;
padding-left: 7px;
background-color:#003366;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
}
.memberdetails-col-date {
width: 115px;
height: 100%;
float: left;
background-color: #CCC;
padding: 2px;
padding-left: 3px;
border-bottom: thin #fff solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
}

.memberdetails-col-starting {
width: 154px;
height: 100%;
float: left;
background-color: #CCC;
padding: 2px;
padding-left: 3px;
border-bottom: thin #fff solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
}

.memberdetails-col-ending {
width: 155px;
height: 100%;
float: left;
background-color: #CCC;
padding: 2px;
padding-left: 3px;
border-bottom: thin #fff solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
}

.memberdetails-col-time {
width: 105px;
height: 100%;
float: left;
background-color: #CCC;
padding: 2px;
padding-left: 3px;
border-bottom: thin #fff solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
}

.memberdetails-col-condition {
width: 201px;
height: 100%;
float: left;
background-color: #CCC;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 2px;
border-bottom: thin #fff solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
}

/* end of memberdetail */.loginlist {
	margin-left: 5px;
	padding-left: 5px;
	list-style-type: disc;
}


.memberpics {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #003366;
text-decoration: none;
border: 1px solid #003366;
}
.memberpics a:link {
color: #003366;
font-size: 10px;
text-decoration: none;
}
.memberpics a:visited {
color: #003366;
font-size: 10px;
text-decoration: none;
}
.memberpics a:hover {
color: #000000;
font-size: 10px;
text-decoration: none;
}
.memberpics a:active {
color: #000000;
font-size: 10px;
text-decoration: none;
}