@charset "UTF-8";
/*********** PALETTE **********/
/* red:        #c00 */
/* blue:       #036 */
/* gray-blue:  #369 */
/* blue-green: #069 */
/* gold:       #fc3 */

/*********** LAYOUT STYLES **********/
body  {
	font: 14px Arial, Helvetica, sans-serif;
	background: #036;
	margin: 0;
	padding: 0;
	color: #222;
	-moz-border-image: 0;
}
#container {
	width: 100%;
	background: #fff url(../images/faux_column.gif) repeat-y;
	margin: 0 auto 0 0;
} 
#header {
	background: #6598cb url(../images/header.jpg) no-repeat;
	height: 150px;
} 
#dividerBar {
	background: url(../images/bkg_divider.jpg) repeat-x;
	height: 20px;
	padding-top: 3px;
} 
#navbar {
	float: left;
	width: 200px; /* width must be specified */
	background: #036;
	color: #FFF;
}
#adbar {
	float: right;
	width: 180px; /* width must be specified */
	background: #FFF;
	padding: 10px 0;
	color: #000;
	text-align: center;
}
#mainContent {
	margin: 0 200px 0 215px;
	background: #fff;
	padding-top: 10px;
} 
#sidebar {
	float: right;
	background-color: #FFC;
	width: 210px;
	padding: 5px 5px 10px 5px;
	margin: 20px 0 20px 20px;
	border-left: thin dashed #333;
}
#sidebarPics {
	float: right;
	width: 250px;
	margin: 0 0 0 20px;
}
#footer {
	padding: 5px 0px 10px 215px; /* matches the left alignment of the elements in the divs that appear above */
	background:#fff url(../images/faux_column.gif) repeat-y;
	color: #000;
} 
#morePhotos {
	float: right;
	width: 40%;
	text-align: right;
	margin-right: 30px;
}
#cancellationAlert { /* programmatically displayed only when a game cancellation is active */
	padding-bottom: 15px;
}
#box {
	border-top: 1px solid #036;
	border-left: 1px solid #036;
	border-bottom: 4px solid #036;
	border-right: 4px solid #036;
	width: 250px;
	float: right;
	padding: 10px 10px 0px;
	margin: 0px 0px 0px 15px;
	background: #ABD9F9;
}


/*********** PRESENTATION STYLES **********/
#header h1 {
	margin: 0; /* prevent margin collapse */
}
#dividerBar p {
	margin: 0px;
	padding: 0 20px 0 0;
	letter-spacing: 0.1em;
	font-size: .9em;
	font-weight: bold;
	color: #FFF;
	text-align: right;
}
#navbar p {
	text-align: right;
	padding-right: 4px;
	font-size: 0.95em;
	font-weight: bold;
}
#navbar p img {
	border-width: 0px;
	padding-right: 4px;
	vertical-align: middle;
}
#adbar p {
	margin: 0; /* prevent margin collapse */
	padding-bottom: 10px;
}
#mainContent h1, #galleryContent h1 {
	margin: 0; /* prevent margin collapse */
	font: italic bold 1.6em Georgia, "Times New Roman", Times, serif;
	color: #c00;
}
#mainContent h2, #galleryContent h2 {
	font: italic bold 2em Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	color: #036;
}
#mainContent h3 {
	font: italic bold 2em Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	color: #036;
}
#mainContent h4, #galleryContent h4 {
	font: italic bold 2em Georgia, "Times New Roman", Times, serif;
	font-size: .95em;
}
#mainContent h5, #galleryContent h5 { /* similar to h4, blue text */
	font: italic bold 0.95em Georgia, "Times New Roman", Times, serif;
	color: #173366;
}
#mainContent p, li, #galleryContent p {
	font-size: 0.95em;
	line-height: 1.4em;
}
#mainContent #sidebar h3 {
	margin: 0px;
}
#mainContent #sidebar img {
	float: left;
	padding-right: 10px;
	border-width: 0px;
}
#mainContent #PhotoMenu {
	text-align: center;
	font-size: 0.8em;
}
#mainContent #box p {
	font-size: 0.9em;
}
#mainContent #box h1 {
	font: italic bold 1.1em Georgia, "Times New Roman", Times, serif;
	color: #173366;
	text-align: center;
}
#footer p {
	margin: 0; /* prevent margin collapse */
	padding: 0;
	font-size: 0.75em;
}

