/*--------------------------
	Global
--------------------------*/

*   { margin: 0; 
     padding: 0; }
body    { background: #b6b6ff url(../images/design/back.png); 
         background-position: left; 
	     background-attachment: fixed; 
	     background-repeat: repeat-y; 
	     color: black; 
	     font: 0.9em Calibri, Trebuchet MS, Arial, Helvetica, sans-serif; 
	     text-align: left; }
	

     a:link { color: #494992; 
	         text-decoration: none; }
     a:visited { color: #494992; 
		        text-decoration: none; }
     a:hover { color: #b6b6ff; }
     a:active { color: #b6b6ff; }
	

        small { font-size: 0.7em; }
        strong  { color: #9a2424;
		         font-weight: bold; }
        green  { color: #249a24;
		         font-weight: bold; }
        new { color: red; 
		     font-size: 0.7em }
        hilight { color: white; }
        hr  { size: 1px; 
		     width: 70%; }
        w { color: white }

/*--------------------------
	Layout
--------------------------*/

#container  { background: white;
			 border-right: 1px solid black;
             border-bottom: 1px solid black; 
			 width: 951px; }

html>body #container  { background: white;
			 border-right: 1px solid black;
             border-bottom: 1px solid black; 
			 width: 950px; }

	#header { height: 150px;
	         background: url(../images/design/banner.png); }
	#nav{ width: 900px;
	     height: 25px;
         float: right; 
		 z-index: 1;
		 position: relative;
		 top: -50px; 
		 background: #8484b9 url(../images/design/navback.png) 100% 0 repeat-y; }
	#content{ width: 950px; 
	         position: relative;
			 top: -25px; }
	    #subnav { background: #1a1a46 url(../images/design/brsubnav.png) 100% 100% no-repeat; 
		         float: left;
				 width: 200px;
				 padding: 20px; 
				 font-size: 1.1em; 
				 color: #b6b6ff; }
html>body #subnav{ background: #1a1a46 url(../images/design/brsubnav.png) 100% 100% no-repeat; 
		         float: left;
				 width: 160px;
				 padding: 20px;
				 font-size: 1.1em; 
				 color: #b6b6ff; }	 
		#text   { background: white url(../images/design/contentback.png) 0 100%;
             background-attachment: fixed;
			 background-repeat: repeat-x;
		         padding: 20px;
                 width: 700px; 
				 float: right;
				 border-left: 1px solid black; 
				 border-bottom: 1px solid black; }
	#footer { width: 950px;
			 background: #1a1a46; 
			 border-top: 1px solid black;
			 text-align: center;
			 font-size: 0.7em; 
			 color: white; 
			 padding: 20px; }
html>body #footer { width: 910px;
			 background: #1a1a46; 
			 border-top: 1px solid black;
			 text-align: center;
			 font-size: 0.7em; 
			 color: white; 
			 padding: 20px; }
    #bottom { background: #b6b6ff; width: 1050px; height: 200px; float: left; }


/*--------------------------
	sumting
--------------------------*/

#text ul { margin-left: 20px; margin-bottom: 30px; }
#text ol { margin-left: 20px; margin-bottom: 30px; }
#text p  { margin-bottom: 30px; }
#text h1 { font-size: 1.6em; 
	         margin-bottom: 15px; 
		     text-align: center; }
#text h2 { font-size: 1.2em; 
	         margin-bottom: 10px; }


#nav ul { list-style: none; 
         margin: 0px; }
#nav li { display: inline; }
#home a { background: url(../images/design/nav_home.png) 0 0; display: block; float: left; height: 25px; width: 100px; text-indent: -2222em; }
     #home a:hover { background: url(../images/design/nav_home.png) 0 -25px; }
#gallery a { background: url(../images/design/nav_gallery.png) 0 0; display: block; float: left; height: 25px; width: 100px; text-indent: -2222em; }
     #gallery a:hover { background: url(../images/design/nav_gallery.png) 0 -25px; }
#forum a { background: url(../images/design/nav_forum.png) 0 0; display: block; float: left; height: 25px; width: 100px; text-indent: -2222em; }
     #forum a:hover { background: url(../images/design/nav_forum.png) 0 -25px; }
#about a { background: url(../images/design/nav_about.png) 0 0; display: block; float: left; height: 25px; width: 100px; text-indent: -2222em; }
     #about a:hover { background: url(../images/design/nav_about.png) 0 -25px; }

#subnav a:link { color: #9a2424; text-decoration: none; }
#subnav a:visited { color: #9a2424; text-decoration: none; }
#subnav a:hover { color: white; }
#subnav a:active { color: white; }
#subnav p { margin: 0px; }
#subnav h1 { font-size: 1.4em; 
	         margin-bottom: 10px; 
			 margin-top: 0px;
			 font-weight: bold; }
#subnav h2 { font-size: 1em; 
	         margin-bottom: 10px; 
			 margin-top: 0px;
			 font-weight: bold; }
#subnav ul { margin-left: 20px; margin-bottom: 0px; }

         .indextable { width: 700px;}
html>body  .indextable { width: 733px;}
		.indent { text-indent: 20px; }
		.hbox { border: 1px solid gray; padding: 10px; margin-bottom: 30px; background: #e0e0f4; display: inline-block; width: 310px; height: 450px;}
		.hbox2 { border: 1px solid gray; padding: 10px; margin-bottom: 30px; background: #e0e0f4; display: inline-block; width: 310px; }
        .box { border: 1px solid gray; padding: 10px; margin-bottom: 30px; background: #e0e0f4;}
		.infobox  { border: 1px solid black; padding: 10px; margin-bottom: 20px; background: #8383b8; color: #1a1a46; }
		.infobox a:link  { color: #4f1212; }
		.infobox a:visited  { color: #4f1212; }


.viewpicture {
max-width: 500px;
/* IE Image max-width */
width: expression(this.width > 500 ? 500: true);
}

.editpicture {
max-width: 200px;
/* IE Image max-width */
width: expression(this.width > 200 ? 200: true);
}


.hide {    visibility: hidden;    height: 0; }
.hide2 { font-size: 0.0em; visibility: hidden; height: -5px; }

#footer h3 { font-size: 0.9em; color: #c7c7ff; }
#footer a:link { color: #b6b6ff; text-decoration: none; }
#footer a:visited { color: #b6b6ff; text-decoration: none; }
#footer a:hover { color: white; }
#footer a:active { color: white; }
#footer p { text-indent: 0px; }

#headertext header { font-size: 0.9em; color: #c7c7ff; }
#headertext p { font-size: 0.7em; color: #c7c7ff; }
#headertext a:link { color: #464697; text-decoration: none; }
#headertext a:visited { color: #464697; text-decoration: none; }
#headertext a:hover { color: white; }
#headertext a:active { color: white; }


/*--------------------------
	Hide from visual users
--------------------------*/

.non-visual
{
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
}

/*--------------------------
	Clearfix
--------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */