@charset "utf-8";
/* CSS Document */

/* ======================================================================================================= */
/* =============== COMMON =============== */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	background-color:#DAEDF6;
	background-image:url(images/goldBkgd.jpg);
/*	background-image:url(images/gradients/gradient-yellow-orange-V654.png);*/
	background-repeat:repeat-x;
	padding:0px;
	margin:0px;
	color:#000000;
}
A:link {
	font-family:Verdana, Geneva, sans-serif;
	color:#996633;
	text-decoration: none;
}
A:visited {
	font-family:Verdana, Geneva, sans-serif;
	color:#996633;
	text-decoration: none;
}
A:active {
	font-family:Verdana, Geneva, sans-serif;
	color:#996633;
	text-decoration: none;
}
A:hover {
	font-family:Verdana, Geneva, sans-serif;
	color:#993300;
	text-decoration:underline;
}


/*It's wasteful, confusing, and inefficient to make specific styles for each instance of an element in a website because it needs to be just a little bit different from the one right next to it. Those kinds of problems can be solved by 1)Proper planning ahead of time, and 2)Using modular CSS styles*/

/* ======================================================================================================= */
/* =============== LOCATION & POSITIONING =============== */
/* FIVE PIXELS */
.moveRight5 {
	margin-left:5px;
}
.moveLeft5 {
	margin-right:5px;
}
.moveDown5 {
	margin-top:5px;
}
.moveUp5 {
	margin-bottom:5px;
}
.moveRight10 {
	margin-left:10px;
}
.moveLeft10 {
	margin-right:10px;
}
.moveDown10 {
	margin-top:10px;
}
.moveUp10 {
	margin-bottom:10px;
}
.padding5 {
	padding:5px;
}
.padding7 {
	padding:7px;
}
.padding10 {
	padding:10px;
}
.paddingSide5 {
	padding:0px 5px 0px 5px;
}
.paddingSide10 {
	padding:0px 10px 0px 10px;
}
.pushdown5 {
	padding-bottom:5px;
}
.pushdown10 {
	padding-bottom:10px;
}
.alignLeft {
	text-align:left;
}
.alignRight {
	text-align:right;
}
.absolute {
	position:absolute;
}
.fixed {
	position:fixed;
}
.relative {
	position:relative;
}
.static {
	position:static;
}



/* ======================================================================================================= */
/* =============== FONT SIZING AND STYLING =============== */

/* ==== FONT SIZING ==== */
.tinyFont {
	font-size:9px;
}
.smallFont {
	font-size:10px;
}
.normalFont {
	font-size:12px;
}
h3,
.bigFont {
	font-size:14px;
}
h2,
.biggerFont {
	font-size:16px;
}
h1, 
.hugeFont {
	font-size:20px;
}
h1, h2, h3, h4, h5, h6 {
	padding:0px;
	margin:0px;
	color:#993300;
	font-family:Tahoma, Geneva, sans-serif;
}
h2 {
	text-align:right;
}
/* ==== FONT STYLING ==== */
.strong, .author{
	font-weight:bold;
}
.italic, .quote {
	font-style:italic;
}


