/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #787878;
	behavior:url("csshover2.htc");
	background-color: gray;
}

h1 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 2em;
	text-align: center;
	color: navy;
}

h2 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	text-align: center;
	color: navy;
}

h3 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	color: navy;
}

hr {
   width: 80%;
}

img {
    padding: 0px;
    border: 0px;
}

a {
	text-decoration: none;
	color: #B94E0E;
}

a:hover {
    color: maroon;
}

a:visited {
    color: #B94E0E;
}

div#clrb {
     clear: both;
}

div#clrl {
     clear: left;
}

div#clrr {
     clear: right;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	background: gray url('/media/web_bg.png') repeat-x left top;
}

/* Header */

#header-wrapper {

}


#header {
	width: 960px;
	height: 120px;
	margin: 0 auto;
	background: silver url('/media/banner.jpg') no-repeat top center;
	border: 1px solid white;
}

#header-spacer {
    /*display: block;*/
	width: 900px;
	height: 8px;
	margin: 0 auto;
	background: blue;
}
/* Logo */

#logo {
	float: left;
	height: 100px;
	width: 100px;
	margin: 10px;
	padding: 0px;
	background: transparent url('/media/logo.jpg') no-repeat top center;
}


#logoname{
    font-family: Georgia, "Times New Roman", Times, serif;
	border: none;
	background: none;
	font-size: 48px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	text-align: center;
	padding: 14px;
}

#logosub{
    font-family: Georgia, "Times New Roman", Times, serif;
	border: none;
	background: none;
	font-size: 24px;
	text-decoration: none;
	font-weight: normal;
	color: white;
	text-align: center;
	padding: 3px;
}

/* Page */

#pagemain {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background: url('/media/img04.png') repeat-y left top;
}

#page {
	width: 900px;
	margin: 0 auto;
	padding: 0px;
	background: url('/media/img04c.png') repeat-y left top;
	text-align: justify;
	margin-bottom: 0px;
	font-size: 10px;
	padding-bottom: 25px;
	color: black;
}

#gomiddle {
	width: 100%;
	padding: 8px;
	text-align: center;
}

#gomiddle table {
	margin: 0px auto;
}

#goleft {
	width: 70%;
	padding: 8px;
	text-align: left;
	margin-left: 15%;
}

#leftside {
	width: 100%;
	padding: 2px;
	text-align: left;
}

#goright {
	width: 60%;
	padding: 8px;
	text-align: right;
	margin-left: 20%;
}

#rightside {
	width: 100%;
	padding: 0px;
	text-align: right;
}

.posting {
	text-align: justify;
	margin-bottom: 5px;
	margin-right: 20px;
	font-size: 14px;
	padding: 10px 15px 10px 10px;
	color: black;
}

.posting table{
	margin: 0px auto;
}

#heading {
    width: 100%;
    background-color: navy;
    color: white;
    text-align: center;
    font-size: 14px;
    padding: 3px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

#section {
    width: 100%;
    background-color: maroon;
    color: white;
    text-align: center;
    font-size: 14px;
    padding: 3px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

#sectionsub {
    width: 80%;
    background-color: #ddd;
    color: black;
    text-align: center;
    font-size: 12px;
    padding: 3px;
    font-weight: bold;
    margin: 10px auto;
    margin-bottom: 5px;
}

#result th {
    background: lightblue;
    font-size: 12px;
}

#result td {
    text-align: left;
}

#page-bgtop {
}

#page-bgbtm {
	padding: 20px 10px 0px 20px;
}

/* Content */

#content {
	float: left;
	width: 570px;
	padding: 0;
	padding-bottom: 80px;
}

#content-body {
    height: 400px;
    padding-bottom: 60px;
}

.post {
	text-align: justify;
	margin-bottom: 25px;
	font-size: 14px;
	padding: 30px 20px 10px 20px;
	color: black;
}

.title {
	height: 38px;
	padding: 12px 0 0 20px;
	/*letter-spacing: -.5px;*/
	color: #181818;
}

.title a {
	color: #181818;
	border: none;
}


.entry {
	text-align: justify;
	margin-bottom: 25px;
	padding: 30px 20px 10px 20px;
}

.links {
	display: block;
	width: 130px;
	margin: 20px 0px;
	padding: 5px;
	background: #A03128;
	border-left: 20px solid #1B120B;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	color: #FFFFFF;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 280px;
	padding: 5px 2px 0px 0px;
    color: #787878;
}

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

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	margin: 0px 5px;
	padding-bottom: 30px;
}

#sidebar li li {
	line-height: 35px;
	border-bottom: 1px dashed #D1D1D1;
	padding-left: 15px;
}

#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar h2 {
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
	font-size: 16px;
	padding: 4px;
	color: white;
	text-align: center;
	background-color: navy;
	margin-bottom: 6px;
}

#sidebar h3 {
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
	font-size: 12px;
	padding: 3px;
	color: yellow;
	text-align: left;
	background-color: navy;
}

#sidebar div {
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	font-size: 11px;
	padding-top: 4px;
	padding-left: 3px;
	color: white;
	text-align: left;
	background-color: navy;
}

#sidebar p {
	margin: 0 0px;
	padding: 5px 10px 5px 10px;
	text-align: left;
	font-size: 11px;
	color: #444;
	background-color: lightyellow;
	margin-bottom: 10px;
	border: 1px solid navy;
}

