/*
* Colors that change monthly
*/
#column .col-left {
		width: 150px;
		vertical-align:top;
		text-align:center;
/*
    f9f9f9;  original color
		CC99FF april
		003C00 may
*/
    background-color:#3333FF;
}
#column .col-right {
	width: 150px;
	vertical-align:top;
	text-align:center;
	background-color:#3333FF;
}
a.signinLink {
	font-weight: bold;
	color: #FFFF00;
	text-decoration: none;
}
a.signinLink:hover {
	font-weight: bold;
	color:#FFFF00;
	text-decoration: none;
}
/* Seperator 80% */
.seperator {
		margin: 5px;
    width: 80%;
    border-top: 2px #3333FF solid;
}
/* Seperator 100% */
.seperator100 {
		margin: 5px;
    border-top: 2px #3333FF solid;
}
/* Heading */
h3 {
		margin: 5px;
    padding: 0px;
		color: #000;
    font-size: 20px;
    border-bottom: 2px #3333FF solid;
}
.displayDate {
		color:#3399FF;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;
}	
a.archivedLink {
		color:#FFFF00;
}	
a.archivedLink:hover {
		color:#FFFF00;
}	
#nearbyCities {
}
#nearbyCities .title {
		font-size:14px;
		font-weight:bold;
		text-align:center;
		color:#FF6600;
}
.ruled {
		background-color:#FFFF00;
}







/*
* DO NOT CHANGE BELOW HERE
*/
body {
		margin: 0px auto;
    font-family: verdana;
    font-size: 10px;
		background-color:#C4E5F6;
		cursor:default;	
}
a {
		font-weight: bold;
		color:#0033CC;
		text-decoration: none;
}
a:hover {
		color: #0033CC;
		text-decoration: none;
}

#marquee {
		background-color:#000000;
}
.marqueeText {
		color:#FFFF00;
		font-size:12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:900;
}
.hitCounter {
		color:#FFFF00;
		font-weight:bold;
}		
/* Header */
#header {
		margin: 0px auto;
		height: 100px;
		width: 1000px;
    background-color: #ccc;
    border-top: 1px #000 solid;
    border-bottom: 0px #000 solid;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;
    background:  url("images/admin_banner.gif") 100% no-repeat;
}


#search {
		margin: 0px auto;
		width: 1000px;
    height: 40px;
    background-color:#000000;
    border-top: 1px #000000 solid;
    border-bottom: 0px #000000 solid;
    border-left: 1px #000000 solid;
    border-right: 1px #000000 solid;
}


/*
* Navigation
*/
#navigation {
		margin: 0px auto;
		width: 1000px;
    background-color:#000000;
    border-top: 1px #000000 solid;
    border-bottom: 0px #000000 solid;
    border-left: 1px #000000 solid;
    border-right: 1px #000000 solid;
}
#navigation #left {
		float: left;
}
#navigation #right {
		float: right;
}
#navigation ul {
		margin: 0px auto;
    padding: 0px;
}
#navigation ul li {
		padding: 0px;
    display: inline;
    list-style: none;
}
#navigation a.left-link {
		padding: 2px 10px 2px 10px;
		color:#000000;
		text-decoration: none;
/*	float: left;*/
/*	border-right: 1px solid #fff;*/
    font-weight: bold;
}
#navigation a.right-link {
		padding: 2px 10px 2px 10px;
		color: #000000;
		text-decoration: none;
		float: left;
/*	border-left: 1px solid #fff;*/
    font-weight: bold;
}
#navigation a:hover {
/*    background-color:#FFFFFF;*/
	  color:#000000;
}


/*
* Admin Navigation
*/
#admin-navigation {
	margin: 10px auto;
	width: 800px;
    height: 16px;
    background-color: #fff;
    border: 1px #ccc solid;

}

#admin-navigation ul {
	margin: 0px auto;
    padding: 0px;
}
#admin-navigation ul li {
	padding: 0px;
    display: inline;
    list-style: none;
}
#admin-navigation a {
	padding: 2px 10px 2px 10px;
	color: #000000;
	text-decoration: none;
	float: left;
    font-weight: bold;
}

#admin-navigation a:hover {
    background-color: #000;
    color: #fff;
}

/*
* Content
*/
#content {
		margin: 0px auto;
		padding: 0px 0px 0px 0px;
		width: 1000px;
    border: 1px #000 solid;
		border-top:1px #000 solid;
    background: url('../images/diagonal.gif')  repeat;

}


