@import "base.css";

.title{
	margin-top: 5px;
	color: #FFFFFF;
}

#information{
	text-align: center;
	padding: 30px;
	margin: 30px;
	color: #FFFFFF;
	font-size: 14px;
}

#information a{
	font-size: 14px;
	color: #FF00FF;
}

#information a:hover{
	font-size: 14px;
	color: #FF0000;
}

.categories_1{
	background-color: #333333;
	padding: 5px;
	text-align: center;
	color: #FFFFFF;
	width: 130px;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

.categories_2{
	background-color: #330000;
	padding: 5px;
	text-align: center;
	color: #FFFFFF;
	width: 130px;
	border: 1px solid #FFFFFF;
	font-size:14px;
	font-weight: bold;
}

.categories_1 a{
	text-align: center;
	color: #FFFFFF;
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
}

.categories_1 a:hover{
	text-align: center;
	color: #FFFF00;
	font-size:14px;
	font-weight: bold;
	text-decoration: underline;
}

.categories_2 a{
	text-align: center;
	color: #FFFFFF;
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
}

.categories_2 a:hover{
	text-align: center;
	color: #FFFF00;
	font-size:14px;
	font-weight: bold;
	text-decoration: underline;
}

.profile{
	text-align: center;
	line-height: 20px;
	color: #FFFFFF;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #FFFFFF;
	padding: 1px;
}

.profile a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}

.profile_2{
	width: 300px;
	text-align: center;
	line-height: 16px;
	color: #FFFFFF;
	font-size:12px;
	border: 1px solid #FFFFFF;
	padding: 3px;
}

.profile_3{
	background-color: #4E2020;
	width: 200px;
	color: #FFFFFF;
	text-align: left;
	line-height: 16px;
	font-size: 12px;
	padding: 10px;
}

.profile_3 span{
	color: #FF6600;
	font-size: 14px;
	font-weight: bold;
}

.profile_4{
	width: 120px;
	text-align: center;
	line-height: 16px;
	color: #FFFFFF;
	font-size: 12px;
	border: 1px solid #FFFFFF;
	padding: 3px;
}

.line{
	text-align: center;
	border-bottom: 1px dotted #FFFFFF;
	padding: 10px;
}

.list_box{
	float: left;	
}
	
.list{
	color: #FF3300;
	text-align: center;
	margin: 0 20px;
	padding: 7px 0 3px 0;
	width: 360px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.list2{
	color: #FF3300;
	text-align: center;
	margin: 0 20px;
	padding: 7px 0 3px 0;
	width: 360px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #FF0000;
}

.exp{
	padding: 0 150px;
}

#join {
	padding: 0 100px;
}

.clear {
	clear: both;
}

.granks {
	text-align: center;
}

.granks a {
	border: 3px solid #00FFFF;
	text-align: center;
}
	
.granks a:hover {
	border: 3px solid red;
}

#menu {
	background-color: #660000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;	
}

#menu ul {
	margin: 20px 0px;
	padding: 0px;
	width: 800px;
	height: 40px;
	background: url(../movie_campaign/img/bar_menu.gif) repeat-x;
}

#menu li {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

#menu li a {
	display: block;
	text-decoration: none;
	background:  url(../movie_campaign/img/bar_menu.gif) repeat-x;
}

#menu li#menu a {
	width: 50px;
	height: 40px;
	background:  url(../movie_campaign/img/bar_menu.gif) no-repeat left top;
}

#menu li#bar_enter a {
	width: 200px;
	height: 40px;
	background:  url(../movie_campaign/img/bar_enter.gif) no-repeat left top;
}

#menu li#bar_sample a {
	width: 200px;
	height: 40px;
	background:  url(../movie_campaign/img/bar_sample.gif) no-repeat left top;
}

#menu li#bar_list a {
	width: 200px;
	height: 40px;
	background:  url(../movie_campaign/img/bar_list.gif) no-repeat left top;
}

#menu li#bar_enter a:hover {
	width: 200px;
	height: 40px;
	background:  url(../movie_campaign/img/bar_enter.gif) no-repeat right top;
}

#menu li#bar_sample a:hover {
	width: 200px;
	height: 40px;
	background:  url(../movie_campaign/img/bar_sample.gif) no-repeat right top;
}

#menu li#bar_list a:hover {
	width: 200px;
	height: 40px;
	background:  url(../movie_campaign/img/bar_list.gif) no-repeat right top;
}

.camp_join {
	width: 600px;
	text-align:center;
}