/* CSS Document */
 
@import "reset.css";

html{
	overflow-x:hidden;
	}

body{
	color:#000000;
	background-color:#FFFFCC;
	font-size:14px	
	}


/*layout
---------------------------------------------------*/

#contents{
	width:800px;
	margin:auto;
	}

#header{
	height:60px;
	}
	
#gloval-nav{
	background-color:#000099;
	width:100%;
	height:20px;
	min-height: 1em;
    display: inline-table;
	}

#footer{
	clear:both;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	background-color:#000099;
	}
	
/*setting
---------------------------------------------------*/

a:link{color:blue}
a:visited{color:blue}
a:hover{color:red}
a:active{color:red}

h1 a{
	height:50px;
	width:630px;
	background:url(../img/new_sitelogo.gif) no-repeat;
	text-indent:-9999px;
	position:absolute;
	left:20%;
	top:10px;
	}

ul{
	margin-right:auto;
	margin-left:auto;
	width:980px;
	}

ul.nav li{
	float:left;
	width:90px;
	margin:2px;
	padding:1px;
	border:1px #000099 solid;
	background-color:#FFFFCC;
	text-align:center;
	font-size:12px;
	}

.clearLeft{
	clear:Left;
	}
	
/*text
----------------------------------------*/

h3{
	font-size:24px;
	font-weight:bold;
	color:blue;
	width:800px;
	margin:10px auto;
	}

p.info{margin:20px 0px}

p.link{
	width:300px;
	margin:10px auto;
	}

p.cg{
	width:800px;
	margin:10px auto;
	}

li.list{
	font-size:18px;
	font-weight:bold;
	margin:0px 0px 20px 20px; 
	list-style-image:url(../img/bullet2o.gif);
	}

#gallery{
	background:url(../img/gallery_logo.gif) no-repeat;
	text-indent:-9999px;
	width: 90px;
	height: 30px;
	margin:10px 0px 10px;
	}