*** general start ***/
body {    margin: 0;
    padding: 0;
  text-align: center; 
}

body, td, pre {
    font-family: Calibri;
    font-size: 11pt;
    color: white;
}

#container
{
    margin:0 auto;
    width:100%;
   
}

#content
{
    min-height: 500px;
    width:100%;
   
}
td {
 text-align: left;
}

h1 {
    font-size: 14pt;
    font-weight:800;
    border-bottom: 1px solid #832525;
    margin-top: 20px;
    color: #832525;
   
}

h2 {
    font-size: 14pt;
    font-weight:700;
    border-bottom: 1px solid #832525;
    margin-top: 20px;
    color: #832525;
}

h3 {
    font-size: 12pt;
    font-weight:800;
    height: 100%;
    width: auto !important;
    width: 100%;

    margin-top: 20px;
    color: #832525;
}

h4 {
    font-size: 12pt;
    font-weight:600;
    margin-top: 20px;
    color: #832525;
}

h5 {
    font-size: 11pt;
    font-weight:800;
    margin-top: 20px;
    color: #832525;
}

h5 {
    font-size: 11pt;
    font-weight:600;
    margin-top: 20px;
    color: #832525;
}
a, a:visited {
    color: #832525;
    text-decoration:underline; 
}

a:hover {
    color: #832525;
}

hr {
    border: #CCCCCC 1px solid;
}

td p {
    margin: 2px;
}

img {
    border: 0;
}


 #DivTop
    {   width: 100%;
		height: 170px;
		margin:  0  5px 0 0;
		padding: 0 0 0 5px;
		top: 0px;
		left: 0px;
		bottom: auto;
		right: 0px;
        position: fixed;
        z-index: 100;
        text-align: center;
       border-right: solid 5px White;
   

    }  
  
      

  #DivNavbarFix
    {   left: 5px;
        top: 300px;
        bottom: auto ;
        right: auto;
        margin: 0px;
        padding: 0px;
        position: fixed;
        z-index: 200;
        width: 200px;
        background:  #832525;
        fore-color: white;
        border-top: solid 0px #CEA3A3;
        border-bottom: solid 3px white;
        border-right: solid 3px white;
     }

#DivTopSpace0
{
width: 100%;
height: 13px;
Background: #832525;
border-bottom: solid 3px White;
}
    #DivTop1
    {   width: 100%;
		height: 190px;
		margin: 0px;
		padding-top: 10px;
        z-index: 101;
        background: #5E8E6A;
        position:relative ;
        display: inline-block;
        border-bottom: solid 1px white;  
        border-top: solid 1px white;   }

      #DivTop1ImageLeft
    {   left: 0px;
        top: 0px;
        bottom: auto ;
        right: auto;
	    margin: 0px;
	    padding: 0px;
        position: absolute;
        z-index: 200;
           
     }

    #DivTop1Content

    {    left: 50%;
         z-index: 300;
         position: absolute;
    }

    #DivTop1ContentImage {
        position: relative;
        left: -50%;
    }

      #DivTop1ImageRight
    {   left: auto;
        top: 0px;
        bottom: auto ;
        right: 0px;
	    margin: 0px;
	    padding: 0px;
        position: absolute;
        z-index: 200;
     }

#DivTopSpace1
{
width: 100%;
height: 0px;
Background: #B17777;
}
	
  #DivTop2
    {   width: 100%;
		height: 40px;
		margin: 0px;
		padding: 0px;
        z-index: 101;
       background: #023518;
       border-top: solid 1px white;
       border-bottom: solid 4px transparent;
       display: inline-block;
       text-align: Center;
       fore-color: white;
       color: white;

    }

  #DivTop2Navigation
    {   width: 90%;
padding-left:5%;
padding-right: 5%;
color: #FFFFFF;
fore-color: #FFFFFF;
    }


    #DivTop3
    {   width: 100%;
	max-height: 125px;
        min-height: 10px;
	margin: 0px;
	padding: 0px;
        z-index: 102;
        Background: #BAD6C1;
        position:relative ;
        display: inline-block;
       text-align: Center;
      border-top: solid 3px White;
    }

#DivTop3Content
    { 	   padding-left:200px;
          padding-right: 200px;
    }
	
#DivSpaceTop {
		width: 100%;
		height: 330px;
		}





#DivContent {
        padding: 0px;
		width: 100%;
		height:100%;
        border-bottom: solid 6px #023518;
       }


 #DivUpperContent
    {   width: 100%;
        max-width: 1000px;
        padding-left: 200px;
        padding-right:200px;
        padding-top: 20px;
        padding-bottom: 20px;
        background: transparent;
        min-height:500px;
        display: inline-block;
    }


#DivBottomContent {
	height: 80px;
        width: 100%;
        margin: 0px;
        padding-left: 0px;
        padding-right:-200px;
        padding-bottom: 0px;

        color: White;
        text-align: center;
        left:0;
        right:0;
        border-bottom: solid 10px #023518;
        border-top: solid 4px  #5fab73;
        background-color: #5E8E6A;
 }     
   

