/* Always make vertical scrollbar visible */
HTML {overflow-y: scroll;}
BODY{
	background-color: #002F09;
    font-family: arial;
	margin: 0px;
	padding: 0px
}
#activityPosting {
	padding: 0px;
	*width: 500px;
}
a:link, a:visited{
	color: #008620;
	text-decoration: none;
	font-size: 11px;
	font-family: arial;
	font-weight: bold
}
a:hover{
	color: #000000;
	text-decoration: none;
	font-size: 11px;
	font-family: arial;
	font-weight: bold
}
TEXTAREA,INPUT{
    border: 1px solid #002F09;
    border-collapse: collapse;
    font-family: arial;
	font-size:11px
}
.button{
    border: 1px solid #002F09;
    border-collapse: collapse;
    background-color: #FFFFFF;
    color: #002F09;
    font-family: arial
}
#mainlayer{
	width: 780px;
}
#navlayer{
	width: 100%;
	height: 130px;
	background-image: url(images/topbg.jpg);
	background-repeat: repeat-x
}
#navlayer2{
	background-color: #000000;
	text-align: left;
	line-height: 20px;
}
#formlayer{
	width: 100%;
	height:100%;
	background-color: #FFFFFF;
	color: #008620;
	font-family: arial;
	font-size: 11px
}
#contentlayer{
	width: 780px;
	background-color: #FFFFFF;
	color: #008620;
	font-family: arial;
	font-size: 11px
}
.contentHeaderLogin{
	text-align:left;
	padding-left:20px;
	padding-top:20px;
}

.rowHover {
	background-color: #CCCCFF;
}
#loading{
	left:0;
	position:absolute;
    z-index: 5000;
	width:100%;
	height:100%;
	background-color:#000000;
    color: #FFFFFF;
    padding: 10px;
	filter:alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity:0.4;
}

.aboutus{
	height: 654px;
	background-image: url(images/aboutusbg.jpg);
	background-repeat: no-repeat;
}

.presidentmsg{
	/*height: 1600px;*/
	height: 692px;
	/*background-image: url(images/presidentmsgbg.jpg);*/
	background-image: url(images/presidentmsgbg2.jpg);
	background-repeat: no-repeat;
}

#contentlayer a:link{
	color: #008620;
	font-family: arial;
	font-size: 11px;
	text-decoration: none
}
#contentlayer a:visited{
	color: #008620;
	font-family: arial;
	font-size: 11px;
	text-decoration: none
}
#contentlayer a:hover{
	color: #000000;
	font-family: arial;
	font-size: 11px;
	text-decoration: none
}
#presidentmessage{
	float:left;
	width:670px;
	margin-top:39px;
	line-height:20px;
	font-size:12px;
	z-index:20;
	
	*margin-top:58px;
}
#alumnilayer{
	float:left;
	width:430px;
	margin-top:39px;
	line-height:20px;
	font-size:12px;
	display:none;
	z-index:20;
	
	*margin-top:58px;
}
#heritagelayer{
	float:left;
	width:430px;
	margin-top:39px;
	line-height:20px;
	font-size:12px;
	display:none;
	z-index:20;
	
	*margin-top:58px;
}
#milestoneslayer{
	float:left;
	width:430px;
	margin-top:39px;
	line-height:20px;
	font-size:12px;
	display:none;
	z-index:20;
	
	*margin-top:58px;
}
#eventlayer{
	float:left;
	width:440px;
	margin-top:41px;
	line-height:20px;
	font-size:14px;
	font-weight:bold;
	display:none;
	z-index:20;
	
	*margin-top:55px;
}
#eventOverview{
	float:left;
	margin-top:39px;
	width:440px;
	line-height:20px;
	font-size:14px;
	font-weight:bold;
	display:none;
	z-index:20;
	
	*margin-top:58px;
}
#eventOverview li{
	padding-right:5px;
}
#loadResult{
	width:440px;
	margin-top:67px;
	line-height:31px;
	font-size:14px;
	font-weight:bold;
	display:none;
	z-index:20;
	
	*margin-top:67px;
}
#articlelayer{
	width:440px;
	margin-top:58px;
	line-height:20px;
	font-size:14px;
	font-weight:bold;
	display:none;
	z-index:20;
	
	*margin-top:58px;
}
#divmail{
	visibility: hidden;
	position: absolute;
	background-color: #FFFFFF;
	border: 1px solid #FFFFD4;
	padding: 10px;
}
.tdhand{
	cursor: hand;
}
.tdarrow{
	cursor: pointer;
}
#footerlayer{
	width: 100%;
	height: 120px;
	background-color: #000000;
	z-index:10;
}
#footerlayer a:link, #footerlayer a:visited{
	text-decoration: underline;
	font-weight:100;
	color: #FFFFFF
}
#footerlayer a:hover{
	text-decoration: none;
	font-weight:bold;
	color: #FFFFAA;
}
#imgdisplaylayer{
	height: 355px;
	background:#fff url('images/loading.gif') 50% 50% no-repeat;
}
#thumblayer{
	scrollbar-base-color: #FFFFFF;
	scrollbar-arrow-color: #035419;
	scrollbar-3dlight-color: #F9F9F9;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 116px;
	height: 423px;
	background-color: #000000;
}
#displaytd{
	width: 620px;
}
#thumbselectiontd{
	width: 130px;
}
.thumbmout{
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: pointer;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000
}
.thumbmover{
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
	cursor: pointer;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-top: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF
}
#enlargefoto{
	border: 4px solid #000000
}
.sector1mout{
	width: 90px;
	background-image: url(images/bgsection1mout.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding-top:8px;
	padding-left:0px
}
.sector1mover{
	width: 90px;
	background-image: url(images/bgsection1mover.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding-top:8px;
	padding-left:0px
}
.sector2mout{
	width: 160px;
	background-image: url(images/bgsection2mout.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding-top:8px;
	padding-left:0px
}
.sector2mover{
	width: 160px;
	background-image: url(images/bgsection2mover.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding-top:8px;
	padding-left:0px
}
.sector3mout{
	width: 160px;
	background-image: url(images/bgsection3mout.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding-top:8px;
	padding-left:0px
}
.sector3mover{
	width: 160px;
	background-image: url(images/bgsection3mover.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding-top:8px;
	padding-left:0px
}
.sector4mout{
	width: 90px;
	background-image: url(images/bgsection4mout.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding-top:8px;
	padding-left:0px
}
.sector4mover{
	width: 90px;
	background-image: url(images/bgsection4mover.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding-top:8px;
	padding-left:0px
}
.sectorheader{
	color: #002F09;
	font-family: arial;
	font-size: 11px
}
.nasectorheader{
	color: #B4B4B4;
	font-family: arial;
	font-size: 11px
}
.defaultral{
	border:1px solid #ffffff;
	font-size:11px;
	font-family:arial;
}
.defaulttbx{
	border:1px solid #000000;
	font-size:11px;
	font-family:arial;
	color: #000000;
}
.defaultformbold{
	font-weight:bold;
	color: #000000;
}
.juniorral{
	border:1px solid #ffffff;
	font-size:11px;
	font-family:arial;
}
.juniortbx{
	border:1px solid #008620;
	font-size:11px;
	font-family:arial;
}
.juniorformbold{
	font-weight:bold;
	color: #000000;
}
.setactivetext{
	background-color:#FFEABA;
}
.setinactivetext{
	background-color:#FFFFFF;
}
.tblsearch{
	font-size:12px;
	color:#000000;
	width:700px;
}
.tblsearch TH{
	font-weight:bold;
	font-size:12px;
	color:#000000;
	background-color:#EAEAEA;
}
.tblsearch TD{
	font-size:12px;
	color:#000000;
}
.even{
	background-color:#FFFFD4;
}
.old{
	background-color:#FFFFFF;
}

/* BEGIN: Activity module */
#tblJuniorMembers TD{
	color: #000000;
}
#tblMembers TD{
	color: #000000;
}
#tblNonMembers TD{
	color: #000000;
}

h4#jmemberSignedUp{
	font-size:16px;
}
h4#memberSignedUp{
	font-size:16px;
}
h4#nmemberSignedUp{
	font-size:16px;
}
/* END: Activity module */

/* BEGIN: SubMenu */
ul.subpanel{ 
    list-style: none;
    margin:0 0 0 0;
    padding: 10px 10px 0px 10px;
	border-bottom: 1px dotted #CCCCCC;
	border-top: 10px solid #000000;
	background-color:#ECEAE1;
}
ul.subpanel li{
    padding: 0px;
    margin:0 0 0 0;
    list-style:none;
    display:inline;
    font-size:24px;
}
ul.subpanel li span {
    vertical-align:40%;
}
ul.subpanel li a{
    display: inline-block!important;
    overflow: hidden;
    height: 40px;
    line-height:50px;
    width: 75px;
    white-space:nowrap;
    text-align:left;
}
ul.subpanel li a:link, ul.subpanel li a:visited{
	text-decoration:none;
}
ul.subpanel li a:hover{
	text-decoration:underline;
}

ul.subpanel li a p { 
    padding:0 0 0 90px;
	line-height: 15px!important;	/* needed for Firefox 3.10. The line height has to be specified in this element style unlike of the same one in styles/default/default.css ~ take a look, you will know what i meant */
}
ul.subpanel li a p strong {
    font-size:14px;
    color:#898057;
	*line-height: 35px;		/* needed for IE 7.0. The line height has to be specified in this element style unlike of the same one in styles/default/default.css ~ take a look, you will know what i meant */
}
ul.subpanel li a.info {
    background:url(images/info.png) top left no-repeat;
}
ul.subpanel li a.children {
    background:url(images/children.png) top left no-repeat;
}
ul.subpanel li a.mypic {
    background:url(images/mypic.png) top left no-repeat;
}
ul.subpanel li a.passcode {
    background:url(images/passcode.png) top left no-repeat;
}
ul.subpanel li a.search {
    background:url(images/search.png) top left no-repeat;
}
ul.subpanel li a.timesheet {
    background:url(images/timesheet.png) top left no-repeat;
}
ul.subpanel li a.logout {
    background:url(images/logout.png) top left no-repeat;
}

.mainsub a:link, .mainsub a:visited{
	color: #78DC1A;
	text-decoration: none;
	font-size: 12px;
	font-family: verdana, arial;
	font-weight: bold;
}
.mainsub a:hover{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-family: verdana, arial;
	font-weight: bold;
}
.mainsubA{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-family: verdana, arial;
	font-weight: bold;
}
/* END: SubMenu */