/* ==== FONT COLORING ==== */
.black {color:#000;}
.gray {color:#999;}
.grayDark {color:#333;}
.grayLight {color:#CCC;}
.white {color:#FFF;}
.red {color:#F00;}
.redBlood {color:#900;}
.orange {color:#F60;}
.cirtus {color:#F90;}
.blueStorm {color:#369;}
.blueNavy {color:#009;}


/* ======================================================================================================= */
/* =============== FLOATING =============== */
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.clearFloat {
	clear:both;
}
.clearLeftFloat {
	clear:left;
}
.clearRightFloat {
	clear:right;
}


/* DIVIDER */
/* .divider goes on any element needing a divider, the .dividerDirection depends on where you want the divider to appear */
.divider {
	border:solid #CCC;
}
.dividerRight {
	border-right:1px;
	padding-right:5px;
}
.dividerLeft {
	border-left:1px;
	padding-left:5px;
}
.dividerBottom {
	border-bottom:1px;
	padding-bottom:5px;
}
.dividerTop {
	border-top:1px;
	padding-top:5px;
}


/* ======================================================================================================= */
/* =============== ELEMENTS =============== */
#header, #mainContentArea, #subContentArea, #footer, #banner1 {
	width:750px;
	margin:auto;
}
#banner1 {
	background-color:#FFFFCC;
	height:100px;
	padding:0px;
	margin:0px;
}
#nav1, #nav2 {
	padding:0px;
	margin:0px;
	text-align:center;
}
#nav1 {
	background-image:url(images/gradients/gradient-yellow-orange-V30.png);
	background-repeat:repeat-x;
	height:30px;
}
#nav2 {
	background-image:url(images/gradients/gradient-orange-dark-V30.png);
	background-repeat:repeat-x;
	height:30px;
}
ul.nav {
	padding:5px 0px 0px 0px;
	margin:0px;
}
p {
	margin:0px;
}
img {
	border:0px;
}

/* ===== QUICK LINK BOX ===== */
.quickLinkBox {
	background-color:#FFE1B9;
	border:1px dashed #FF6600;
	margin:10px;
}
.quickLinkBox ul {
	list-style:none;
	list-style-type:none;
}
.quickLinkBox li {
	padding:1px 1px 1px 5px;
	margin:2px;
	border-left:1px dotted #FF6600;
}
a.listLevel2:link, a.listLevel2:visited, a.listLevel2:active {color:#990000;}
a.listLevel2:hover {color:#FF6600;}
/* ===== END QUICK LINK BOX ===== */

#nav1 li, #nav2 li {
	display:inline;
	list-style-type:none;
	margin:0px;
	padding:0px 15px 0px 0px;
}
#banner2, #mainContentArea, #footer {
	background-color:#F7F0DE;
}
#banner2 {
}
#mainContentArea {
	min-height:650px;
	height:100%;
	position:relative;
}
#column1 {
	width:210px;
}
#column2 {
/*	background-color:#ccffff;*/
	width:540px;
}
#events {
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 5px;
	height:100%;
}
#eventsWing {
	background-color:#e5ca8a;
	border:1px solid #984e1b;
	min-height:500px;
	width:210px;
	left:510px;
	position:relative;
}
#eventsWingIE {
	background-color:#e5ca8a;
	border:1px solid #984e1b;
	min-height:500px;
	width:210px;
	position:static;
}
.event {
	min-height:35px;
	margin:0px 5px 1px 5px;
	padding:5px 0px 5px 0px;
	border-bottom:1px dotted #984e1b;
	color:#503500;
}
.event a:link, .event a:visited, .event a:active, .event a:hover {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	}
.lastEvent {
	border:0px;
}
.eventName {
	font-size:13.5px;
}
.eventDate {
	font-size:11px;
	font-weight:bold;
}
.columnBlock {
	width:485px;
	padding:10px;
}
#column2IE .columnBlock {
/*	width:485px;*/
	padding:0px;
}
.gridBlock {
	padding:0px;
	width:145px;
	min-height:120px;
}
.gridBlockFirst {
	margin:10px 25px 10px 0px;
}
.gridBlockMiddle {
	margin:10px 25px 10px 0px;
}
.gridBlockLast {
	margin:10px 0px 10px 0px;
}
.gridBlock img {
	margin-bottom:3px;
}
#column2IE .columnBlock {
/*	width:485px;*/
	padding:10px;
}
.gridBlock a:link, .gridBlock a:visited, .gridBlock a:active, .gridBlock a:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	}
#footer {
	background-image:url(images/gradients/gradient-orange-trans-V60.png);
	background-repeat:repeat-x;
	height:60px;
	margin-bottom:20px;
}
p.featuredExp {
	font-size:10px;
	padding:0px;
	margin:0px;
	line-height:12px;
}
.featuredExp a {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}