﻿
BODY
{
    FONT-SIZE: 100.1%;
    background-color:#f0dd7b;/* #F0E9BD;*/
    MARGIN: 0px;
    PADDING-TOP: 0px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
FORM
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
IMG
{
    border: 0;
    margin: 0;
    display: block
}



DIV#canvas
{
    width:811px;
    margin:0px auto;
}
DIV#layout-wrapper
{
    BACKGROUND: #fff;
    MARGIN: 0px 0px 20px;
    
}
DIV#layout-left
{
	
    
    BACKGROUND:#fff url(/images/left-border.jpg) repeat-y left top;
}
DIV#layout-right
{
	
	border-top:0px;
    BACKGROUND:#fff url(/images/right-border.jpg) repeat-y right top;
}
DIV#matting
{
    background-color:#EBE8D9;
    width:772px;
    padding-left:13px;
    padding-bottom:8px;
    margin-left:10px;
    
    
}
DIV#header_image
{
    margin:0px;
    padding:0px;
}
DIV#page
{
    background-color:#ffffff;
    margin:0;
    padding:0;
}
DIV#main
{
    background-color:#ffffff;
    /*margin-top:10px;*/
    padding-bottom:5px;
    margin-right:11px;
    width:760px;
    overflow:hidden;
   
}
DIV#footer-wrapper
{
    background: url(/images/bottom-border.jpg) top left no-repeat;/*repeat-x left bottom*/
    width:809px;
    height:11px;
    overflow:hidden;
    margin-left:0px;
}
DIV#footer-left
{
    background: url(/images/left-corner.gif) no-repeat left bottom
}
DIV#footer-right
{
    background: url(/images/right-corner.gif) no-repeat right bottom
}
DIV#footer
{
	margin-top:8px;
	padding:0 7px 0 2px;
    height: 12px;
}
DIV.clear
{
    clear: both
}

DIV.leftDiv a
{
    color:#796047; 
    font-family:Arial; 
    font-weight:normal;
}

.orderedList
{
    list-style-type:none;
    margin:0;
    padding:0;
    width:100%;
}

.orderedList li
{
    padding-left:15px;
    background:transparent url(/images/bullet.gif) no-repeat left top;
}

.mainText
{
    color:#796047; 
    font-family:Arial; 
    font-size:0.76em; 
    font-weight:normal; 
    padding:0 15px 0 20px; 
    line-height:18px;
}

.mainText p
{
    margin:5px 0 3px 0;
}

.mainText p.morespace
{
    margin:10px 0 3px 0;
}

.mainTextTitle
{
    font-weight:bolder; 
    padding:10px 0 0 0;
}

#siteByMarathon { width: 800px; margin: -20px auto 20px; font-size: 0.7em; padding: 0px 0; text-align: right; color: #213783; }
#siteByMarathon a { text-decoration: none; color: #213783; }
#siteByMarathon a:hover { text-decoration: underline; }


.loginScreen
{
	padding:10px;
	margin:0 auto;
	border:solid 2px #CCC;
	overflow:hidden;
	margin-top:10px;
	background-color : #EBE8D9;
}
.loginScreen td
{
	
	padding:1px;
	vertical-align:middle;
	font-size:0.85em;
	color:#36648B;
	font-family:Arial;
	font-weight:bold;
	margin:0 auto;
	
}
.loginTitle
{
	background-color :#CCCCFF;
	margin:5px;
	margin-bottom:20px;
}
.loginScreen input
{
	width:200px;
}
.loginScreen #ctl00_contentPlaceHolder_body_Login1_RememberMe
{
	width:20px;
	text-align:left;
	margin-left:70px;
}
.loginScreen #ctl00_contentPlaceHolder_body_Login1_LoginButton
{
	width:100px;
	margin-right:90px;
}
.popUp
{
	width:400px;
	height:400px;
}
.popUpImage
{
margin:5px;
border:Solid 3px #CCC;
}

.popUpBackGround
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.listTable
{
	margin:0 auto;
	
}
.highlights
{
	width:100%;
	color:White;
	background-color:#ccccff;
	font-family:Arial;
	font-size:small;
	font-weight:bold;
}

.boxOuter
{
	margin:5px auto;
	padding:5px;
	border:solid 2px #CCC;
	width:500px;
	
}
.manageMenuLinks
{
	color:White;font-size:0.9em;font-weight:bold;
	text-decoration:none;
	padding:5px;
	margin:15px;
	border:Solid 3px Gray;
}

.contentDiv
{
	margin:10px;
	padding-top:10px;
	color :#75A1D0;
	
	
}
.contentDiv h3
{
	color:#cd6600;
}
.contentBox
{
	border :solid 2px #ccc;
	font-size:0.8em;
	font-family:Arial;
	font-weight:bold;
	padding:20px;
	padding-top:3px;
	
	
}
.contentBox h4
{
	
}
.dragHandle
{
	width: 10px;
	height: 10px;
	background-image: url(/images/reorder.png);
	cursor: move; 
	}
.contentBox a
{
	color :#0099cc;
}
#ctl00_contentPlaceHolder_body_ReorderList1 
{
	margin:0 auto;
}
#ctl00_contentPlaceHolder_body_ReorderList1 ul
{
	padding:2px;
	list-style:none;
	
}
#ctl00_contentPlaceHolder_body_ReorderList1 ul li
{
	
	padding-left:5px;
	list-style:none;
	color:#36648B;
	margin:4px;
	border:solid 1px #ccc;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	
}
.linkParagraph
{
	border:Solid 2px #ccc;
	width:100px;
	padding:5px;
}
.itemArea
{
	margin:5px;
}
.modal
{
    background-color: Gray;
    filter:alpha(opacity=40);
    opacity:0.7;
}
.ModalWindow

{
  border:Solid 3px Black;
  background-color:Black;
  padding: 0px 10px 10px 10px;
  position:absolute;
  top:-1000px;

}
#logout
{
	float:right;
	margin-right:10px;
}
#logout a
{
	color:White;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
}
.addremoveArea
{
	background-color :#fff;
}
.reorderlistArea
{
	width:500px;
	margin:0 auto;
}
.reorderCue
{
	background-color: #ccccff;
	width:100%;
	height:60px;
    filter:alpha(opacity=40);
    opacity:0.7;
    color:Gray;
    border:Solid 3px Black;
}

.eventListItem
{
	
	border : Solid 3px #CCC;
	padding : 0px;
	margin : 5px;
	font-size:0.9em;
	color:#000;
	width: 700px;
}
.heading
{
	text-align:center;
	font-size:small;
	font-weight:bold;
	padding:2px;
	background-color:#ffffdd;
	color:#99ccee;
	width:98%;
	margin:0 auto;
}
.eventListItemFooter
{
	border:solid 1px #cccccc;
	color:White;
	padding:5px;
	margin:15px;
	
}
.updatecancel
{
	
	background-position:left top;
	border: Solid 1px #0099cc;
	padding:2px;
	text-decoration : none;
	text-align:center;
	background-color: #CAE1FF;
		
}

.eventListItemTable
{
	border:Solid 1px #ccddff;
	margin:0px auto;
	
}
.editEventTextInput
{
	width:98%;
	color:#6677dd;
	padding:5px;
	color:#777777;
	font-weight:bold;
	padding-top:1px;
	padding-bottom:1px;	
}
.eventContent
{
	font-size:1em;
	font-family:Arial;
	text-align:left;
	text-shadow:#ccc;
	font-weight:normal;
	margin:15px;
	padding:5px;
	color:#55555f
	
}
.eventcontentText
{
	color:#777777;
	
	
}
.eventHeading
{
	position:relative;
	left:0;
	top:0;
	color:White;
	background-color:#CCC;
	height:10px;
	margin:0px;
	margin-bottom:15px;
	padding:15px;
	padding-top:3px;
	
	font-size:medium;
	font-weight:bolder;
}

.eventOptions
{
	margin:0 auto;
	margin-bottom:12px;
	padding:2px;
	width:300px;
	}
	#ctl00_contentPlaceHolder_body_EventList 
	{
		width:100%;
	}
	
	
.specialsForm { margin: 15px 10px 0 0; padding: 0; width:355px; background: url(../images/HTP_Specials_Form_Footer.gif) bottom left no-repeat #ebe8d9; float: right; color:#796047; font-family:Arial; font-size:0.76em; font-weight:normal; line-height:18px; }
.specialsForm p { padding: 0 10px; }
.specialsForm input { border: 0; }
.specialsForm textarea { border: 0; padding: 5px;}


.imageMap
{
border-width:0px;
}

#homepagecontentcontainer
{
	margin:0;padding:0;
	background:#ffffff url(/images/home-main.jpg) top left no-repeat;
	height:369px;
	
}
#homepagecontentcontainerFR
{
	margin:0;padding:0;
	background:#ffffff url(/images/home-main-FR.jpg) top left no-repeat;
	height:369px;
	
}
#homepagecontent
{
	margin:0;
	padding:0;
	float:right;
	width:211px; 
	padding-top:21px;
	padding-right:0px;
	margin-right:0px;
	
	
}
#homepagecontent p
{
	color:#796047;font-family:Arial; font-size:12.13px;  padding: 0 15px 0 17px; line-height:21px;margin-bottom:4px;
}
.linkdiv
{
	background-color:#ebe8d9;
	width:188px;
	overflow:hidden;
	color:#786e39;
	font-size:11px;
	font-family:Arial;
	float:right;
	margin:4px;
	margin-right:0px;
	padding:5px;
	
}
.linkdiv a
{
	color:#786e39;
	text-decoration:none;
	margin:0px;
	padding:0px;
	vertical-align:middle;
	margin-left:13px;
}
.linkdiv a:hover
{
	color:#6c2600;
	text-decoration:none;
}
#socialnetworksdiv
{
	margin:0px;
	margin-top:5px;
	padding:0px;
	padding-left:24px;
	width:187px;
	float:right;
}
#socialnetworksdiv a
{
	margin:0;
	padding:0;
	float:left;
	margin-left:6px;
}
.Error
{
	background-color:Red;
	padding:5px;
	color:White;
}
.Message
{
	background-color:#628fbe;
	padding:5px;
	color:White;
}