/*-------------------------------------------------
  no problem
  File  :  common.css
-------------------------------------------------*/


#wrapper p {
	font-size: 11px;
	line-height: 1.8;
}

#wrapper ol {
	padding: 0 0 0 22px;
}

#wrapper li {
	font-size: 11px;
	line-height: 1.8;
}


/* wrapper 
-------------------------------- */

#wrapper {
	width: 960px;
	height: 100%;
	margin: 0 auto;
	padding: 0px;
	position: relative;
}


#top {
	width: 960px;
	height: 600px;
	float: right;
	position: relative;
}	

#top h2 {
	position: absolute;
	left: 690px;
}	

#wrapper p {
	padding-left: 5px;
}

#flash {
	width: 410px;
	height: 600px;
	margin: 0 auto;
	padding-top: 300px;
	position: relative;
	z-index: 1;
}	

#flash .skip {
	text-align: center;
}

#flashMessage {
	z-index: 2;
	padding: 5px 0 0 0;
	
}


/* menu
-------------------------------- */

#menu {
	width: 365px;
	position: absolute;
	padding: 100px 0 0 0;
	margin: 0 0 0 540px;
	z-index: 2;
}

#menu .logo { 
	width: 145px;
	float: left;
}		

#menu .nav {
	width: 200px;
	float: right;
	padding: 0;
}	

#menu .navBtn {
	padding: 0 0 10px 0;
	display: block;
}	

#menu .navTop {
	padding: 1px 0 10px 0;
	display: block;
}	


#menu h2 {
	padding: 0 0 20px 4px;
}	

/* container
-------------------------------- */

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

#catch {
	padding-bottom: 0px;
}	

.terry {
	clear: both;
	width: 390px;
	padding: 0 0 300px 20px;
}	


/* message
-------------------------------- */

#message {
	width: 410px;
	float: left;
	padding: 0 0 300px 0;
}

.lead {
	padding: 0 0 40px 0;
}	 	

#message .subLead {
	padding: 0 0 15px 0;
}

#message .box {
	padding: 0 0 25px 0;
}	


/* news
-------------------------------- */

#news {
	width: 410px;
	float: left;
	clear: both;
	padding: 0 0 300px 0;
}	


/* about
-------------------------------- */

#about {
	width: 410px;
	float: left;
	clear: both;
	padding: 0 0 300px 0;
}	

#about .member {
	padding: 0 0 10px 0;
}	

#about .memberBox {
	padding: 0 0 25px 0;
}	


/* works
-------------------------------- */

#works {
	width: 410px;
	float: left;
	clear: both;
	padding: 0 0 300px 0;
}	


/* school
-------------------------------- */

#school {
	width: 410px;
	float: left;
	clear: both;
	padding: 0 0 300px 0;
}


/* access
-------------------------------- */

#access {
	width: 410px;
	clear: both;
	padding: 0 0 200px 0;
}	

#access .map {
	padding: 0 0 20px 4px;
}	


/* footer
-------------------------------- */

#footer {
	width: 850px;
	height: 135px;
	clear: both;
	text-align: right;
	padding: 0 0 100px 0;
	position: relative;
	z-index: 3;
}


/* anc
-------------------------------- */

.anc {
	width: 410px;
	height: 200px;
}

.anc100 {
	width: 410px;
	height: 100px;
}



/*secret
-------------------------------- */

.secret a {
 	font-size: 10px;
	text-decoration: none;
	background: #000000;
	color: #FFFFFF;
	font-weight: bold;
	padding: 1px;
}

.secret a:visited {
 	font-size: 10px;
	text-decoration: none;
	background: #000000;
	color: #FFFFFF;
	font-weight: bold;
	padding: 1px;
}

.secret a:hover {
 	font-size: 10px;
	text-decoration: none;
	background: #000000;
	color: #FFFFFF;
	font-weight: bold;
	padding: 1px;
}


/* pad
-------------------------------- */

.padB10 {
	padding: 0 0 10px 0;
}

.padB3 {
	padding: 0 0 3px 0;
}