﻿/* -------------------- */
/* Reset */
/* -------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

body{line-height:1.5}
a img{border:none}

/* Remove possible quote marks (") from <q>, <blockquote>. 
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}*/


/* -------------------- */
/* Grid */
/* -------------------- */
/* A container should group all your columns. */
.container{width:950px; margin:0 auto}

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24{float:left; margin-right:10px}

/* The last column in a row needs this class. */
.last, div.last{margin-right:0}

/* Use these classes to set the width of a column. */
.span-1{width:30px}
.span-2{width:70px}
.span-3{width:110px}
.span-4{width:150px}
.span-5{width:190px}
.span-6{width:230px}
.span-7{width:270px; margin-right:20px !important}
.span-8{width:310px}
.span-9{width:350px}
.span-10{width:390px}
.span-11{width:430px}
.span-12{width:470px}
.span-13{width:510px}
.span-14{width:550px}
.span-15{width:590px}
.span-16{width:630px}
.span-17{width:660px}
.span-18{width:710px}
.span-19{width:750px}
.span-20{width:790px}
.span-21{width:830px}
.span-22{width:870px}
.span-23{width:910px}
.span-24{width:950px; margin:0}

/* Border on right hand side of a column. */
.border{padding-right:4px; margin-right:5px; border-right:1px solid #eee}

/* Use a .box to create a padded box inside a column. */
.box{padding:1.5em; margin-bottom:1.5em; background:#E5ECF9}

/* Use this to create a horizontal ruler across a column. */
hr{background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none}

hr.space{background:#fff; color:#fff}

/* Clearing floats without extra markup [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after{content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden}
.clearfix, .container{display:block}

/* Regular clearing */
.clear{clear:both}

/* -------------------- */
/* Typography */
/* -------------------- */
/* Default font: % of 16px. (0.75 * 16px = 12px) */
body {
	margin-top:15px;
	color:#333333;
	font-family:Georgia, Arial, Verdana, Sans-Serif;
	line-height: 18px;
	font-size:12px;
	text-align:center;
}

h1, h2, h3, h4, h5, h6{font-weight:normal; color:#111}
h1{color:#244a9f; font-size:2.5em; line-height:1; margin-bottom:0.5em}
h2{color:#699bc9; font-size:1.5em; margin-bottom:0.75em}
h3{color:#ffffff;font-size:15px;padding:0;margin:0;	}
h3 a{color:#ffffff;font-size:15px;padding:0;margin:0;text-decoration: none;}
h3 a:hover{color:#ffffff;font-size:15px;padding:0;margin:0;}
h4 {color:#699bc9;font-size:12px;font-weight:bold;margin:0;padding:0;text-transform:uppercase;}
h5{font-size:.5em; font-weight:bold; margin-bottom:1.5em}
h6{font-size:.5em; font-weight:bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0}

p{margin:0 0 1.5em}
p img.left{float:left; margin:1.5em 1.5em 1.5em 0; padding:0}
p img.right{float:right; margin:1.5em 0 1.5em 1.5em}

a {color: #699BC9;}

a:hover {color: #699BC9;text-decoration: none;}

/* blockquote{color:#575757; margin:22px 40px; padding:0 50px; background:transparent url(../../Image/User/blockquote.gif) no-repeat 0 0}
blockquote span{color:#575757; font-size:inherit}*/
strong{font-weight:bold; color:#000}
em, dfn{font-style:italic}

dfn{font-weight:bold}
sup, sub{line-height:0}

abbr, acronym{border-bottom:1px dotted #666}
address{margin:0 0 1.5em; font-style:italic}
del{color:#666}

pre{margin:1.5em 0; white-space:pre}
pre, code, tt{font:1em 'andale mono','lucida console',monospace; line-height:1.5}

li ul, li ol{margin:0 1.5em}
ul, ol{margin:0 1.5em 1.5em 1.5em}

ul{list-style-type:disc}
ol{list-style-type:decimal}

dl{margin:0 0 1.5em 0}
dl dt{font-weight:bold}
dd{margin-left:1.5em}

.small{font-size:.8em; margin-bottom:1.875em; line-height:1.875em}
.large{font-size:1.2em; line-height:2.5em; margin-bottom:1.25em}
.hide{display:none}
.quiet{color:#666}
.loud{color:#000}
.highlight{background:#ff0}
.added{background:#060; color:#fff}
.removed{background:#900; color:#fff}
.first{margin-left:0; padding-left:0}
.last{margin-right:0; padding-right:0}
.top{margin-top:0; padding-top:0}
.bottom{margin-bottom:0; padding-bottom:0}

/* -------------------- */
/* Buttons */
/* -------------------- */
a.redbtn:link, a.redbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/red_button.gif'); border:1px solid #732b29}
a.redbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/red_button_hover.gif')}
a.redbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.greenbtn:link, a.greenbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/green_button.gif'); border:1px solid #4c7329}
a.greenbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/green_button_hover.gif')}
a.greenbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.lgreenbtn:link, a.lgreenbtn:visited{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/green_button.gif'); border:1px solid #4c7329}
a.lgreenbtn:hover{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/green_button_hover.gif')}
a.lgreenbtn:active{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.bluebtn:link, a.bluebtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/blue_button.gif'); border:1px solid #369}
a.bluebtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/blue_button_hover.gif')}
a.bluebtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.yellowbtn:link, a.yellowbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/yellow_button.gif'); border:1px solid #73670a}
a.yellowbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/yellow_button_hover.gif')}
a.yellowbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; white-space:nowrap}

/* -------------------- */
/* Non-Framework */
/* -------------------- */
.content{border-top:solid 1px #d6d6d6; padding-top:30px}

#flash-homepage{height:250px; margin-bottom:20px}
#flash-sidebar{height:139px}

.footer{border-top:solid 1px #d6d6d6; margin-top:20px; padding-top:10px}
.header{background:transparent url(../../Image/User/logo.png) right 0px no-repeat; height:121px}
.header h1{color:#111; font-size:3em; line-height:2.2}
.phone{color:#fff; float:left; padding:11px}
.sponsors{border-top:solid 1px #d6d6d6; margin-top:20px; padding-top:20px; text-align:center}
.sponsors img{vertical-align:middle; margin-right:40px}
.sponsors img.last{margin:0}
a.logolink{display:block; float:right; margin-top:22px; width:163px; height:69px}
a.logolink strong{display:none}

.logo{float:left}


/* ======================================================= */
/* CONTAINER */
/* ======================================================= */
div#container {
	margin:0 auto;
	width:760px;
	text-align:left;
}

/* ======================================================= */
/* HEADER */
/* ======================================================= */
div#header {
	margin:18px 0 0 0;
	width:760px;
}

.pageMessage
{
	color:red;
	border:1px solid red;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	width:100%;
}

/* ======================================================= */
/* LEFT HEADER */
/* ======================================================= */
div#lheader {
	float:left;
	width:312px;
	height:91px;
}

/* ======================================================= */
/* RIGHT HEADER */
/* ======================================================= */
div#rheader {
	float:right;
	width:375px;
	height:91px;
}

div#rheader .top {
	font-size:14px;
	font-family:Times New Roman, Arial, Verdana, Sans-Serif;
	margin:8px 0 0 0;
	float:left;
}

div#rheader .top a.notselected 
{
	font-family: Arial, Sans-Serif;
	color:#333;
	font-size:12px;
	text-decoration:none;
}

div#rheader .top a.notselected:hover 
{
	font-family: Arial, Sans-Serif;
	color:#699bc9;
	font-size:12px;
	text-decoration:underline;
}

div#rheader .top a.selected 
{
	font-family: Arial, Sans-Serif;
	color:#699bc9;
	font-size:12px;
	text-decoration:underline;
}

div#rheader .top a.selected:hover 
{
	font-family: Arial, Sans-Serif;
	color:#699bc9;
	font-size:12px;
	text-decoration:underline;
}

div#rheader .search {
	background:url(../../Image/bkg_search_bar.gif) no-repeat;
	float:right;
	width:198px;
	height:27px;
	padding:8px 0 0 9px;
}

div#rheader .icons {
	margin:19px 0 18px 0;
	text-align:right;
	float:right;
}

div#rheader .icons a.notselected 
{
	font-family: Arial, Sans-Serif;
	color:#333;
	font-size:12px;
	text-decoration:none;
}

div#rheader .icons a.notselected:hover 
{
	font-family: Arial, Sans-Serif;
	color:#699bc9;
	font-size:12px;
	text-decoration:underline;
}

div#rheader .icons a.selected 
{
	font-family: Arial, Sans-Serif;
	color:#699bc9;
	font-size:12px;
	text-decoration:underline;
}

div#rheader .icons a.selected:hover 
{
	font-family: Arial, Sans-Serif;
	color:#699bc9;
	font-size:12px;
	text-decoration:underline;
}

/* ======================================================= */
/* FLASH */
/* ======================================================= */
.flash_text {
	background:url(../../Image/bkg_box_header_two.jpg) repeat-x;
	height:50px;
	margin:4px 0 0 0;
	padding:9px 0 0 11px;
	width:569px;
}

.flash_text h1 {
	color:#999999;
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:0;
}

.flash_text h2 {
	color:#999999;
	font-size:12px;
	margin:0;
	padding:0;
}

/* ======================================================= */
/* BOXES */
/* ======================================================= */
.box1 {
	display:block;
	float:left;
	margin:4px 5px 0 0;
	width:250px;
}

.box2 {
	display:block;
	float:left;
	margin:4px 5px 0 0;
	width:250px;
}

.box3 {
	display:block;
	float:left;
	margin:4px 0 0 0;
	width:250px;
}

a.box_link {
	color:#699bc9;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-transform:uppercase;
}

a.box_link:hover {
	color:#699bc9;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;	
	text-transform:uppercase;
}

.box_header {
	background:url(../../Image/bkg_box_header.gif) repeat-x;
	height:27px;
	padding:7px 0 0 11px;
	width:239px;
}

.box_padding {
	padding:11px 11px 11px 11px;
}

/* ======================================================= */
/* LEFT */
/* ======================================================= */
div#left {
	float:left;
	margin:0 4px 0 0;
	width:580px;
}

div#left_admin {
	margin:0 4px 0 0;
	width:760px;
}

div#left_admin h1 {
	color:#699BC9;
	font-size:17px;
	font-family:Times New Roman, Arial, Verdana, Sans-Serif;
	margin:0;
	padding:0;
}

div#right_secondary {
	float:right;
	margin:0 4px 0 0;
	width:560px;
}



div#hdr_related {
	background-image:url(../../Image/hdr_relateditems.gif);
	background-repeat:no-repeat;
	padding-top:4px;
	padding-left:5px;
	height:20px;
	width:555px;
	color:#fff
}

div#related {
	background-color:#f5f5f5;
	padding:4px 5px 4px 5px;
	width:548px;
	border-left:solid 1px #eaeaea;
	border-right:solid 1px #eaeaea;
	border-bottom:solid 1px #eaeaea;
}

.hdr_related {
	background-image:url(../../Image/hdr_relateditems.gif);
	background-repeat:no-repeat;
	padding-top:4px;
	padding-left:5px;
	height:20px;
	width:555px;
	color:#fff
}

.hdr_sponsor_related {
	
	padding-top:4px;
	padding-left:5px;
	height:20px;
	width:555px;
	color:#fff
}

.related {
	background-color:#f5f5f5;
	padding-top:4px;
	padding-left:5px;
	width:553px;
	border-left:solid 1px #eaeaea;
	border-right:solid 1px #eaeaea;
	border-bottom:solid 1px #eaeaea;
}

.hdr_related_event {
	background-image:url(../../Image/hdr_relateditems.gif);
	background-repeat:no-repeat;
	padding-top:4px;
	padding-left:5px;
	height:20px;
	color:#fff
}

.related_event {
	background-color:#f5f5f5;
	padding-top:4px;
	padding-left:5px;
	border-left:solid 1px #eaeaea;
	border-right:solid 1px #eaeaea;
	border-bottom:solid 1px #eaeaea;
}

div#right_secondary h1 {
	color:#699BC9;
	font-size:22px;
	font-family:Times New Roman, Arial, Verdana, Sans-Serif;
	margin:0;
	padding:0;
}

div#right_secondary hr {
	color:#5581aa;
	background-color:#5581aa;
	height:1px;
	border:0;
	border-bottom:solid 1px #87afd4;
	width:100%;	
}





/* ======================================================= */
/* RIGHT */
/* ======================================================= */
div#right {
	background:url(../../Image/bkg_right.gif) repeat-y;
	color:#ffffff;
	float:left;
	height:295px;
	width:146px;
	padding:10px 15px 10px 15px;
}

div#right a {
	color:#fff;
	text-decoration:none;
}

div#right a:hover {
	color:#fff;
	text-decoration:underline;
}

div#right hr {
	color:#5581aa;
	background-color:#5581aa;
	height:2px;
	border:0;
	border-bottom:solid 1px #87afd4;
	width:100%;	
}

div#right h1 {
	font-size:21px;
	color:#ffffff;
	font-family:Times New Roman, Arial, Verdana, Sans-Serif;
	margin:0;
	padding:0;
}

/* ======================================================= */
/* RIGHT */
/* ======================================================= */
div#left_secondary {
	color:#ffffff;
	float:left;
	width:146px;
	padding:10px 15px 10px 15px;
	font-family: Arial;
}

div#left_secondary a.unselected {
	color:#dedfe0;
	text-decoration:none;
}

div#left_secondary a.unselected:hover {
	color:#ffffff;
	text-decoration:underline;
	
}

div#left_secondary a.selected {
	color:#ffffff;
	text-decoration:underline;

}

div#left_secondary a.selected:hover {
	color:#ffffff;
	text-decoration:underline;
}

div#left_secondary hr {
	color:#5581aa;
	background-color:#5581aa;
	height:2px;
	border:0;
	border-bottom:solid 1px #87afd4;
	width:100%;	
}

div#left_secondary h1 {
	font-size:21px;
	color:#ffffff;
	font-family:Times New Roman, Arial, Verdana, Sans-Serif;
}

/* ======================================================= */
/* FOOTER */
/* ======================================================= */
div#footer {
	width:760px;
	text-align:left;
}

div#footer hr {
	color:#dedfe0;
	background-color:#dedfe0;
	height:1px;
	border:0;
	width:100%;
	margin-top:2px;
}

.yellow {
	width:760px;
	height:8px;
	background-color:#ffc351;
}

.blue {
	background-image:url(../../Image/bkg_navigation.gif);
	background-repeat:repeat-x;
	height:30px;
	width:760px;
	margin-bottom:4px;
}

.admin_container 
{
	background-color: #ececec;
	border-left: solid 1px #BBBBBB;
	border-right: solid 1px #BBBBBB;
	border-bottom: solid 1px #BBBBBB;
	padding: 0 20px 20px 20px;
}

.admin_container_notab
{
	background-color: #ececec;
	padding: 20px 20px 20px 20px;
	border: solid 1px #c8c8c8;
	background-image: url(../../Image/bkg_admin_container.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.contentImage {
	margin-right:10px;
}

#secondary 
{
	background:url(../../Image/bkg_right.gif) repeat-y;
	width:760px;
}