/*
 @file: global.css
 @author: cssbit@gmail.com
*/

* {margin: 0; padding: 0}

body {
	font: 1em Tahoma, Arial;
	margin:0; padding: 0;
	background: transparent;
}


/* top Class */ 
#wrapper {
	width: 695px;
	margin: 10px auto;
	border: 0px solid #ddd;
}

#top {
	background: url(../images/logo.gif) no-repeat 100% 100%;
	height: 512px; 
}

/* tabs Class */ 



#wrapper a {
	outline: none;
}



/* notice Class */ 

ul#notice {
	list-style: none;
	overflow: auto;
	font-size: .8em;
}
ul#notice li {
	border: 1px solid #ddd;
	margin: 05px 02px 0 07px;
	width: 46%;
	float: right;
	padding: .1em;
	min-height: 220px;
	border-radius : 10px; 
	-moz-border-radius : 10px;
}

* html ul#notice li { 
	height: 220px;	
}

ul#notice li span.note {
	font-size: x-small;
	color:#BC2024;
	background:  #FFFEE5;
	display: block;
	padding: .4em;
	margin: 05px 0px
}
ul#notice li p {
	margin: 0px 0;
	padding: .5em;
	color:#33688A;
	font-size: .98em;

}
ul#notice li h6 { 
 font-size: .8em;
 margin: 05px 0 0px 0;
 padding: 0 .5em
	
}
ul#notice li span  { 
	font-size: x-small;
	display: block;
	margin: 05px 0;
	background: #F7F7F7;
	padding: .5em;
	color:#828282;
	text-align: center;
}

/* h3 Class */ 

h3 {
	padding: .5em;
	color:#666;
	font: bold 1.3em arial;
	background: url(../images/dot.gif) repeat-x right bottom;
	clear:both

}

/* footer Class */
#footer {
	clear: both;
	padding: .5em;
	text-align: center;
	margin: 15px 0 0;
}
#footer p {
	font-size: .70em;

}
#footer p br {
	margin: 0 0 04px 0
}
#footer p  span {
	color:#B3B3B3;		
}	
#footer p  span:hover {
	color:#999999;
}


.page {
	margin: 10px 0;
	list-style: none;

	font-size: .9em;

}



.page li {

	margin: 05px 5px 05px 5px;
	float: right;
	position: relative;
}
.page li a {
	text-decoration: none;
	color:#000;
	background:#eee;
	display: block;
	padding: .4em;
    border: 1px solid #ddd	
}
.page li em {
	background: url(../images/gif.gif) no-repeat;
	width: 160px;
	height: 200px;
	position: absolute;
	top: -280px;
	right: -50px;
	padding: 0px 0px 0px;
	font-style: normal;
	z-index: 2;
	display: none;
	color: #8B8861;
	font-size: 10px;
	text-align: center;

}
.page li em .capture{
	padding:.2em;
	border:1px solid #ddd;
	margin: 15px 0 0
}

.hover-title {
		color: #333;
		font-weight: bold;
		display: block;
		width: 100%;
		margin: 5px 0;
		font-size: 12px;
}