/*
 * Japanese Association at the Univeristy of Texas at Austin
 * Website Style Sheet - Version 1.0
 * Copyright 2010
 * Author: Alexander Chiu
 * Last Revised: August 27, 2010 at 0929 GMT -600
 * ----------------------------------------------------------------------------
 * Use of this stylesheet for your own personal use is permitted. However, we 
 * ask that if you use this any portion of this stylesheet to give credit where
 * it is due. Thanks!
 * ----------------------------------------------------------------------------
 * NOTE: #bc002d is the offical shade of red of Japan... even though it is not
 * currently in use in this stylesheet. (We went through a couple of Alpha
 * versions if you can tell.)
 */

body {
	font-family: arial, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #fff url('../assets/skin-images/bg-gradient.jpg') repeat-x top;
	font-size: 12px;
}

.left {
	float: left;
}

.right {
	float: right;
}

#wrapper {
	width: 990px;
	background: transparent url('../assets/skin-images/bg-wrapper.jpg') no-repeat top center;
	min-height: 500px;
	margin-left: auto;
	margin-right: auto;
}

#wrapper a{
	color: #000;
}

#ribbon {
	/*background: #d4e7ed url('../assets/skin-images/bg-ribbon.jpg') repeat-x;*/
	background: #f5e1e3 url('../assets/skin-images/bg-ribbon.jpg') repeat-x;
	color: #000;
	height: 44px;
	margin-bottom: 3px;
}

#nav {
	padding: 7px;
}

#nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#nav ul li {
	display: inline;
	float: left;
}

#nav ul li a {
	display: block;
	text-align: center;
	padding: 7px 13px;
	margin: 1px;
	color: #000;
	font-family: georgia, times, serif;
	font-size: 11px;
	/*text-transform: uppercase;*/
	text-decoration: none;
	letter-spacing: 1px
}

#nav ul li a:hover {
	/*background: #bcc4cc;*/
	background: #ccbcbc;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#content-area {
	background: #fff;
	overflow: hidden;
}

#sidebar {
   width: 280px;
   padding: 20px;
   float: right;
   font-size: 12px;
}

#sidebar .header {
	font-weight: bold; 
	font-size: 16px;
	/*color: #003366;*/
	color: #92000A;
	font-family: georgia, times, serif;
	margin-bottom: 3px;
}

#sidebar .section {
	border-top: 2px #999999 solid; 
	padding: 7px;
	margin-bottom: 20px;
}

#sidebar .section ul li {
	margin-left: -17px;
	margin-bottom: 7px;
}

#page {
	width: 630px;
	padding: 20px;
	font-size: 12px;
}

#copyright {
	font-size: 12px;
	color: #666666;
	margin-top: 10px;
	text-align: center;
}