/*
* Footer
*/
#footer {
		margin: 0px auto;
		height: 50px;
		width: 1000px;
    background-color: #C4E5F6;
    border-top: 0px #000 solid;
    border-bottom: 1px #C4E5F6 solid;
    border-left: 1px #C4E5F6 solid;
    border-right: 1px #C4E5F6 solid;
/*    background: url('../images/footer.jpg') 100% no-repeat; */
    text-align: center;
}
#footer p {
		margin: 0px;
    padding-top: 10px;
    color: #fff;
}

/*
* Upload
*/
.upload {
		margin: 10px auto;
		width: 400px;
    border: 1px #999 solid;
    background-color: #fff;
}
.upload .label {
		width: 25%;
		font-weight: bold;
    text-align: right;
}
.upload .field {
	width: 30%;
}
.upload .info {
	width: 25%;
	vertical-align: top;
}
.upload .title {
	height: 20px;
    background-color:#CFD79D;
	font-weight: bold;
    text-align: center;
	color:#FF0000;
}
#instructionsNote {
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	font-weight:bold;
}



/*
* Customer View
*/
.view {
	margin: 10px auto;
    border: 1px #999 solid;
    background-color: #fff;
}
.view .label {
	font-weight: bold;
    text-align: right;
}
.view .label2 {
	font-weight: bold;
	width:25%;
    text-align:center;
}
.view .label2data {
    text-align:center;
	width:25%;
}
.view .field {
	width: 50%;
}


/*
* Admin View
*/
#view-admin {
	margin: 5px;
	width: 99%;
    border: 1px #999 solid;
    background-color: #fff;
}
#view-admin .title {
	height: 20px;
    background-color: #e2e2e2;
	font-weight: bold;
    text-align: center;
}
#view-admin .label {
	font-weight: bold;
}
#view-admin .row {
    background-color: #f9f9f9;
}
#view-admin .row2 {
    background-color:#dadadc;
}
#view-admin .oldRow {
    background-color:#FF0000;
}
#view-admin .warningRow {
    background-color:#FFFF00;
}

/*
* Admin Edit
*/
#edit-admin {
	margin: 5px;
	width: 60%;
    border: 1px #999 solid;
    background-color: #fff;
}
#edit-admin .title {
	height: 20px;
    background-color: #e2e2e2;
	font-weight: bold;
    text-align: center;
}
#edit-admin .label {
	width: 20%;
	font-weight: bold;
    text-align: right;
}
#edit-admin .field {
	width: 70%;
}

/*
* Advert Edit
*/
#edit {
	margin: 10px auto;
	width: 40%;
    border: 1px #999 solid;
    background-color: #fff;
}
#edit .label {
	width: 30%;
	font-weight: bold;
    text-align: right;
}
#edit .field {
	width: 30%;
}
#edit .info {
	vertical-align: top;
}
#edit .title {
	height: 20px;
    background-color: #e2e2e2;
	font-weight: bold;
    text-align: center;
}

/*
* Login
*/
#login {
	margin: 10px auto;
	width: 40%;
    border: 1px #999 solid;
    background-color: #fff;
}
#login .label {
	width: 30%;
	font-weight: bold;
    text-align: right;
}
#login .field {
	width: 30%;
}
#login .title {
	height: 20px;
    background-color: #e2e2e2;
	font-weight: bold;
    text-align: center;
}


