#gallery{text-align:center}
#gallery p{display:inline}
#gallery span{margin:0px 15px 25px 15px; vertical-align:top; width:360px; display:table-cell; display:inline-table; display:inline-block}
#gallery p img{margin-bottom:0px}

* {
	margin: 0;
	padding: 0;
}

a {
	color: #ccc;
}
 a:hover {color: #e9e9e9;}
/*general background color*/
body {
	background: #000d03;
	color: #fff;
    Font: normal 13px "Verdana",sans-serif;
}

img {border: none;}

h2{
	color: #bdc8e5;
    Font: normal 18px  "Verdana",sans-serif;
    margin-top: 45px;
    margin-bottom: 4px;
	margin-left: auto;
	margin-right: auto;		
}

h3{
	color: #bdc8e5;
    Font: normal 14px  "Verdana",sans-serif;
    margin-top: 5px;
    margin-bottom: 4px; 
}
/*textbox-background*/
#container {
    background: #222;
	border: 3px double #444;
	height:100%;
    width:auto;	
    /*width: 1114px;    */
    margin: 0 auto;
}

#header {
    background:#e9e9e9 url("header/header_index.jpg") ;
    height:auto;
	width:auto;
	/*width: 1090px;*/
    margin: 0 auto;
    align-items: center; 
 	text-align:center;
}

   
#main {
/*background textbox*/
    background: #262929;
	height:100%;
	text-align:center;
	align-items: center;
	max-width:1200px;		
    padding:4px;
    margin: auto;
    border-top: 1px solid #e9e9e9;		/*style of single line below nav-bar*/
}

#footer2 {
    background: #262929;
	/*width: auto; */
    max-width:1200px;	
    padding:6px; color: #bbb;
    margin: 0 auto; 
        
}

/* the whole section of footer 3 might be obsolete */
#footer2 a {
	color: #ccc; text-decoration:none;
}
#footer2 a:hover {color: #333;}     

#footer ul {
	border-top: 1px solid #4c4c4c;
	margin: 0;
}
#footer li {
	border-bottom: 1px solid #4c4c4c;
	list-style: none;
}
#footer li a {
	display: block;
	line-height: 2em;
	padding-left: 4%;
	width: 96%;
}
#footer a {color: #333; text-decoration:none;}
#footer a:hover {
	color: #77a41c;
	background: #333;
}

.f1,.f2 {
	float: left;
	width: 31%;
}
.f2{margin: 0 3%;}

/* bottom */
.bottom {
	color: #666;
	clear: both;
	font-size: 1.1em;
}
.bottom a {color: #888;}
       
/*- Menu Tabs 3--------------------------- */

    #tabs3 {
    width:100%;
    background: #222;
    font-size:110%;  					 /* used to be 95% */
    line-height:normal;
	text-align:center;
    }
    #tabs3 ul {
    width:100%;
    padding:0 0 0 0px;
    list-style:none;
    }
    #tabs3 li {
    display:inline-block;
    margin:0;
    padding:0 0 0 0px;
    }
    #tabs3 a {
    /* width:100%; */
    float:left;
	display:block;				/* essential for center display! */
    background:url("header/tableft3.gif") no-repeat left top;
    padding:0px 0px 0px 4px;
    text-decoration:none;
    }
    #tabs3 a span {
    display:block;
    background:url("header/tabright3.gif") no-repeat right top;
    padding:10px 15px 10px 15px;    /* use this to adjust layout of navigation bar */
    color:#FFF;
    }
 
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs3 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs3 a:hover span {
      color:#FFF;
      }
    #tabs3 a:hover {
      background-position:0% -42px;
      }
    #tabs3 a:hover span {
      background-position:100% -42px;
      }

      #tabs3 #current a {
              background-position:0% -42px;
      }
      #tabs3 #current a span {
              background-position:100% -42px;
      }
-->