/***** STANDARD FLOAT ELEMENTS *****/
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltrtWideMargin { 
	float: right;
	margin-left: 18px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.fltlftWideMargin { 
	float: left;
	margin-right: 18px;
}
.fltlftPad {
	float: left;
	padding-top: 30px;
	padding-left: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*********** MISC CLASSES  **********/
.question {
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.answer {
	margin-top: 0px;
	padding-top: 0px;
}
.quote {
	font-style: italic;
	padding-left: 20px;
	font-weight: bold;
	color: #036;
	margin: 0px;
	padding-bottom: 0px;
}
.testimonial {
	font-style: italic;
	padding-left: 20px;
	color: #036;
	margin: 0px;
	padding-bottom: 15px;
}
.attribution {
	font-style: italic;
	padding-left: 25px;
	padding-top: 0px;
	margin: 0px;
	color: #036;
}
p.alertButton {
	margin: 15px 0;
}
p.alertButton a {
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	text-decoration: none;
	padding: 5px 25px;
	background-color: #c00;
	color: #fff;
}
p.alertButton a:hover, p.linkButton a:focus
{
	color: #FC0;
}
p.linkButton {
	margin: 15px 0;
}
p.linkButton a {
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	text-decoration: none;
	padding: 5px 25px;
	background-color: #173366;
	color: #FFF;
}
p.linkButton a:hover, p.linkButton a:focus
{
	color: #FC0;
	background: #069 url(../images/arrow.gif) no-repeat left;
}
.eventHead {
	font-weight: bold;
	color: #036;
}
.noTopMargin {
	margin-top: 0px;
	padding-top: 0px;
}
#adbar p {
	font-size: 0.8em;
}
.highlighter {
	background: #FFC;
	padding: 5px 0;
	margin-bottom: 10px;
}
.article650 {
	width:650px;
}
#mainContent .article ul {
	padding-left: 30px;
}
.rule { /* to be applied to a <p> tag for a horizontal rule */
	margin: 0px;
	padding: 0px;
	border-top: 2px solid #173366;
}

/*********** This group of selectors used on the home page to fix conflicts with style_TinySlider.css  **********/
#container #mainContent .article ul {
	margin-left: 20px;
}
#container #mainContent .highlighter ul {
	margin-left: 20px;
}
#container #mainContent .article p, h1, h2, h3, ul {
	padding-bottom: 0.4em;
}
#container #mainContent .highlighter p, h1, h2, h3, ul {
	padding-bottom: 0.4em;
}
#container #mainContent .articleTS p, h1, h2, h3, ul {
	padding-bottom: 0.4em;
}
#container #mainContent .article h1 {
	padding-bottom: 0.4em;
}

/*********** MOUSEOVER STYLES **********/

a:link {
	color: #c00;
	text-decoration: none;
}
a:visited {
	color: #c00;
	text-decoration: none;
}
a:hover {
	color: #036;
	text-decoration: underline;
}
a:active {
	color: #c00;
	text-decoration: underline;
}
#dividerBar p a:link {
	color: #fff;
	text-decoration: none;
}
#dividerBar p a:visited {
	color: #fff;
	text-decoration: none;
}
#dividerBar p a:hover {
	color: #fc3;
	text-decoration: none;
	background: url(../images/arrow20px.png) no-repeat left;
}
#dividerBar p a:active {
	color: #fc3;
	text-decoration: none;
}
#navbar p a:link {
	color: #fff;
	text-decoration: none;
}
#navbar p a:visited {
	color: #fff;
	text-decoration: none;
}
#navbar p a:hover {
	color: #fc3;
	text-decoration: none;
}
#navbar p a:active {
	color: #fc3;
	text-decoration: none;
}