/*
* News
*/
#news .title {
	font-size: 17px;
    color: #000;
    font-weight: bold;
    padding-top: 5px;
	padding-left: 10px;
    padding-bottom: 2px;
}
#news .timestamp {
	font-size: 11px;
    color: #ccc;
	padding-bottom: 2px;
	padding-left: 10px;
}
#news .text {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#news .name {
	width: 80%;
    padding-bottom: 10px;
	padding-left: 20px;
    color: #ccc;
}
/*
* Class
*/
#class .title {
	font-size: 17px;
    color: #000;
    font-weight: bold;
    padding-top: 5px;
	padding-left: 10px;
    padding-bottom: 2px;
}
#class .timestamp {
	font-size: 11px;
    color: #ccc;
	padding-left: 10px;
	padding-bottom: 2px;
}
#class .text {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#class .name {
	width: 80%;
    padding-bottom: 10px;
    color: #ccc;
}
/*
* dining
*/
#dining .title {
	font-size: 17px;
    color: #000;
    font-weight: bold;
    padding-top: 5px;
	padding-left: 10px;
    padding-bottom: 2px;
}
#dining .timestamp {
	font-size: 11px;
    color: #ccc;
	padding-bottom: 2px;
}
#dining .text {
	padding-left: 20px;
}
#dining .name {
	width: 80%;
    padding-bottom: 10px;
    color: #ccc;
}
/*
* parks
*/
#parks .title {
	font-size: 17px;
    color: #000;
    font-weight: bold;
    padding-top: 5px;
	padding-left: 10px;
    padding-bottom: 2px;
}
#parks .timestamp {
	font-size: 11px;
    color: #ccc;
	padding-bottom: 2px;
}
#parks .text {
	padding-left: 20px;
}
#parks .directions {
	padding-left: 20px;
	padding-top:5px;
	font-weight:bold;
}
#parks .name {
	width: 80%;
    padding-bottom: 10px;
    color: #ccc;
}
/*
* links
*/
#links .title {
	font-size: 17px;
    color: #000;
    font-weight: bold;
    padding-top: 5px;
	padding-left: 10px;
    padding-bottom: 2px;
}
#links .timestamp {
	font-size: 11px;
    color: #ccc;
	padding-left: 20px;
	padding-bottom: 2px;
}
#links .text {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#links .url {
	padding-bottom: 10px;
	padding-left: 20px;
}
/*
* movies
*/
#movies .name {
	width: 80%;
    padding-bottom: 10px;
	padding-left: 20px;
    color: #ccc;
}
#movies .title {
	font-size: 17px;
    color: #000;
    font-weight: bold;
    padding-top: 5px;
	padding-left: 10px;
    padding-bottom: 2px;
}
#movies .rating {
	font-size: 17px;
    color:#FF0000;
	font-weight:bold;
	padding-bottom: 2px;
	padding-left: 20px;
}
#movies .length {
	font-size: 11px;
    color:#000000;
	font-weight:bold;
	padding-bottom: 2px;
	padding-left: 20px;
}
#movies .text {
	font-size:14px;
	font-weight:bold;
	color:#000000;
}
#movies .movieDates {
	color:#000000;
	font-size:11px;
	width:100px;
}
#movies .movieTimes {
	color:#993300;
	font-size:14px;
}




/*
* events
*/
#events .title {
	color:#000099;	
    font-weight: bold;
	font-size: 14px;
    padding-top: 5px;
	padding-left: 20px;
    padding-bottom: 2px;
}
#events .timestamp {
	font-size: 11px;
    color: #ccc;
	padding-left: 20px;
	padding-bottom: 2px;
}
#events .text {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#events .date {
	padding-left: 10px;
	font-size: 17px;
    color: #000;
    font-weight: bold;
}

/*
* Distance from Deep Creek Lake 
*/
#areaDistance {
	border:1px solid #000;
	width:300px;
}
#areaDistance .title {
	font-size:14px;
	font-weight:bold;
	text-align:center;
	font-style:italic;
}
#areaDistance .name {
	text-align:left;
}
#areaDistance .value {
	width:75px;
	text-align:right;
}
/*
* Garrett Co Info
*/
#garrettInfo {
	border:1px solid #000;
	width:300px;
}
#garrettInfo .title {
	font-size:14px;
	font-weight:bold;
	text-align:center;
	font-style:italic;
	color:#0033CC;
}
#garrettInfo .name {
	text-align:left;
	color:#0033CC;
}
#garrettInfo .value {
	color:#0033CC;
	width:75px;
	text-align:right;
}
/*
* climate 
*/
#areaClimate {
	border:1px solid #000;
	width:300px;
}
#areaClimate .title {
	font-size:14px;
	font-weight:bold;
	text-align:center;
	font-style:italic;
	color:#336600;
}
#areaClimate .name {
	text-align:left;
	color:#336600;
}
#areaClimate .value {
	color:#336600;
	width:75px;
	text-align:right;
}
/*
* Deep Creek Lake Facts
*/
#lakeFacts {
	border:1px solid #000;
	width:300px;
}
#lakeFacts .title {
	font-size:14px;
	font-weight:bold;
	text-align:center;
	font-style:italic;
	color:#660000;
}
#lakeFacts .name {
	color:#660000;
	text-align:left;
}
#lakeFacts .value {
	width:75px;
	text-align:right;
	color:#660000;
}
/*
* Weather Nearby cities
*/





/*
* Co-ords
*/
.co-ords {
	margin: 0px auto;
}
.co-ords .title {
	height: 20px;
    background-color: #e2e2e2;
	font-weight: bold;
    text-align: center;
}



/*
* Form Objects
*/
.input {
	border: 1px #6699CC solid;
    font-size: 10px;
}
.textarea {
	border: 1px #6699CC solid;
}
.button {

    font-size: 10px;
}
form {
	margin: 0px;
    padding: 0px;
}

/*
* New Account
*/
.error {
	margin: 0px auto;
    padding: 5px 0px 5px 0px;
    width: 100%;
    color: #ff0000;
    font-weight: bold;
    text-align: center;
}

