body {
	background-color:#CCCCCC;
	background-image:url('protected/background.jpg');
	background-repeat:repeat;
	margin:3px 0 0 3px;
	padding:0;
}
html {margin:0;padding:0;}
#center {position:relative;width:1000px;margin-left:auto;margin-right:auto}

#title {
	width:990px;
	position:relative;
	height:100px;
	background-color:#666666;
	background-image:url('protected/banner.jpg');
	font:24px Times New Roman, Times, serif;
	color:#005900;
	letter-spacing:0.3em;
	line-height:26px;
	padding-left:10px
}
#subtitle {position:absolute;height:30px;top:10px}
#cross {margin-left:50px}
#searchBar {background-image: url(protected/search.png);background-repeat: no-repeat;position: absolute;left: 800px;top: 65px;height: 25px;width: 165px;border: none;background-color: transparent;padding-left: 30px;padding-top: 5px;}
#welcome {width:200px;position:relative;left: 645px;top: 40px;text-align: right;height:25px;font-size: .6em;letter-spacing: 0.1em;}

#sidebar {
	padding: 2px;
	float:left;
	position:relative;
	height:620px;
	width:380px;
    border-right:solid #FFBA00 2px;
	background-color:#;
	background-image:url(''); 
	font:11px Arial, Helvetica, sans-serif;
	color:#FFBA00;
	letter-spacing:0.1em;
	line-height:18px;
	z-index:10
}
#upcoming {margin-left: 20px;}
#nextMeet {margin-left: 30px;margin-top: -10px;}
#updates {margin-left: 20px;}
#sidebar #slideShow {
	margin-top: -2px;
	margin-left: -2px;
    width: 287px;
    height: 370px;
    background-color: #FFF;
	border-right:solid #FFBA00 2px;
	border-bottom:solid #FFBA00 2px;
}
#slideShow img {display: none}
#slideShow img.first {display: block}
#sss {position: absolute;bottom: 5px;right: 5px;}

#main {
	position:relative;
	float:left;
	width:605px;
	background:#CCCCCC;
	background-image:url('');
	font:11px Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#26354A;
	letter-spacing:0.1em;
	height:620px;
	z-index:0;
	overflow:auto;
	padding: 1px 3px;
}
.noteTitle {
	text-align: center;
    width: 90%;
    font-family:Didot, Palatino Linotype, Times New Roman, sans-serif;
	color:#005900;
}
#noteComments {
	position: absolute;
	width: 12px;
	right: 2px;
    top: -5px;
	text-align: center;
	line-height: 110%;
	padding: 2px;
    background-color: #005900;
    border: solid #FFBA00 3px;
}
#noteComments a {font-family: "Courier New", Courier, monospace;}

#menu {
	width:1000px;
	margin-top:0;
	margin-bottom:0;
    list-style:none;
	background-color:#005900;
	border-top:solid #FFBA00 3px;
	border-bottom:solid #FFBA00 3px;
	margin-left:0;
	padding-left:0
}
#menu li {display:inline}
#cpLink {position: relative;left: 380px;}
#log, #runsLink {position: relative;left: 480px;}

a:link, a:visited {
	color:#005900;
	font-weight:700;
	text-decoration:none
}
a:hover, a:active {
	color:#FFFFFF;
}
#sidebar a:link, #sidebar a:visited {
	font:12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:700;
	text-decoration:none;
	border-bottom: 1px dotted }
#sidebar a:hover,#sidebar a:active {
	color:#FFBA00}
#menu li a, #noteComments a:link, #noteComments a:visited {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13px;
	font-weight:700;
	text-decoration:none;
	padding:8px 5px 0
}
#menu li a:hover,#menu li a:active, #noteComments a:hover,#noteComments a:active {
	color:#FFBA00;
}
#sss a:link , #sss a:visited {border: none;}

h1 {
	font:22px Didot, Palatino Linotype, Times New Roman, sans-serif;
	color:#005900;
	letter-spacing:0.1em;
	line-height:32px
}

img {border: none;}
:focus, :active {outline: 0;}
.centerText {text-align:center;}
.right {float: right;}
.left {float: left;}
.disabledButton {cursor: default;}
.cancelWindow {font-size: .75em;}
#errorMessage {color: red;}
#passwordOptions {float: right;width: 140px;text-align: right;font-size: .75em;}

