@charset "utf-8";
/* CSS Document */

body {background:#000000;
}
#head {
	  text-align:left;
	  background-color:#C00;
}


#center  {
	  float:left;
	  width:35%;
	  padding-left:1%;
	  text-align:center;
	  margin-left:1%;
	  margin-right:1%;
	  margin-top:1%;
	  margin-bottom:1%;
}
.main    {
	 
	  margin-left:2%;
	  margin-right:2%;
	  margin-top:1%;
	  margin-bottom:1%;
	  clear:both;
	  color:#CCC;
}
#project    {
	 
	  margin-left:2%;
	  margin-right:2%;
	  text-align:center;
	  margin-top:1%;
	  margin-bottom:1%;
}
#left    {
	  float:left;
	  width:50%;
	  height:400px;
	  padding-left:1%;
	  padding-right:1%;
	  text-align:left;
	  margin-top:1%;
	  overflow:auto;
}
#right  {
	  float:left;
	  width:480px;
	  padding-left:1%;
	  padding-right:1%;
	  text-align:center;
	  margin-top:1%;
	  margin-bottom:1%;
}

#footer  {
	  font-family:Arial, Helvetica, sans-serif;
      border:1px black solid;
	  float:left;
	  width:100%;
	  clear:both;
	  text-align:center;
}

#menu {
	  width:99%;
	  padding-left:1%;
	  text-align:center;
	  float:left;
	  clear:both;
}

#menu ul  {
	    margin-left:-2.5em;
}

#menu li  {
	    list-style-type:none;
		width:8em;
		text-align:center;
		float:left;
}
#menu ul ul {
	    list-style-type:none;
		width:8em;
		text-align:center;
	    float: left;
		display: none;
		visibility: hidden;
}

.drop  {
	    list-style-type:none;
		width:8em;
		text-align:center;
		float:left;
}
	
#menu a  {
	text-decoration:none;
	color:#000;
	display:block;
	border:  3px #006 outset;
	background-color:#ccccff;
}
#menu a:hover  {
	  border: 3px blue inset;
}

#menu ul li.drop ul {
	    display: none;
		visibility: hidden;
}

#menu ul li.drop ul li  {
	    clear: both;
		display: inline;
		float: left;
		width: 8em;
}

#menu ul li.drop:hover ul  {
		visibility: visible;
		display: block;
}
	
.main ul   {
	    float:left;
		color:#CCC;
		width:auto;
}
.main li  {
	    list-style-type:none;
		text-align:center;
	    font-size:large;
		color:#CCC;
		

}

.main a    {
	    text-decoration:none;
		color:#CCC;
}

.main a:hover  {
	    color:#C00;
}

#project ul    {
	    color:#CCC;
		font-size:larger;
}
#project li   {
	    list-style-type:none;
		text-align:center;
		font-size:large;
		color:#CCC;
}
#project a    {
	    text-decoration:none;
		color:#CCC;
}
#project a:hover    {
	    color:#C00;
}

p        {
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	overflow:auto;
	color:#CCC;
}
.video   {
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	overflow:auto;
	color:#00F;
}
	
#alignc   {
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	overflow:auto;
	color:#CCC;
	text-align:center;
}
#address  {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:1%;
	color:#C00;
}

#description  {
	 font-family:Arial, Helvetica, sans-serif;
	 font-style:italic;
	 font-size:medium;
	 color:#CCC;
}
h2 {
	color: #C00;
	font-family:Arial, Helvetica, sans-serif;
}


h6   {
	  color:#C00;
	  text-align:center;
	  font-size:x-large;
	  font-family:Arial, Helvetica, sans-serif;
}
h3  {
	color:#C00;
	font-family:Arial, Helvetica, sans-serif;
}
h4  {
	color:#C00;
	font-family:Arial, Helvetica, sans-serif;
}
h5  {
	 color:#CCC;
	 font-family:Arial, Helvetica, sans-serif;
	 text-align:center;
	 font-size:smaller;
}

#alignl  {
	
	  margin-left:2%;
	  margin-right:2%;
	  text-align:left;
	  margin-top:1%;
	  margin-bottom:1%;
}
#alignl a   {
	text-decoration:none;
	color:#CCC;
}

#alignl a:hover  {
	color:#C00;
}
.gallery    {
	         float:left;
			 padding-right:2%;
			 text-align:center;
			 color:#CCC;
			 white-space:nowrap;
			 width:auto;
			 height:150px;
}

.homer  {
	    float:left;
		width:51%;
		text-align:center;
		padding-right:1%;

}

.homel  {
	    float:left;
		width:420px;		
		text-align:center;
		margin-right:1%;
}
.update    {
	    float:left;
		margin-right:1%;
}
.video ul  {
	list-style-type:none;
	text-align:left;
	}
.video ul li  {
	list-style:none;
	text-align:left;
}

.main ul li ul li  {
	       list-style-type:none;
		   float:left;
		   margin-right:1%;}
		   
.main ul li  {
	list-style-type:none;
	font-size:x-large;
	font-weight: bold;
	color: #C00;
	font-family:Arial, Helvetica, sans-serif;
		  }
		  
li ul {display:none;}

li:hover ul {display: block;}

#title {
	  width:99%;
	  padding-left:1%;
	  text-align:center;
	  float:left;
	  clear:both;
}

.greenleft  {
	    float:left;
		width:420px;
		padding-right:1%;
		padding-bottom:1%;
		color:#0C0;
		font-size:medium;
}
.greenright  {
	    float:left;
		width:51%;
		text-align:left;
		padding-right:1%;
		padding-bottom:1%;
		color:#0C0;
		font-size:large;
}
.greentitle {
	width:51%;
	float:left;
	font-size:x-large;
	color:#0C0;
	text-align:center;
}
.green    {
	 
	  margin-left:2%;
	  margin-right:2%;
	  margin-top:1%;
	  margin-bottom:1%;
	  clear:both;
	  color:#0C0;
}
.greenhead    {
	  margin-left:2%;
	  margin-right:2%;
	  text-align:left;
	  margin-top:1%;
	  margin-bottom:1%;
	  color:#0C0;
	  font-size:x-large;
}