/*
* Messages
*/
#message {
	margin: 0px auto;
    padding: 5px 0px 5px 0px;
    width: 50%;
    color: #ff0000;
    font-weight: bold;
    text-align: center;
}



/*
* Show/Hide
*/
.hide {
	display: none;

}
.show {
	padding: 5px;
	width: 300px;
	border: 1px #000 solid;
	background-color: #fff;
    position: absolute;
}

/*
* Three Column
*/
#column {
	width: 100%;
}
#column .col-center {
		vertical-align:top;
		width: 700px;
		border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    background-color: #fff;
}



#column .heading {
		height: 20px;
    border: 1px #999 solid;
    background-color: #e2e2e2;
		font-weight: bold;
    text-align: center;
}
.columnLinks {
	color:#FFFF00;
}
.columnLinks:hover {
	color:#FFFF00;
}



/*Default table row*/
TR.highlightedList{
	background-color:#FFFF00;
}
TR.highlightedList A:link {color:#3BAFF8; text-decoration:none;}
TR.highlightedList A:visited {color:#3BAFF8; text-decoration:none;}
TR.highlightedList A:active {color:#3BAFF8; text-decoration:none;}
TR.highlightedList A:hover {color:#3BAFF8; text-decoration:none;}




.informationBox {
	margin: 10px auto;
	width: 600px;
    border: 2px #0066CC solid;
    background-color:#ffffff;
}

/*
* Stats
*/

#stats {

	height: 30px;
	width: 100%;

}
#stats .date {
	width:15%;
	vertical-align:top;
	text-align:left;
}
#stats .url {
	width: 55%;
    vertical-align: top;
}
#stats .advert {
	width: 20%;
    text-align: left;
    vertical-align: top;
}
#stats .hits {
	width: 10%;
    vertical-align: top;
}
#stats .row {
    background-color: #f9f9f9;
}
#stats .row2 {
    background-color:#dadadc;
}
#stats .label {
	font-weight: bold;
}

/*
* directory
*/

#directory {
	height: 30px;
	width: 100%;
}
#directory .row {
    background-color: #f9f9f9;
}
#directory .row2 {
    background-color:#E4E4E4;
}
#directory .label {
	font-weight: bold;
}


/*
* FAQ
*/
.faqQuestion {
	color:#000000;
  	font-weight:bold;
	font-style:italic;
}
.faqAnswer {
	color:#000000;
}



/*
* Real Estate
*/
#realEstate {
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#realEstate .title {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	text-decoration:underline;
}
#realEstate .text {
	text-align:center;
}
#realEstate .phone {
	text-align:center;
}
#realEstate .email {
	text-align:center;
}
#realEstate .url {
	text-align:center;
}



/*
* Photos
*/
#photos {
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#photos .title {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	text-decoration:underline;
}
#photos .text {
	text-align:center;
}
#photos .photo {
	text-align:center;
}















#weather {
	width:500px;
}	
#weather .title {
	color:#FF0000;
	font-weight:bold;
	font-size:14px;
}
#weather .message {
}



#haha {
	display:none;
}	


#myscroller {
	position:relative; /* mandatory*/
	width:125px; 
	height:125px; /* set as required*/
	background-color:#000000; /* set as required*/
	overflow:hidden; /* mandatory*/
	border:solid 1px; 
	margin:5px; /* optional*/
	border-color:#000000;
}
#scrollerTitle1 {
	font-weight:bold;
	color:#FF0000;
}
#scrollerTitle2 {
	font-weight:bold;
	color:#00FF00;
}
#scrollerText1 {
	color:#FFFFFF;
}
#scrollerText2 {
	color:#FFFFFF;
}
.requiredStar {
color:#FF0000;
}
.requiredField {
background-color:#DDEEFF;
border: 1px solid #6699CC;
}
.disabledField {
background-color:#EFEFEF;
border: 1px solid #6699CC;
}
.errorField {
background-color:#FFFF77;
border: 1px solid #6699CC;
}



/*
* Help
*/
#help {
	font-size:10px;
}
#help .title {
	color:#999999;
	text-align:center;
}
#help .close {
	text-align:right;
}
#help .text {
	color:#FFFFFF;
}





.imageBorder {
    border: 1px #000 solid;
}

#changePass {
	width:300px;
	background-color:#FFFFFF;
	border:1px solid #000;
}
#changePass .title {
	text-align:center;
	font-size:12px;
	font-weight:bold;
}
#changePass .name {
	padding-right:5px;
	text-align:right;
	font-weight:bold;
}
#changePass .field {
	text-align:left;
}