﻿/* ---------------- General ---------------- */
/* CSS Document 
div {
border: solid thin red;
}*/

* { margin:0; padding:0; } 
/* ---------------- general ----------------- */
body{font:80% 'Trebuchet MS', sans-serif;text-align: center;background-color:#0f004e;margin: 0px auto 0px auto; color:#4F320C;}
a {color:#4F320C;text-decoration:none;}
a:hover {color:#0f004e;text-decoration:none;background-color:#f7f4e0;}
#paralinx {display:inline;color:blue;}/**/
#pageLink1{color:#0f004e;text-decoration:none;background-color:#cad9ef;}
#pageLink1 a:hover  {color:#FFFFFF;text-decoration:none;background-color:#cad9ef;}
#lblParagraph2 a:link  {color:#FFFFFF;text-decoration:none;background-color:#cad9ef;}
#lblParagraph2 a:hover  {color:#FFFFFF;text-decoration:none;background-color:#cad9ef;}
.Heading1a{font-weight: bold;padding:5px 0px 5px 0px;line-height: 120%;margin:0px 20px 0px 20px;}
.Paragraph1a{padding:5px 0px 5px 0px;line-height: 120%;margin:0px 20px 0px 20px;}
.Paragraph1b{}
.pdflink {/*color:#999999; */position:relative;top:0px;right:-35px;text-align:center;width:70%;}

/* ---------------- container --------------- */
#container 
{width: 1000px;margin: 0px auto 0px auto;background-image:url(../images/shadow.gif); background-repeat:repeat-y; }
/* ---------------- Site Wrapper ------------ */
#wrapper 
{width: 800px;margin: 0px auto 0px auto;background-color:#FFFFFF;/*border: solid thin yellow;*/	}
/* ---------------- Header ----------------- */
#header { width: 800px;height:60px; margin: 0px auto 0px auto;text-align:right;font-size:80%;
/*	border: solid thin red;71px;border: solid thin orange;*/}	
img.headImage {float: left; position:relative;top:0px;left:10px; }
#topNav {position:relative;top:25px;right:23px;text-align:right; width: 90px;float:right;}
/* ---------------- Footer ----------------- */
#footer {width: 800px;height: 55px;padding:0px 0px 0px 0px;background: #f7f4e0;text-align:left;color:#4F320C;font:90% 'Trebuchet MS', sans-serif;clear:both;margin: 0px auto 0px auto;
/*border: solid thin red;margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px;padding: 1px;	*/}
.footerLinks { color:#4F320C;position:relative;top:11px;left:20px;}
/* ---------------- Branding --------------- */
#brandingHome {width: 800px;height: 322px;background:url(../images/imHome.jpg); background-repeat:no-repeat; margin: 0px auto 0px auto;padding:0px 0px 0px 0px;text-align:left;}
#brandingAbout {width: 800px;height: 322px;background:url(../images/imAbout.jpg); background-repeat:no-repeat; margin: 0px auto 0px auto;padding:0px 0px 0px 0px;text-align:left;}
#brandingLocation {width: 800px;height: 322px;background:url(../images/imLocation.jpg); background-repeat:no-repeat; margin: 0px auto 0px auto;padding:0px 0px 0px 0px;text-align:left;}
#brandingHistory {width: 800px;height: 322px;background:url(../images/imHistory.jpg); background-repeat:no-repeat; margin: 0px auto 0px auto;padding:0px 0px 0px 0px;text-align:left;}
#brandingFacilities {width: 800px;height: 322px;background:url(../images/imFacilities.jpg); background-repeat:no-repeat; margin: 0px auto 0px auto;padding:0px 0px 0px 0px;text-align:left;}
#brandingNews {width: 800px;height: 322px;background:url(../images/imNewsEvents.jpg); background-repeat:no-repeat; margin: 0px auto 0px auto;padding:0px 0px 0px 0px;text-align:left;}
#brandingMembers {width: 800px;height: 322px;background:url(../images/imMembers.jpg); background-repeat:no-repeat; margin: 0px auto 0px auto;padding:0px 0px 0px 0px;text-align:left;}

/* ---------------- Title ------------------ */
#PageTitleHome {padding:0px 0px 0px 0px;font:200% 'Trebuchet MS', sans-serif;width:450px;position:relative;top:23px;left:20px;color:#4F320C; margin: 0px 0px 0px 0px;/*border: solid thin red;*/}

#PageTitle {padding:0px 0px 0px 0px;font:200% 'Trebuchet MS', sans-serif;width:450px;position:relative;top:250px;left:20px;color:#4F320C; margin: 0px 0px 0px 0px;/*border: solid thin red;*/}
/* ---------------- Branding Login---------- */
/* ---------------- Branding Contact-------- */
/* ---------------- Middle ----------------- */
#middle { width: 800px;margin: 0px auto 0px auto;
	text-align:left;/*background :#FFFFFF;
	border: solid thin blue; font:70%;*/}
/* ---------------- contentMain ---------*/
#contentMainHome {/*border: solid thin yellow;*/margin:0px 0px 0px 0px;width:760px;} 
#contentMainContact { /*border: solid thin orange;	*/margin:0px 0px 0px 0px;width:440px; float:left;}
#contentSitemap{ /*border: solid thin blue;	margin:0px 0px 0px 0px;*/width:440px;height:450px; float:left;}
#contentMain { /*border: solid thin yellow;	*/margin:0px 0px 0px 0px;width:440px; float:left;}
#contentRight { /*border: solid thin pink; */width:300px; float:right;height:280px;margin:0px 0px 0px 0px;} 

/* ---------------- Middle Drop Shadow---------------- */

.drop-shadow
    {  
    width:300px; 
    height:280px; 
    background: url(../images/drop_border.png) top left no-repeat;    
    position:relative;
	top: -50px;
	right:10px;
	/*border: solid thin red;margin: 20px;*/
}

.drop-shadow img
    {
    margin: 0px;
    padding: 5px;
    width: 276px;
    height: 222px;
}
/*-------------Contact shadow--------------*/
.drop-shadowContact
    {  
    width:300px; 
    height:400px; 
    background: url(../images/shadowContact.png) top left no-repeat;    
    position:relative;
	top: -50px;
	right:10px;
	/*border: solid thin red; background-color :#F7F4E0;*/
}
#contactContainer{font:90% 'Trebuchet MS', sans-serif;margin: 0px;padding: 5px;width: 260px;height: 390px;color:#0f004e;position:relative;top: 5px;right:-5px;} 
#contact1{width: 200px;float:left;clear:both;}
#contact2{width: 200px;float:left;clear:both;}
#contact3{width: 200px;float:left;clear:both;}
#spacer{width:600px;height:50px; clear:both;/*border: solid thin yellow;*/}
/* ---------------- Middle Navigation---------------- */
/* ---------------- Middle ---------------- */
#guide1{/*border: solid thin blue; */width:420px;}
#holeGuide1{/*border: solid thin grey; */width:422px;}
/* ---------------- Tables ---------------- */
/* ---------------- Tables Couses---------------- */
.TableCourse1 td {padding:1pt 4pt 1pt 4pt;border:1pt #345503;color:#0F004E;}

#TableCourse td a:link { color: #FFFFFF;font:100% 'Trebuchet MS', sans-serif; }
#TableCourse td a:hover{color: #FFFFFF;font:100% 'Trebuchet MS', sans-serif;color:#0F004E;text-decoration:none;background-color:#E8EACC;}
#TableCourse td a:visited { color: #FFFFFF;font:100% 'Trebuchet MS', sans-serif;color:#0F004E;text-decoration:none;}

#dgCourse{/*border: solid thin green;*/padding:0px 0px 0px 0px;position: relative;top: 10px;left: 20px;}

#TableCourse{/*border: solid thin green;*/padding:0px 0px 0px 0px;position: relative;top: 0px;left: 20px;	}

#TableContact{   /*color: #FFFFFF;border: solid thin green;*/position:relative;top: 30px;right:-20px;padding:0px 0px 0px 0px;font:100% 'Trebuchet MS',sans-serif;}
.TableContact td {padding:1pt 4pt 1pt 4pt;border:1pt #345503;color:#0F004E;}
#TableContact td a:link { color: #FFFFFF;font:100% 'Trebuchet MS', sans-serif; }
#TableContact td a:hover{color: #FFFFFF;font:100% 'Trebuchet MS', sans-serif;color:#0F004E;text-decoration:none;background-color:#E8EACC;}
#TableContact td a:visited { color: #FFFFFF;font:100% 'Trebuchet MS', sans-serif;color:#0F004E;text-decoration:none;}

/* ---------------- Tables Login---------------- */
#LoggingTable{position:relative;top: 10px;left:20px;color:#0F004E;padding:0px 0px 0px 0px;}
#LoggingTable a:link { font:100% 'Trebuchet MS', sans-serif; }
#LoggingTable a:hover{color: #0F004E;font:100% 'Trebuchet MS', sans-serif;text-decoration:none;background-color:#E8EACC;}
#LoggingTable a:visited { color: #0F004E;font:100% 'Trebuchet MS', sans-serif;text-decoration:none;}

#RegisterTable{position:relative;top: 10px;left:20px;color:#0F004E;padding:0px 0px 0px 0px;}
#RegisterTable a:link { color: #0F004E;font:100% 'Trebuchet MS', sans-serif; }
#RegisterTable a:hover{color: #0F004E;font:100% 'Trebuchet MS', sans-serif;color:#FFFFFF;text-decoration:none;background-color:#E8EACC;}
#RegisterTable a:visited { color: #0F004E;font:100% 'Trebuchet MS', sans-serif;color:#FFFFFF;text-decoration:none;}

#ForgotPasswordTable{position:relative;top: 10px;left:20px;color: #0F004E;padding:0px 0px 0px 0px;}
#ForgotPasswordTable a:link { color: #0F004E;font:100% 'Trebuchet MS', sans-serif; }
#ForgotPasswordTable a:hover{color: #0F004E;font:100% 'Trebuchet MS', sans-serif;text-decoration:none;background-color:#E8EACC;}
#ForgotPasswordTable a:visited { color: #0F004E;font:100% 'Trebuchet MS', sans-serif;text-decoration:none;}

#greeting a:link { color: #FFFFFF;font:100% 'Trebuchet MS', sans-serif;}
#greeting a:hover{color: #0F004E;font:100% 'Trebuchet MS', sans-serif;text-decoration:none;background-color:#E8EACC;}
#greeting a:visited { color: #FFFFFF;font:100% 'Trebuchet MS', sans-serif;text-decoration:none;}
/* ---------------- Tables Welcome---------------- */
#LoggingTableWelcome
{width:490px;background: #0F004E;color: #FFFFFF;
/*border: solid thin blue;position:relative;top: 0px;left:0px;*/}
#lblWelcome1{position:relative;top:0px;left:18px;}
#spLogout{position:relative;top:0px;left:50px;}
/* ---------------- Input Tables ---------------- */
#tblInput{width:450px;}
#tblInput td{padding:1pt 4pt 1pt 0pt;border:1pt #FFFFFF;color: #FFFFFF;background: #0F004E;}
/* ---------------- Tables Message Board---------------- */
.DataGridStyle td{padding:1pt 4pt 1pt 4pt;border:1pt #345503;color:#0F004E;}

#DataGridStyle td a:link { color: #FFFFFF;}
#DataGridStyle td a:hover{color: #FFFFFF;color:#0F004E;text-decoration:none;background-color:#E8EACC;}
#DataGridStyle td a:visited { color: #FFFFFF;color:#0F004E;text-decoration:none;}

.DataGrid1Alternate td{background-color:#0F004E;color:#FFFFFF;font-weight:bold;}

.DataGrid1HeaderStyle {Background-color:#0F004E;color:#FFFFFF;}
#DataGrid1HeaderStyle a:link { color: #FFFFFF;}
#DataGrid1HeaderStyle a:hover{color: #FFFFFF;text-decoration:none;background-color:#E8EACC;}
#DataGrid1HeaderStyle a:visited { color: #FFFFFF;text-decoration:none;}

/*#dgMessage td{border: solid thin blue;}*/
.DataGrid1EditItemStyle{}
.DataGrid1EditItemStyle input{color:white;}
/*#cssclass{ padding:20px 20px 20px 20px;}*/

#tdLogout a:link { color: #E8EACC; }
#tdLogout a:hover{color:#E8EACC;text-decoration:none;background-color:#E8EACC;}
#tdLogout a:visited { color:#FFFFFF;text-decoration:none;}

/* ---------------- Gallery Thumbnails---------------- */

#galTitle2{width:450px;position:relative;top:5px;left:-322px;color:#4F320C; /**/}
#dvLevel1 {float:left; clear:both;width:800px;/*border: solid thin red;*/}
#dvLevel1 img {height:100px ;width:120px ;border-width : 0px;/*border: solid thin red;*/}
#dvLevel2 {float:left; clear:both;width:800px;/*border: solid thin green;*/}
#dvLevel1a {float:left; clear:both;width:420px;/*border: solid thin pink;*/}

.aaa {position:relative; top:20px; left:0px;margin:0px 20px 0px 0px;color:#FFFFFF;/*border: solid thin red;*/}

/* ---------------- Gallery Thumbnails End---------------- */
/* ---------------- Content The Guide---------------- */
#dgMessage{position:relative;top: 0px;right:0px;width:450px;}

#dgContacts{position:relative;top: 0px;right:0px;width:420px;}	

#dgContent{position:relative;top: 0px;right:0px;width:450px;}

#TableContent{/*border: solid thin blue;*/position:relative;top: 0px;left:15px;color: #0F004E;padding:0px 0px 0px 0px;font:85% 'Trebuchet MS', sans-serif;width:450px;vertical-align :top;border: 1px;}
#TableContent tr{vertical-align :top;}
/*#TableContent td{border: solid thin blue;}*/
#TableContent a:link { color: #0F004E; }
#TableContent a:hover{color: #0F004E;text-decoration:none;background-color:#E8EACC;}
#TableContent a:visited { color: #0F004E;text-decoration:none;}

#TableContentWelcome{/*border: solid thin green;*/position:relative;top: -200px;right:-32px;color: #FFFFFF;padding:0px 0px 0px 0px;background-color:#ECE9D8;}
#TableContentWelcome td a:link { color: #355703; text-decoration :none}
#TableContentWelcome td a:visited { color: #355703; }
#TableContentWelcome td a:hover{border-color: #F9F4A4;color: #355703;background: #e8eacc;}

/* ---------------- Header Navigation-----visibility:hidden-----------*/ 






#nav li{display: inline;list-style-type: none;position:relative; top:0; left:0;}
/*To get these menu items all on to one line we'll insert this CSS rule:*/
#navMenu li{display: inline;list-style-type: none;/*border: solid thin orange;*/
/*	float: left;margin: 0 0.15em;padding-left: 31px;padding-right: 30px;*/}
#navMenu {margin: 0;padding:0px 0px 0px 0px;}
#navMenu ul{list-style: none;padding:0px 0px 0px 0px;margin: 0;} 

#nav{font:10px 'Trebuchet MS', sans-serif;color: #355703;font-weight:bold;}
#nav ul {/*border: solid thin yellow;*/float: left;width: 800px;list-style: none;margin: 0 0 1em 0;padding: 0;border: 1px;display: inline;text-decoration: none;text-align: left;}
#nav a {display: block;/*width: 8em;w\idth: 6em;with of sub navpadding: 0.25em 2em;	margin-right :30px;*/list-style-type: none;/*padding-left: 18px;padding-right: 46px;*/color: #7C6240;text-decoration: none;padding-left: 18px;padding-right: 18px;}
#nav li {float: left;padding: 0;/*width: 10em;with of sub nav*/}
/*positioning subnav*/
#nav li ul {/*border: solid thin yellow;*/position: absolute;left: -999em;width: 13.4em; /* 13.4em;  width of sub nav*/w\idth: 12.9em;font-weight: normal;border-width: 0.25em;margin: 0;}
#nav li:hover, #nav li.sfhover {color: #355703; background: #f7f4e0;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;width: 20px; /* 13.4em;  width of sub nav*/w\idth: 9.9em;}





/*-----------------Navigation in Member area----------*/
#navMenu2 {/*border: solid thin red;*/margin: 0;padding:0px 0px 0px 0px;position: relative;top: -200px;left:30px;width:220px;}
#navMenu2 ul{/*border: solid thin green;position: relative;top: 0px;left:0px;*/list-style: none;padding:0px 0px 0px 0px;margin: 0;}
#navMenu2 li{/*border: solid thin blue;position: relative;top: 0px;left:0px;*/list-style-type: none;padding-left: 31px;padding-right: 30px;}
#nav2{font:75% 'Trebuchet MS', sans-serif;}
#nav2 ul {/*border: solid thin yellow;*/position: relative;top: 0px;left:0px;float: left;width: 200px;list-style: none;margin: 0 0 1em 0;padding: 0;border: 1px;display: inline;text-decoration: none;text-align: left;}
#nav2 a {display: block;list-style-type: none;padding-left: 18px;padding-right: 18px;color: #7C6240;text-decoration: none;}
#nav2 li {float: left;padding: 0; /*width: 10em;with of sub nav*/}
#nav2 li ul {/*border: solid thin green;position: relative;top: 0px;left:0px;*//*position: absolute;top:0; left:0;left: -999em;width of sub nav*/width: 13.4em;w\idth: 12.9em;font-weight: normal;border-width: 0.25em;margin: 0;}
#nav2 li:hover, #nav2 li.sfhover {/*color: #355703;background: #e8eacc;border: solid thin pink;*/}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {left: auto;}


#navMenu3 {/*border: solid thin red;*/margin: 0;padding:0px 0px 0px 0px;position: relative;top: -200px;left:30px;width:220px;}
#navMenu3 ul{/*border: solid thin green;position: relative;top: 0px;left:0px;*/list-style: none;padding:0px 0px 0px 0px;margin: 0;}
#navMenu3 li{/*border: solid thin blue;position: relative;top: 0px;left:0px;*/list-style-type: none;padding-left: 31px;padding-right: 30px;}
#nav3{font:75% 'Trebuchet MS', sans-serif;}
#nav3 ul {/*border: solid thin yellow;*/position: relative;top: 0px;left:0px;float: left;width: 200px;list-style: none;margin: 0 0 1em 0;padding: 0;border: 1px;display: inline;text-decoration: none;text-align: left;}
#nav3 a {display: block;list-style-type: none;padding-left: 18px;padding-right: 18px;color: #7C6240;text-decoration: none;}
#nav3 li {float: left;padding: 0; /*width: 10em;with of sub nav*/}
#nav3 li ul {/*border: solid thin green;position: relative;top: 0px;left:0px;*//*position: absolute;top:0; left:0;left: -999em;width of sub nav*/width: 13.4em;w\idth: 12.9em;font-weight: normal;border-width: 0.25em;margin: 0;}
#nav3 li:hover, #nav3 li.sfhover {/*color: #355703;background: #e8eacc;border: solid thin pink;*/}
#nav3 li:hover ul, #nav3 li li:hover ul, #nav3 li li li:hover ul, #nav3 li.sfhover ul, #nav3 li li.sfhover ul, #nav3 li li li.sfhover ul {left: auto;}
.daddy a
{
display: block;
width: 102px;/*122px*/
\width: 128px;/*158px*/
w\idth: 102px;/*122px*/
padding: 0px 8px 0px 8px;
border: 0px;
border-left: 20px solid #0f004e;
background: #f7f4e0;
text-decoration: none;
text-align: left;
}

.daddy a:link { color: #355703; }
.daddy a:hover{border-color: #cad9ef ;color: #355703;background: #f7f4e0;}



/*----------------Sitemap Nav -----------------*/
#navMenuSitemap {position:relative; top:20px; left:20px;width:300px;/*border: solid thin yellow;*/}
#navSitemap{font:10px 'Trebuchet MS', sans-serif;color: #355703;font-weight:bold;width: 150px;}
#navSitemap li{}
/*To get these menu items all on to one line we'll insert this CSS rule:*/
#navMenuSitemap li{}
#navMenuSitemap ul{} 


#navSitemap ul {/*border: solid thin pink;*/width: 500px;margin: 0 0 1em 0;padding: 0;border: 1px;text-decoration: none;text-align: left;}
#navSitemap a {display: block;/*width: 8em;w\idth: 6em;with of sub navpadding: 0.25em 2em;	margin-right :30px;*//*padding-left: 18px;padding-right: 46px;*/color: #7C6240;text-decoration: none;padding-left: 0px;padding-right: 0px;}
#navSitemap li {padding: 0;width: 10em;/*float: left;with of sub nav*/}
/*positioning subnav*/

.daddySitemap a
{
display: block;
width: 102px;/*122px*/
\width: 128px;/*158px*/
w\idth: 102px;/*122px*/
padding: 0px 8px 0px 8px;
border: 0px;
border-left-width : 20px ;
border-left-style : solid;
border-left: #FFFFFF;

text-decoration: none;
text-align: left;
}

.daddySitemap a:link { color: #355703; }
.daddySitemap a:hover{border-color: #F9F4A4;color: #355703;border-left: 20px solid #AAC97C;}