﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, b, i, u, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	color: #fff;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 13px;
	text-align: justify;
	font-family: Tahoma, Arial, Verdana, Trebuchet MS, Sans-Serif;
}

:focus
{
	outline: 0;
}

html
{
	height: 100%;
	padding-bottom: 1px;
}

body
{
	background: #111;
	margin: 20px auto;
}

ul, ol
{
	margin: 0 0 10px 35px;
}

ul ul, ol ol
{
	margin: 5px 0 5px 15px;
}

small
{
	font-size: 80%;
}

label
{
	padding: 0 10px 0 5px;
}

input, select, textarea
{
	color: #000;
}

input[type=text], input[type=password], select
{
	padding: 2px;
}

input[type=submit]
{
	text-align: center;
	padding: 1px 2px;
	width: 74px;
}

h1
{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background-color: #682c27;
	margin-bottom: 3px;
	padding: 0 0 2px 10px;
}

h2
{
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #FEFF6C;
	background: url(img/yc.png) 1px 1px;
	margin-bottom: -1px;
	padding: 5px 10px;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

h3
{
	font-size: 17px;
	font-weight: bold;
	color: #4278C7;
}

h4
{
	font-size: 12px;
	font-weight: bold;
	color: #4278C7;
}

a img
{
	border: 0;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.clear
{
	clear: both;
	font-size: 1px;
}

.box
{
	margin-bottom: 8px;
}

.boxp /* this is to fix a bug in IE */
{
	padding-bottom: 8px;
}

.content a:link
{color: #8888ff;}

.content a:visited
{color: #ff8888;}

.content .border
{
	border: 1px solid #aaa;
	padding: 5px;
	background: #333;
}

.content .margin
{
	padding: 5px;
}

.content .bordermargin
{
	border: 1px solid #aaa;
	padding: 10px;
	background: #333;
 }

#leftColumn
{
	width: 250px;
}

#rightColumn
{
	width: 670px;
}
 /* this is to fix a bug on ie6 */
 .colleft .content .box
 {
 	overflow: hidden;
 	width: 378px;
 }
 
.colleft
{
	width: 400px;
	float: left;
}

.colright
{
	width: 260px;
	float: right;
}

.imgleft
{
	float: left;
}

.imgright
{
	float: right;
}

.content .imgmargin
{
	margin: 4px 10px;
}

.content .imgrightmargin
{
	margin: 4px 0 4px 10px;
	float: right;
}

.content .imgleftmargin
{
	margin: 4px 10px 4px 0;
	float: left;
}

/* IMAGE BORDER */

.s7
{
	border: 5px solid #f3f3f3;
}
.s6
{
	border: 1px solid #ececec;
}
.s5
{
	border: 1px solid #e4e4e4;
}
.s4
{
	border: 1px solid #dbdbdb;
}
.s3
{
	border: 1px solid #cfcfcf;
}
.s2
{
	border: 1px solid #b9b9b9;
}
.s1
{
	border: 1px solid #b0b0b0;
}

/* PAGE LAYOUT */

#wrap
{
	margin: 0 auto;
	width: 966px;
}

#wt
{
	background: url(img/top.gif) no-repeat;
	height: 13px;
	font-size: 1px;
}

#wm
{
	background: url(img/mid.gif) repeat-y;
	padding: 0 8px;
}

#wb
{
	background: url(img/bot.gif) no-repeat #111;
	height: 12px;
	font-size: 1px;
	padding-bottom: 20px;
}

#top
{
	height: 261px;
	background: url(img/ban.jpg) no-repeat #242424;
}

#nav
{
	padding-right: 10px;
}

#pp
{
	padding: 0 0 5px 10px;
}

#pagePath
{
	color: #fff;
}

#pageContent
{
	padding: 0 10px;
}

/* FOOTER */

#footer
{
	padding: 0 10px;
}

#footer a
{
	text-decoration: none;
}

#footer a:hover
{
	border-bottom: 1px dotted #fff;
}

#fl
{
	width: 9px;
	height: 43px;
	background: url(img/fl.gif) no-repeat;
}

#fc
{
	overflow: hidden;
	width: 912px;
	height: 30px;
	background: url(img/fc.gif) repeat-x;
	padding-top: 13px;
}

#fr
{
	width: 9px;
	height: 43px;
	background: url(img/fr.gif) no-repeat;
}

/* ADMIN MENU */

#adminNav .pm1, #adminNav .pm2
{
	background: #68a168;
	border: 2px solid #aaa;
	padding: 5px;
	margin-right: 10px;
	font-weight: bold;
}

#adminNav .pm1
{
	margin-top: 170px;
}

#adminNav .pm2
{
	margin-top: 2px;
}

#adminNav a
{
	text-decoration: none;
	margin: 0 10px 0 3px;
}

#adminNav a:hover
{
	border-bottom: 1px dotted #fff;
}

/* MAIN MENU */

#mainNav
{
	margin-top: -17px;
}

#mainNav .sep
{
	display: none;
}

#mainNav .box
{
	display: block;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
}

#mainNav a
{
	cursor: pointer;
	text-decoration: none;
}

#mainNav .lm
{
	display: block;
	width: 15px;
	height: 33px;
	float: left;
	background: url(img/bl.gif) no-repeat;
}

#mainNav .cm
{
	display: block;
	width: 125px;
	height: 33px;
	float: left;
	background: url(img/bc.gif) repeat-x;
}

#mainNav .rm
{
	display: block;
	width: 3px;
	height: 33px;
	float: left;
	background: url(img/br.gif) no-repeat;
}

#mainNav .nm
{
	display: block;
	padding: 8px 0 0 5px;
	font-weight: bold;
}

#mainNav a .nm
{
	cursor: pointer;
	text-decoration: none;
	color: #F9D05F;
}

#mainNav a:hover .nm, #mainNav a.sel .nm
{
	color: #F9FF5F;
}

#mainNav a:hover .lm, #mainNav a.sel .lm
{
	background: url(img/blh.gif) no-repeat;
}

#mainNav a:hover .cm, #mainNav a.sel .cm
{
	background: url(img/bch.gif) repeat-x;
}

#mainNav a:hover .rm, #mainNav a.sel .rm
{
	background: url(img/brh.gif) no-repeat;
}

/* PAGE MENU */

div.grp
{
	padding: 10px 0 0 0;
	font-weight: bold;
	font-size: 120%;
}

div.grp.st
{
	padding: 0;
}

div.det
{
	padding: 1px 0;
}

a.det
{
	border: 1px solid #217CEB;
	padding: 5px 5px 5px 10px;
	display: block;
	background: #1a4dca;
	text-decoration: none;
	font-weight: bold;
}

a.det.sel, a.det:hover
{
	background: #457bff;
	border-color: #70aff2;
}

/* UPCOMMING EVENTS */

.UpEvts .ebox
{
	border: 1px solid #aaa;
	background: #1a1a1a;
	padding-bottom: 5px;
}

.UpEvts .ttl
{
	background: url(img/yc.png);
	height: 31px;
	font-style: italic;
}

.UpEvts .bl
{
	display: block;
	width: 37px;
	height: 31px;
	float: left;
	background: url(img/cl.png) no-repeat;
}

.UpEvts .br
{
	display: table;
	width: 150px;
	float: left;
	padding-top: 5px;
}

.UpEvts b
{
	color: #feff6c;
	font-size: 16px;
}

.UpEvts .li
{
	background: url(img/blt.gif) no-repeat 10px 10px;
	padding: 5px 7px 5px 30px;
}

/* EVENTS */

.Evts
{
	clear: both;
}

.Evts .ebox
{
	position: relative;
	border: 1px solid #aaa;
	background: #1a1a1a;
	padding: 10px;
	margin-bottom: 8px;
}

.Evts .ettl
{
	color: #4278c7;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 10px;
}

.Evts .ettl a
{
	font-size: 16px;
	text-decoration: none;
	color: #3F4FFF;
}

.Evts .ettl a:hover
{
	border-bottom: 1px dotted #3F4FFF;
}

.Evts .eloc
{
	padding-bottom: 10px;
}

/* CONTENT EDIT */

.cHead, .Evts .Pright
{
	background: #68a168;
	padding: 1px 2px 2px 3px;
	margin-bottom: 1px;
	color: #fff;
	border: 1px solid #aaa;
}

.cOrd, .cValue, .cStat, .cHead a, .Evts .cButton a
{
	font-size: 10px;
}

.Evts .Pright
{
	position: absolute;
	right: 0px;
	top: 0px;
}

.cHead .cStat
{
	padding-left: 6px;
}

.cHead .cValue
{
	font-weight: bold;
}

.cHead a
{
	color: #fff;
	font-weight: bold;
}

/* PAGE NOT FOUND */

#pnf
{
	padding: 30px 150px 30px 0;
	font-size: 13px;
}

#pnf #ttl
{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 10px;
}

/* SIGN IN */

.signin
{
	color: #fff;
	padding: 30px;
}

#signin
{
	margin: 20px auto;
	width: 300px;
	border: 1px solid #aaa;
	background: #2e2e2e;
}

#signin table
{
	width: 100%;
}

#signin tr.Header th
{
	height: 40px;
	background: url(img/gc.png);
	text-align: left;
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 15px;
	padding-left: 15px;
	color: #fff;
	border-bottom: 1px solid #aaa;
}

#signin tr.OddRow th, #signin tr.EvenRow th
{
	text-align: left;
	padding-left: 15px;
	padding-top: 12px;
	vertical-align: top;
}

#signin tr.OddRow td, #signin tr.EvenRow td
{
	text-align: left;
	padding: 8px 0 0 4px;
}

#signin tr.OddRow input, #signin tr.EvenRow input
{
	width: 190px;
	font-size: 10pt;
}

#signin .Button td
{
	text-align: right;
	padding: 10px 10px 10px 2px;
}

#signin .msg
{
	font-weight: bold;
	padding-left: 8px;
	float: left;
}

/* ERROR */

.error
{
	color: #EEE;
	text-align: left;
	font-weight: bold;
	border: solid 1px #aaa;
	list-style-position: outside;
}

div.error
{
	margin-top: 8px;
	background: #510D0D;
	padding: 10px;
}

.error li
{
	margin-left: 20px;
}

.Edit .error
{
	border: none;
	position: relative;
	top: 5px;
}

/* DATA ENTRY */

#de .title h2
{
	font-size: 16px;
	display: block;
	padding: 8px;
	background: url(img/gc.png);
	text-transform: uppercase;
	border: 1px solid #aaa;
	margin-bottom: 6px;
	color: #6bf77c;
}

#de div.search .header
{
	background: #68a168;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	color: #fff;
	height: 15px;
	border-bottom: 1px solid #aaa;
}
#de div.search
{
	border: 1px solid #aaa;
	background: #2e2e2e;
}

#de div.search .header .title
{
	display: block;
	float: left;
	margin-top: 1px;
}

#de div.search .header .chks
{
	display: block;
	float: right;
}

#de div.search .header input
{
	float: left;
}

#de div.search .header label
{
	float: left;
	margin-top: 1px;
}

#de div.search .input
{
	clear: both;
	padding: 6px 0 5px 5px;
	height: 24px;
}

#de div.search .input input
{
	width: 90%;
	float: left;
}

#de div.search a, #de #dl a
{
	color: #fff;
	font-weight: bold;
	margin: 2px 0 0 12px;
	float: left;
}
#de #dl
{
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #aaa;
	background: #303030;
}

.ci .button, .di .button
{
	border: 0px solid #000;
	margin-left: 3px;
	padding: 5px 9px 4px 9px;
	cursor: pointer;
}

.ci .button
{
	background: url(img/ColorHS.png) no-repeat 0 4px;
}

.di .button
{
	background: url(img/cal.gif) no-repeat 0 2px;
}

.di .format, .ci .format
{
	display: inline;
	padding-left: 4px;
}

.calendar td, .calendar td div, .calendar .combo .label
{
	color: #000;
}

#de div.separator
{
	height: 6px;
}

#de div.grid
{
	border: 1px solid #aaa;
	background: #2e2e2e;
	border-bottom: 0;
}

#de div.grid table
{
	width: 100%;
}

#de div.grid .header th
{
	border-bottom: 1px solid #aaa;
	background: #68a168;
	text-align: left;
}

#de div.grid .header a
{
	color: #fff;
}

#de div.grid th.ctrl
{
	text-align: center;
}

#de div.grid td.ctrl a, #de .EvenRow a, #de .OddRow a
{
	color: #fff;
}

#de div.grid td, #de div.grid th
{
	padding: 6px;
}

#de div.grid .odd
{
	background: #303030;
}

#de div.grid .even
{
	background: #1c1c1c;
}

#de div.grid .ctrl
{
	text-align: center;
	width: 66px;
	border-left: 1px solid #aaa;
}

#de div.grid .footer
{
	clear: both;
	padding: 3px 8px;
	background: #68a168;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	height: 22px;
}

#de div.grid .footer span.pg, #de div.grid .footer b
{
	float: left;
	padding: 4px;
}

#de div.grid .footer a, #de div.grid .footer .pg
{
	float: left;
}

#de div.grid .footer a
{
	padding: 3px 5px 4px 5px;
	border: 1px solid #68a168;
	text-decoration: none;
	color: #fff;
}

#de div.grid .footer a:hover, #de div.grid .footer a.prev:hover, #de div.grid .footer a.next:hover
{
	border: 1px solid #132f16;
	background-color: #286430;
}

#de div.grid .footer a.prev
{
	background: url(img/prev.png) no-repeat 32px 4px;
	padding-right: 16px;
}

#de div.grid .footer a.next
{
	background: url(img/next.png) no-repeat 5px 4px;
	padding-left: 18px;
}

#de div.grid .footer .tr
{
	padding: 4px 2px;
	float: right;
}

#de div.grid .up
{
	padding: 0 5px;
	background: url(img/up.png) no-repeat 5px 6px;
}

#de div.grid .down
{
	padding: 0 5px;
	background: url(img/down.png) no-repeat 5px 6px;
}

#de div.Edit
{
	border: 1px solid #aaa;
}

#de table.Edit
{
	width: 100%;
}

#de .Edit .Header
{
	text-align: left;
	background: #68a168;
}

#de .Edit label
{
	padding-right: 8px;
}

#de .Edit .OddRow
{
	background: #303030;
}

#de .Edit .EvenRow
{
	background: #1c1c1c;
}

#de .Edit .OddRow th, #de .Edit .EvenRow th
{
	padding: 10px 0 10px 8px;
	text-align: left;
	vertical-align: text-top;
	width: 100px;
}

#de .Edit td
{
	padding: 6px;
}

#de td.fv
{
	width: 8px;
	vertical-align: text-top;
}

#de .Edit .Header th
{
	padding: 6px;
	color: #fff;
	border-bottom: 1px solid #aaa;
}

#de .Edit .Header th a
{
	color: #fff;
}

#de .Edit .title
{
	text-align: left;
}

#de .Edit .Button td
{
	border-top: 1px solid #aaa;
	background: #68a168;
	text-align: right;
	padding: 4px;
}

#de span.error
{
	color: #EE2929;
	text-align: left;
	font-weight: bold;
}

#ctl00_cp_edtGroups_EditForm_edtName_txtName
{
	text-transform: uppercase;
}

