﻿
*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: Calibri, Arial, Sans-Serif;
	color: #3c2900;
	background: #f8c26e url('overallBg.png') repeat-x top left;
}

a { color: red; }

a:hover { color: #d89300; }

img { border: 0; }

img.center
{
	vertical-align: middle;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

p.center { text-align: center; }

#overAllWrapper
{
	min-width: 1000px;
	max-width: 1200px;
	margin: 0 auto;
}

#leftShadow { background: url('mainShadowL.png') repeat-y top left; }

#rightShadow { background: url('mainShadowR.png') repeat-y top right; }

#mainDiv
{
	/* Add margin to allow for the shadows */
  margin: 0 9px;
	background: white;
	height: 100%;
}

#headerContainer
{
	background: url('headBg.png') repeat-x top left;
	height: 153px;
	position: relative;
}

#headLeft
{
	height: 153px;
	position: absolute;
	left: 0;
	top: 0;
}

#headRight
{
	height: 153px;
	position: absolute;
	right: 0;
	top: 0;
}

#mainNavWrap { background: url('mainNavBg.png') repeat-x top left; }

#mainNavigation
{
	display: table;
	margin: 0 auto;
}

#mainNavigation li { display: table-cell; }

#mainNavigation a { display: block; }

#mainNavigation a:hover img { visibility: hidden; }

.home a { background: url( 'navHomeHover.png' ) no-repeat; }

.aboutUs a { background: url( 'navAboutUsHover.png' ) no-repeat; }

.brothers a { background: url( 'navBrothersHover.png' ) no-repeat; }

.graduates a { background: url( 'navGraduatesHover.png' ) no-repeat; }

.gallery a { background: url( 'navGalleryHover.png' ) no-repeat; }

.rush a { background: url( 'navRushHover.png' ) no-repeat; }

.contactUs a { background: url( 'navContactUsHover.png' ) no-repeat; }

#subNavigation
{
	text-align: right;
	height: 32px;
	line-height: 32px;
	font-size: 0.9em;
	margin-top: -20px;
	margin-bottom: 5px;
}

#subNavigation ul { list-style: none; }

#subNavigation ul li
{
	display: inline;
	margin: 0 0.5em;
}

#footer
{
	position: relative;
	font-size: 0.8em;
	border-top: 2px solid #dea303;
	border-bottom: 2px solid #dea303;
	padding: 0.5em;
	text-align: center;
}

.containerBg
{
	background: url('contentBg.png') repeat-x top left;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-top: -4px;
}

.container { position: relative; }

.tl, .t, .tr, .l, .c, .r, .bl, .b, .br { position: absolute; }

.yellowBox .t, .yellowBox .c, .yellowBox .b
{
	left: 17px;
	right: 17px;
}

.bgMiddle .t, .bgMiddle .c, .bgMiddle .b
{
	left: 7px;
	right: 7px;
}

.yellowBox .tl, .yellowBox .t, .yellowBox .tr
{
	height: 38px;
	top: 0;
}

.bgSingle .tl, .bgSingle .t, .bgSingle .tr
{
	height: 38px;
	top: 0;
}

.yellowBox .tl, .yellowBox .l, .yellowBox .bl { width: 7px; }

.yellowBox .tr, .yellowBox .r, .yellowBox .br { width: 7px; }

.yellowBox .bl, .yellowBox .b, .yellowBox .br
{
	bottom: 0;
	height: 7px;
}

.yellowBox .tl, .yellowBox .l, .yellowBox .bl { left: 10px; }

.yellowBox .tr, .yellowBox .r, .yellowBox .br { right: 10px; }

.bgMiddle .tl, .bgMiddle .l, .bgMiddle .bl { left: 0; }

.bgMiddle .tr, .bgMiddle .r, .bgMiddle .br { right: 0; }

.yellowBox .l, .yellowBox .c, .yellowBox .r
{
	bottom: 7px;
	top: 38px;
}

.yellowBox .tl { background: url('yellowBox.png') no-repeat top left; }

.yellowBox .t { background: url('yellowBoxTB.png') repeat-x top; }

.yellowBox .tr { background: url('yellowBox.png') no-repeat top right; }

.yellowBox .l { background: url('yellowBoxLR.png') repeat-y left; }

.yellowBox .c { background: url('yellowBoxC.png'); }

.yellowBox .r { background: url('yellowBoxLR.png') repeat-y right; }

.yellowBox .bl { background: url('yellowBox.png') no-repeat bottom left; }

.yellowBox .b { background: url('yellowBoxTB.png') repeat-x bottom; }

.yellowBox .br { background: url( yellowBox.png ) no-repeat bottom right; }

.yellowBox .paddingWrapper
{
	/* Add correct padding here: */
  padding-left: 17px;
	padding-right: 17px;
	padding-top: 0;
	padding-bottom: 7px;
	position: relative;
	z-index: 1;
}

.middle .paddingWrapper
{
	padding-left: 7px;
	padding-right: 7px;
}

.paddingWrapper h2
{
	line-height: 38px;
	font-size: 1.2em;
	margin-bottom: 10px;
}

.paddingWrapper h3
{
	margin-top: 12px;
	font-size: 1.1em;
	color: #D27D00;
	border-bottom: 1px dotted #9D46C1;
	padding-bottom: 4px;
	margin-bottom: 10px
}

.paddingWrapper h4
{
	margin-top: 12px;
	font-size: 1em;
	color: #D27D00;
	border-bottom: 1px dotted #9D46C1;
	padding-bottom: 4px;
	margin-bottom: 10px
}

.paddingWrapper p { margin-bottom: 8px; }

.paddingWrapper ul
{
	padding-left: 25px;
	margin-bottom: 8px;
	color: #9D46C1;
}

.paddingWrapper ul li { margin: 5px 0; }

.paddingWrapper ul li span { color: #724B00; }

.yellowBox .left { min-height: 45px; }

.yellowBox .middle { min-height: 45px; }

.yellowBox .right { min-height: 45px; }

.bgLeft, .bgMiddle, .bgRight
{
	position: absolute;
	top: 0;
	bottom: 0;
}

.bgLeft, .left
{
	left: 0;
	width: 300px;
}

.left { float: left; }

.bgMiddle, .middle
{
	left: 300px;
	right: 300px;
}

.middle
{
	margin-left: 300px;
	margin-right: 300px;
}

.bgRight, .right
{
	right: 0;
	width: 300px;
}

.right { float: right; }

.floatLeft
{
	float: left;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 4px;
	margin-top: 0px;
}

.floatCenter { text-align: center; }

.underline { text-decoration: underline; }

.bold { font-weight: bold; }

.italic { font-style: italic; }

.bordergold { border-color: #D89300; }

.calplain { width: 14%; }

.calcolored
{
	width: 14%;
	background-color: #F8C26E;
}

.calplainb
{
	width: 14%;
	font-weight: bold;
}

.calcoloredb
{
	width: 14%;
	background-color: #F8C26E;
	font-weight: bold;
}

.calheader
{
	background-color: #FCDFB4;
	font-weight: bold;
}