#facebox .b {background:url(protected/b.png)}
#facebox .tl {background:url(protected/tl.png)}
#facebox .tr {background:url(protected/tr.png)}
#facebox .bl {background:url(protected/bl.png)}
#facebox .br {background:url(protected/br.png)}
#facebox {font-family: Arial, Helvetica, sans-serif;letter-spacing:.1em;position:absolute;top:0;left:0;z-index:100;text-align:left}
#facebox .popup {position:relative}
#facebox table {border-collapse:collapse}
#facebox td {border-bottom:0;padding:0}
#facebox .body {background:#ffffff;width:370px;text-align:left;padding:10px}
#facebox img {border:0;margin:0}
#facebox .footer {border-bottom:1px solid #DDDDDD;padding-bottom:5px;margin-bottom:10px;text-align:right}
#facebox .tl,#facebox .tr,#facebox .bl,#facebox .br {height:10px;width:10px;overflow:hidden;padding:0}
#facebox_overlay {position:fixed;top:0;left:0;height:100%;width:100%}
.facebox_hide {z-index:-100}
.facebox_overlayBG {background-color:#000000;z-index:99}
* html #facebox_overlay {position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
.faceboxTitle {
	position:absolute;
	top:0;
	left:15px;
	color:#005900}
#facebox .loading,#facebox .image {text-align:center}
#facebox a:hover {color: #000000}

#facebox a.dp-choose-date:hover {color:white;}
a.dp-choose-date {width: 16px;height: 16px;padding: 0;margin: 5px 3px 0;text-indent: -2000px;overflow: hidden;color:white;text-decoration:none;background: url(protected/calendar.png) no-repeat;}
a.dp-choose-date.dp-disabled {background-position: 0 -20px;cursor: default;}
table.jCalendar {border: 1px solid #000000;background: #aaaaaa;border-collapse: separate;border-spacing: 2px;}
table.jCalendar th {background: #333333;color: #ffffff;font-weight: bold;padding: 3px 5px;}
table.jCalendar td {background: #cccccc;color: #000000;padding: 3px 5px;text-align: center;}
table.jCalendar td.other-month {background: #dddddd;color: #aaaaaa;}
table.jCalendar td.today {background: #666666;color: #ffffff;}
table.jCalendar td.selected {background: #f66;color: #ffffff;}
table.jCalendar td.selected.dp-hover {background: #f33;color: #ffffff;}
table.jCalendar td.dp-hover,table.jCalendar tr.activeWeekHover td {background: #ffffff;color: #000000;}
table.jCalendar tr.selectedWeek td {background: #f66;color: #ffffff;}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {background: #bbbbbb;color: #888888;}
table.jCalendar td.unselectable,table.jCalendar td.unselectable:hover,table.jCalendar td.unselectable.dp-hover {background: #bbbbbb;color: #888888;}
div.dp-popup {position: relative;background: #cccccc;font-size: 10px;font-family: arial, sans-serif;padding: 2px;width: 171px;line-height: 1.2em;}
div#dp-popup {position: absolute;z-index: 199;}
div.dp-popup h2 {font-size: 12px;text-align: center;margin: 2px 0;padding: 0;}
a#dp-close {font-size: 11px;padding: 4px 0;text-align: center;display: block;}
a#dp-close:hover {text-decoration: none;}
div.dp-popup a {color: #000000;text-decoration: none;padding: 3px 2px 0;}
div.dp-popup div.dp-nav-prev {position: absolute;top: 2px;left: 4px;width: 100px;}
div.dp-popup div.dp-nav-prev a {float: left;}
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor: default;}
div.dp-popup div.dp-nav-next {position: absolute;top: 2px;right: 4px;width: 100px;}
div.dp-popup div.dp-nav-next a {float: right;}
div.dp-popup a.disabled {cursor: default;color: #aaaaaa;}
div.dp-popup td {cursor: pointer;}
div.dp-popup td.disabled {cursor: default;}

#approve {
	position: relative;
    top: -10px;
    color:#FFFFFF;
    background-color:#005900;
    border: solid #FFBA00 1px;
    text-align: center;
    padding: 1px;
    padding-left: 2px;
}

#suggestions{ position: absolute; left:675px; top:85px; width:320px; display:none; z-index:999; }
#searchresults {font-family: "Times New Roman", sans-serif; border: solid #919191 1px; width:320px; background-color:#a0a0a0; font-size:10px; line-height:14px; letter-spacing: .1em; }
#searchresults a { display:block; background-color:#e4e4e4; clear:left; height:60px; text-decoration:none; }
#searchresults a:hover { background-color:#b7b7b7; color:#fff; }
#searchresults a img { float:left; padding:5px 10px; }
#searchresults a .searchheading { display:block; font-weight:bold; padding-top:5px; color:#191919; }
#searchresults a:hover .searchheading { color:#ffffff; }
#searchresults a span { color:#555555; }
#searchresults a:hover span { color:#f1f1f1; }
#searchresults .category { font-size:11px; margin:5px; display:block; color:#fff; }
#searchresults .seperator {float: right;}
#searchresults .seperator a {height: 20px;}
#searchresults .seperator a:hover {background-color: #e4e4e4;}
#searchresults .divider {background-color:blue;}
.itemhover { background-color:#b7b7b7 !important;}

#cpWindow {font-family: Arial, Helvetica, sans-serif;font-size:14px;position: absolute; right: 5px; top: 5px; padding: 2px; background-color: black; color: white; border: solid white 2px; width: 200px;}
#cpWindow h4 {font-family: Georgia, 'Times New Roman', Times, serif;text-align: center;}
#cpWindow a:link, #cpWindow a:visited {color: white;}
#cpWindow a:hover, #cpWindow a:active {color: green;}
#undo a:link, #undo a:visited{color: red;}
#undo a:hover,#undo a:active {color:orange;}

#transition { width: 300px; float: right; }
#transition img { display: none }
#transition img.first { display: block }

#list1 { width:350px; list-style-type:none; margin:0px; padding:0px; margin-left:20px; }
#list1 li { float:left; padding:5px; width:100px; height:100px; }
#list1 img, #list1 div { width:60px; height:75px; border:solid 1px black; }
.placeHolder div { background-color:white !important; border:dashed 1px gray !important; }

#runnerChart {width:375px; height: 300px;margin-left: 20px;}
#runnerYear { height: 300px;}
#runnerStats {float: right; border: solid black 2px; padding: 0 5px;}
#statsInfo {position:relative;top:-50px;}
#milesRun {position:relative;top:-50px;}
#timeRun {position:relative;top:-50px;}