body {
	margin: 0 auto 0 auto;
	background: #001d66;
	color: #555555;
	font-family: "Arial", sans-serif;
	font-size: 12px;
}

div#container {
	margin: 0 auto 0 auto;
	width: 980px;
}

/* LOGO */

div#logo a {
	float: left;
	display: block;
	width: 300px;
	height: 150px;
	background: #001d66 url('logo.jpg') no-repeat;
	text-decoration: none;
}

div#logo a span { visibility: hidden; }

/* NAVIGATION */

ul#navigation {
	float: right;
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
}

ul#navigation li { float: left; }

ul#navigation li a {
	display: block;
	height: 145px;
	padding: 0px 20px 0 20px;
	color: #ffffff;
	background: #001d66;
	border-top: 5px solid #001d66;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
}

ul#navigation li a:hover, ul#navigation li a.active {
	color: #001d66;
	background: #ffffff;
	border-top: 5px solid #ee0000;
}

ul#navigation li a span {
	display: block;
	margin: 60px 0 0 0;
}

ul#navigation li a span.multiline {
	display: block;
	margin: 54px 0 0 0;
}

/* CONTENT: TOP */

div#contentContainer {
	clear: both;
	background: #ffffff;
}

div#top {
	height: 10px;
	background: #ffffff url('contbg_left.jpg') no-repeat top left;
	border-bottom: 10px solid #990000;
}

div#top span {
	margin: 0;
	display: block;
	height: 10px;
	background: url('contbg_right.jpg') no-repeat top right;
}

/* CONTENT: BREADCRUMB */

div#breadcrumb {
	padding: 10px 30px 10px 30px;
	border-bottom: 1px solid #cccccc;
	color: #999999;
	font-size: 11px;
}

div#breadcrumb a { color: #999999; }
div#breadcrumb a:hover { text-decoration: none; }

/* CONTENT: BANNER */

div#banner a {
	display: block;
	width: 980px;
	height: 175px;
	background: #ffffff url('banner.jpg') no-repeat right;
	margin: 10px 0 0 0;
	border-top: 1px dotted #e0e0e0;
	border-bottom: 1px dotted #e0e0e0;
}

/* CONTENT: INTRO */

div#intro {
	margin: 30px;
	line-height: 20px;
}

div#intro span {
	color: #001d66;
	font-size: 14px;
	font-weight: bold;
}

/* CONTENT: SIDEBAR */

div#sidebar {
	float: left;
	width: 169px;
	padding: 30px;
}

div#sidebar h4 {
	padding: 0;
	margin: 15px 0 15px 0;
	color: #999999;
	font-family: "Trajan Pro", "Minion Pro", "Arno Pro", "Palatino Linotype", "Georgia", serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

div#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#sidebar li a {
	display: block;
	width: 100%;
	margin: 0 0 0 20px;
	padding: 5px 10px 5px 26px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

div#sidebar li a:hover {
	text-decoration: underline;
}

div#sidebar li.fb { background: url('fb_icon.jpg') no-repeat 20px; }
div#sidebar li.tw { background: url('tw_icon.jpg') no-repeat 20px; }

/* CONTENT */

div#content {
	float: right;
	width: 690px;
	margin: 30px 0 30px 0;
	padding: 0 30px 0 30px;
	line-height: 20px;
	border-left: 1px solid #cccccc;
}

div#content h1 {
	padding: 0;
	margin: 15px 0 15px 0;
	color: #0099cc;
	font-family: "Trajan Pro", "Charlemagne Std", "Minion Pro", "Palatino Linotype", "Georgia", serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}

div#content h2 {
	margin: 30px 0 10px 0;
	padding: 0;
	color: #dd0000;
	font-family: "Trajan Pro", "Charlemagne Std", "Minion Pro", "Palatino Linotype", "Georgia", serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

div#content a { color: #ff9900; }
div#content a:hover { text-decoration: none; }

div#content img {
	padding: 10px;
	border: 1px dotted #cccccc;
}

div#content p { margin: 30px 0 10px 0; }

div#content p.caption {
	padding: 10px;
	border: 1px dotted #cccccc;
}

div#content p.caption img {
	padding: 0 0 3px 0;
	border: none;
}

div#content ul { list-style-type: square; }

div#content hr {
	margin: 30px 0 10px 0;
	border-top: 1px dotted #cccccc;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

/* CONTENT: COLUMN */

div.column {
	width: 239px;
	margin: 0 0 30px 0;
	padding: 0 30px 0 30px;
	float: left;
	line-height: 19px;
}

div.column h2 {
	margin: 0;
	padding: 5px 0 15px 0;
	border-bottom: 1px dotted #cccccc;
	color: #00bdec;
	font-family: "Trajan Pro", "Minion Pro", "Arno Pro", "Palatino Linotype", "Georgia", serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}

div.column h5 {
	margin: 0;
	padding: 20px 0 20px 30px;
	color: #999999;
	font-size: 12px;
	font-weight: normal;
}

div.column h5 a {
	color: #00bdec;
	text-decoration: none;
}

div.column h5 a:hover { text-decoration: underline; }

div.column ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.column li {
	display: block;
	padding: 10px 0 10px 0;
	border-bottom: 1px dotted #cccccc;
}

div.column li a {
	color: #ff9900;
	text-decoration: underline;
}

div.column li a:hover { text-decoration: none; }
div.column li:hover { background: #f5f5f5; }

div.column p { margin: 10px 0 10px 0; }
div.column strong, div.column strong a { color: #444444; }

div.column#welcome li { border-bottom: none; }
div.column#welcome li:hover { background: none; }

div.column#campaigns {
	width: 320px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

div.column#events li {
	border-bottom: none;
	/* padding-bottom: 261px; */
}
div.column#events li:hover { background: none; }

/* CONTENT: FORM */

fieldset {
	margin: 30px 50px 15px 50px;
	padding: 30px;
	border: 1px dotted #cccccc;
}

label {
	float: left;
	width: 150px;
}

span.reqField {
	color: red;
}

input, select, textarea {
	margin-bottom: 20px;
	color: #222222;
	font-family: "Arial", sans-serif;
	font-size: 12px;
}

option.subopt { text-indent: 10px; }

button.submit {
	margin: 5px 0 0 150px;
	width: 90px;
}

button.reset {
	margin: 5px 0 0 10px;
	width: 90px;
}

/* FOOTER */

div#footer {
	clear: both;
	height: 25px;
	background: #ffffff url('footer_bg.jpg') repeat-x bottom;
	padding: 0 30px 0 30px;
	border-bottom: 10px solid #ffffff;
	margin: 0 0 20px 0;
}

div#footer span {
	display: block;
	padding: 5px 0 0 0;
}
