body{
margin:0;
padding:0;
line-height: 1.5em;
/*background: #9AA692;*/
background: #656C7B;
/*background: #400601;*/
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 800px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #CCCCCC;
background-image:url("banner.png");
background-repeat:no-repeat;
height: 100px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
text-align: right;
text-decoration: none;
font-size: 36px;
font-family: 'Josefin Sans Std Light', arial, serif; 
color: #400601;
}

#topsection h2{
margin: 0;
padding-top: 5px;
text-align: right;
text-decoration: none;
line-height: 18px;
font-size: 16px;
font-family: 'Josefin Sans Std Light', arial, serif; 
color: #400601;
}

#contentwrapper{
background: white;
float: left;
width: 100%;
}

#contentcolumn{
font-family: "Lucida Sans",
             "Lucida Grande",
             Lucida,
             sans-serif;
font-size: 16px;
margin-right: 200px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn{
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#FFFFFF));
background: -moz-linear-gradient(top, #CCCCCC, #FFFFFF);
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.centerAlign{
text-align: center ;
width: 470px;
margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

h1{
font-size:16px;
text-decoration: underline;
}

ul.none {list-style-type:none;}



/*navigation*/
.navbox {
	position: relative;
	float: left;
 	font-family: 'Tangerine', arial, serif;	
 	font-size: 36px;
 	line-height: 35px;
}

ul.nav {
	list-style: none;
	display: block;
	width: 200px;
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px 0 0px 0;
	-webkit-background-size: 50% 100%;
}

li {
	margin: 5px 0 0 0;
}

ul.nav li a {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;	
	-o-transition: all 0.3s ease-out;		
	transition: all 0.3s ease-out;			
	background: #0D0D0D no-repeat;
	/*color: #9AA692;*/
	color: #FFFFFF;
	padding: 15px 15px 15px 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-bottom-right-radius: 10px;
 	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	width: 150px;
	display: block;
	text-decoration: none;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
}

ul.nav li a:hover {
	background: #0D0D0D no-repeat;
	color: #FFFFFF;
	padding: 15px 15px 15px 20px;
}
/* end of navigation */

/*title bars*/
.titlebar {		
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-bottom-right-radius: 10px;
 	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	width: 100%px;
	text-decoration: none;
	background:-webkit-gradient(linear, right top, left bottom, from(#400601), to(#FFFFFF));
	background:-moz-linear-gradient(right, #400601, #FFFFFF);	
}

/*drop shadow*/
.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
}

/*table center*/
table.center {
    margin-left:auto; 
    margin-right:auto;
}