#sidebar a {
	border: none;
	color: #B94E0E;
}

#sidebar a:hover {
	text-decoration: underline;
}

/* Footer */

#footer-wrapper {
	width: 100%;
	background-color: gray; /*#000040;*/
}

#footer {
	width: 900px;
	height: 22px;
	margin: 0 auto;
	padding: 0px 0 15px 0;
	background-color: navy;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0;
	padding-top: 12px;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	color: yellow;
}

#footer div {
	margin: 0;
	padding-top: 12px;
	line-height: normal;
	font-size: 9px;
}

#footer a {
	color: lightblue;
}

.thumbnails {
	font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	font-size: 9px;
	padding-left: 20px;
	width: 100%;
}

.thumbnails ul {
    display: inline;
    list-style: none;
}

.thumbnails li {
    float: left;
    margin: 8px 2px 0px 2px;
    background-color: #efefef
}

#thumbimg {
    border: 1px solid gray;
    text-align: center;
    width: 170px;
    height: 150px;
    padding: 10px;
    vertical-align: middle;
}

#thumbnote {
    background-color: #FFE4B5;
    overflow: hidden;
    border: 1px solid gray;
    text-align: center;
    width: 182px;
    border-top: 0px;
    padding: 2px 4px;
    text-align: left;
}

div#ppl-wrapper {
    width: 502px;
    margin: 0px auto;
    background-color: white;
    border: 1px navy solid;
    background-color: #efefef;
    padding: 1px;
    margin-bottom: 12px;
   	font-size: 12px;
}
div#ppl-header {
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    height: 20px;
    background-color: navy;
    color: white;
    text-align: center;
    vertical-align: middle;
    padding: 2px 5px;
}

div#ppl-imgwrap {
    width: 160px;
}

#ppl-image {
    margin: 10px;
    width: 150px;
    text-align: center;
}

#ppl-infowrap {
    width: 300px;
    /*padding: 3px;*/
    margin-right: 20px;
}

#ppl-title {
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    padding: 4px;
    width:96%;
    margin: 10px;
    background-color: #ddd;
    text-align: center;
}

#ppl-info {
    width:100%;
    margin: 0px;
    background-color: white;
    padding: 0px 2px;
    text-align: left;
}

table a,a:active,a:visited {
    text-decoration: none;
    color: blue;
}

table a:hover {
    color: red;
}

th {
    background: lightblue;
}

#events {
    margin: 0px auto;
	width: 600px;
	padding: 0px;
}

#events li {
    list-style: none;
    /*margin: 0px auto;*/
	width: 100%;
}

#events h2 {
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
	font-size: 16px;
	padding: 4px;
	color: white;
	text-align: center;
	background-color: navy;
}

#events h3 {
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
	font-size: 12px;
	padding: 3px;
	color: yellow;
	text-align: left;
	background-color: navy;
	width: 100%;
}

#event-header {
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	font-size: 11px;
	padding-top: 3px;
	padding-left: 3px;
	color: white;
	text-align: left;
	background-color: navy;
}

#event-info {
	margin: 0px;
	padding: 4px 10px;
	text-align: left;
	font-size: 10px;
	color: black;
	background-color: lightyellow;
	margin-bottom: 10px;
	border: 1px solid navy;
	width: 544px;
}

#blogs {
    margin: 0px auto;
	width: 600px;
	padding: 0px;
}

#blogs li {
    list-style: none;
    /*margin: 0px auto;*/
	width: 100%;
}

#blogs h2 {
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
	font-size: 16px;
	padding: 4px;
	color: white;
	text-align: center;
	background-color: maroon;
}

#blogs h3 {
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
	font-size: 12px;
	padding: 3px 5px;
	color: yellow;
	text-align: left;
	background-color: maroon;
	width: 100%;
}

#blog-header {
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	font-size: 11px;
	padding-top: 3px;
	padding-left: 3px;
	color: white;
	text-align: left;
	background-color: maroon;
}

#blog-info {
	margin: 0px;
	padding: 4px 10px;
	text-align: left;
	font-size: 10px;
	color: black;
	background-color: linen;
	margin-bottom: 10px;
	border: 1px solid maroon;
	width: 548px;
}

ul.alumtabs {
	clear: both;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	border-bottom: 1px solid #CCC;
	padding-bottom: 3px;
	margin-left: 8px;
	margin-right: 8px;
	padding-top: 16px;
	z-index: 2;
	font-weight: bold;
	font-size: 11px;
}

ul.alumtabs-top {
	text-align: center;
	border-bottom: none;
}

ul.alumtabs li {
	display: inline;
	margin-right: 2px;
}

ul.alumtabs li h1, ul.alumtabs li h2 {
	display: inline;
}

ul.alumtabs li a {
	padding: 3px;
	border: 1px solid #CCC;
   	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	margin: 0px;
	color: #666;
	text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
	background: #E7E7E7;
	display: inline;
}

ul.alumtabs li a.selected {
	background: #FFF;
	border-bottom: 1px solid #FFF;
	color: red;
}

ul.alumtabs li a:hover {
	background: #FFF;
	text-decoration: none;
	color: blue;
}