/**  PAGE **/

#page {
    margin: 0 auto;
    width: auto !important;
    width: 100%;
    text-align: center;
    height: auto !important;    
    height: 100%;
    position:  center;
}

/** 940->1180 **/


#admin {
    overflow: hidden;
    text-align: right;
    padding-top: 8px;
}

#admin a, #admin a:visited, #admin a:hover {
    text-decoration: none;
    color: #CCCCCC;
    padding: 7px;
}


.clear {
    clear: both;
}

p {
    margin: 9px 0;
    padding: 0;
}

/*** general end***/

#footerContent{
    margin: 0px;
}


#navigation {
    line-height: 40px;
    padding: 0 0 0 0 ;
    margin: 0 0 0 0;
    vertical-align: middle;
    font-weight: 800;
    font-size: 12pt;
    fore-color: #FFFFFF;
    color: #FFFFFF;
    Display: inline;
}


#navigation-1 {

    line-height: 40px;
    padding: 0 0 0 0 ;
    margin: 0 0 0 0;
    vertical-align: middle;
    font-weight: 800;
    font-size: 12pt;
    color: #FFFFFF;
    Display: inline;
}

#navigation-1 li {
    line-height: 40px;
    display: inline;
    padding: 0px 5px 0px 5px;
    color: #FFFFFF;
}

#navigation-1 li a {
    fore-color: White;
    color: #FFFFFF;
}

#navigation-1 li a:hover, #navigation-1 li.selected a {
    color: #16BF5D;
}

 #navigation-1 li.selected  a {
   padding: 5px 5px 10px 5px;
   border-bottom: solid 4px #16BF5D;
   text-decoration: none !important;
   
 }

.navigation a {
    text-decoration: none !important;
    color: #FFFFFF;
}


#navigation-2 li a {
    display: block;
}

#navigation-2 {
    margin: 20px 0 20px 0;
    padding-top: 50px;
    padding-left: 20px;
    border-bottom: 1px solid #FFFFFF;
    background:  #832525;
    text-align: left;
    font-weight:700;
color: #FFFFFF;

}

#navigation-2.empty-entry{
    border-top: none;
}

#navigation-2 li a {
    display: block;
    list-style: none;

    padding: 5px 0 5px 25px;
    color: #FFFFFF;
}

#navigation-2.empty-entry li a {
    border-bottom: none;
}


#navigation-2   li.selected a {
    color: #FF634F;
    border-right: 3px solid #FF634F;
}
#navigation-2 li.active a, #navigation-2 li a:hover {
   color: #FF634F;
}

#navigation-2 #navigation-3 li a {
    padding: 2px 0 2px 40px;
    color: #FFFFFF;
    background: transparent;
}


#navigation-2 #navigation-3 li.active a, #navigation-2 #navigation-3 li a:hover {
    color:   #E2AD8A;
    background: transparent;
}

#navigation-3  li.selected a {
    color: #E2AD8A;
    border-right: 3px solid #E2AD8A;

}

#navigation-3 {
    padding: 0;
    margin-left: 0;
   font-size: 12pt;
   text-align: left;
  
}

#navigation-2 {
    padding: 0;
    margin-left: 0;
    font-size: 12pt;
}


.admin-links {
    float: right;
    font-size: 90%;
    line-height: 3em;
    margin: 0;
    padding: 0 15px;
    vertical-align: middle;
}

.admin-links a {
    padding: 6px;
    text-decoration: none !important;
    color: white;
    font-size: 90%;
}


#header-club-logo {
    padding-top: 70px;
    padding-right:  0px;
    padding-bottom: 20px;
    height: 190px;
    width:100%;
}

#header-club-name {
    color: #ffffff;
    font-family:  Comic Sans MS;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
  
}

#BottomLogoTransparent {
    padding-top:100px;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
    position: absolute ;
    bottom:6px;
    right: 10px;
}

#BottomLogo {
    padding-top:100px;
	zoom: 1;
    position: absolute ;
    bottom:100px;
    right:10px;
}

body {
background: #D0F2D9 url("../webpage/images/contentBackground/gradient-vertical-top-white.png") repeat-x scroll 0 0;

}
/*  Navigation
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2
{
    margin:0;
    padding: 0;
}


ul.mainNav1 li,
ul.mainNav2 li
{
    display: inline;
    margin: 0;	
    padding: 0;
}


ul.mainNav1 li a,
ul.mainNav2 li a
{
    font:bold 16px/140% Calibri;
    text-decoration: none;
    display: block;
    Color: #FFFFFF;
    border-bottom:1px none #CCC;
}


ul.mainNav1 li a { padding:4px 4px 4px 4px; }
ul.mainNav2 li a { padding:4px 4px 4px 14px; }
ul.mainNav3 li a { padding:4px 4px 4px 24px; }


ul.mainNav1 a:hover
{
  
    Color #16BF5D;
}

ul.mainNav1 a.current { font-weight:bold; }