/**
 * @file
 * Stark layout method
 *
 * To avoid obscuring CSS added to the page by Drupal or a contrib module, the
 * Stark theme itself has no styling, except just enough CSS to arrange the page
 * in a traditional "Header, sidebars, content, and footer" layout.
 *
 * This layout method works reasonably well, but shouldn't be used on a
 * production site because it can break. For example, if an over-large image
 * (one that is wider than 20% of the viewport) is in the left sidebar, the
 * image will overlap with the #content to the right. The exception to this
 * is IE6 which will just hide the navigation block completely in these
 * instances due to a positioning bug.
 */
body {
	top: 0px;
	/*width: 1600px:*/
	width: 1280px;
	margin: auto;
	font-family: Helvetica;
}


#content,
#sidebar-first,
#sidebar-second {
  float: left;
  display: inline;
  position: relative;
}

#content {
  width: 100%;
}
body.sidebar-first #content {
  width: 60%;
  left: 20%; /* LTR */
}
body.sidebar-second #content {
  width: 80%;
}
body.two-sidebars #content {
  width: 60%;
  left: 20%;
}

#sidebar-first {
  width: 20%;
  left: -60%; /* LTR */
}

body.two-sidebars #sidebar-first {
  left: -60%; /* LTR */
}

#sidebar-second {
  float: right; /* LTR */
  width: 20%;
}

.section {
  margin: 10px;
}


/* Header */
#header {
	height: 235px;
	background-image: url(images/header.jpg);
}
#logo {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	height: 170px;
	width: 195px;
}

/* Header */
#footer {
	height: 105px;
	background-image: url(images/footer.jpg);
}
#main-menu li{
	list-style-type: none;
	color: white;
	/*font-size: 16pt;*/
	font-size: 14pt;
	font-family: Helvetica;
	font-weight: bold;
	float: left;
	/*padding-right: 38px;*/
	padding-right: 20px;
}

#main-menu a.active {
	/*color: #c7c8ca;*/
	color: #df2027;
}
	
#main-menu a {
	color: white;
	text-decoration: none;
}
#main-menu a:hover {
	/*color: #c7c8ca;*/
	color: #df2027;
}

h1 {
	font-size: 40pt;
	color: #df2027;
}

h2 {
	font-size: 26pt;
	color: #df2027;
}

h3 a {
	color: #df2027;
	text-decoration: none;
}

h3 {
	color: #df2027;
	margin:0;
    padding:0;
    border:0;
    outline:0;
}

.home_btn {
	margin-left: 26px;
	line-height: 34pt;
	font-size: 40pt;
	color: white;
	font-weight: bold;
	float: left;
	margin-right: 12px;
	width: 345px;
	height: 140px;
	background-image: url(images/btn_bg.png);
	background-repeat: repeat-x;
	padding-left: 20px;
} #honor_btn {
	height: 100px;
	padding-top: 35px;
	margin-right: 0px;
} #club_btn {
	height: 100px;
	padding-top: 35px;
} #gallery_btn {
	height: 70px;
	padding-top: 70px;
}

.home_btn a {
	color: white;
	text-decoration: none;
}

table {
	border-collapse: inherit;
}