*{
  margin:0;
  padding:0;
  font-family: arial, sans-serif;
}

html {
  height:100%;
  margin-bottom:1px;
}

body {
  height:100%;
  margin-bottom:1px;
  color:#fff;
  font-size:0.9em; 
  background: url('../images/background.jpg') #fff fixed top center no-repeat; /* DO NOT REMOVE THIS; or you'll have issue w/ the scrollbar, when the mouse pointer is on a white space */
}

/********* DEFAULT ELEMENT STYLES *********/
p {
  line-height:1.4em;
  padding:0 0 12px 0;
}
h4 {
  padding:0 0 12px 0;
}
h1 {
  width:532px;
  height:79px;
  float:left;
  overflow:hidden;
  margin:-6px 0 0 0;
}
h1 span {
  display:block;
  width:100%;
  height:100%;
  background:url('../images/hm-logo.png') transparent no-repeat;
}
#headerLogo {
  float:left;
  margin-top:-6px;
}
.logout {
  float:right;
  margin:0 10px;
}
h2 {
  font:'Acens', Arial, sans-serif;
  font-weight:bold;
  
  color:#fff;
  font-size:1.25em;
  margin-bottom:12px;
}  
h3 {
  color:#fff;
  font-weight:bold;
  font-size:1.1em;
  padding:0 0 12px 0;
}
a {
  color:#d00;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
ul, ol {
  margin:0 0 0 12px;
  padding:0px;
}
li {
  margin:0px;
  padding:0px;
}
a img {
  border:0px;
}

#container {
	width:100%;
	height:100%;	/* this will make sure that the height will extend at the bottom */
	overflow:auto;	/* will have a scrollbar at our content containier */
	position:absolute; /* container div must be absolute, for our fixed bar to work */
    margin-bottom:100px;
}


	#container .spacer { /* spacer w/ fixed height; give space to the content and fixed bar */
		height:100px;
        width:100%;
        clear:both;
	}

#dragbox_wrapper {
    width:auto;
    position:absolute;
    left: 0px;
    top: 0px;
    margin: 0px;
    background: transparent;
    height:100%;
}

#sideBar { 
float:right;
    width:201px;
    height:200px; 
}

#calendarBox { 
    overflow:hidden;
    width:201px;
    height:200px; 
/*    position:absolute;*/
    position:relative;
    top:-2px;
}
#newsBox { 
    overflow:hidden;
/*    top:196px;*/
    width:201px;
    height:165px; 
/*    position:absolute;*/
    position:relative;
    top:-4px;
  font-size:0.9em;
}
#calendarBox .divcontent, #newsBox .divcontent { 
    padding:13px 0;
}
#sideBar .topbottombg {
    width:181px;
}
#calendarBox .sidesbg {
    height:181px;
}
#newsBox .sidesbg {
    height:145px;
}
    
#tabMenu {
	background:url("../images/tabmenu.png") transparent;
	height:52px;
	margin:0;
	padding-left:10px;
	margin-top:10px;
	}
#tabMenu li{
	margin:0px -5px;
	height:21px;
	text-align:center;
	display:block;
	float:left;
	width:144px;
}
#tabMenu li img{
	background:transparent;
}
#tabMenu li a {
	background:url("../images/tabs.png") top left transparent;
	padding:10px 0;
	display:block;
}
#tabMenu li a.on {
	background:url("../images/tabs.png") 0px 41px transparent;
}
#tabMenu li a:hover {
	background:url("../images/tabs.png") 0px 82px transparent;
}

#navMenu {
	margin:0;
	display:block;
	}
#navMenu li{
	text-align:center;
	display:block;
	float:left;
	margin-right:20px;
}
#navMenu li a {
	display:block;
}
#navMenu li a.on {
}
#navMenu li a:hover {
}

/********* HEADER *********/

#headerInner.bottomleft, headerInner.bottomright {
  height: 90px;
}
#header{
  color:#fff;
  width:920px;
  height:90px;
  position:relative;
/*  position:absolute;*/
  /*background: url('../images/headerBg.gif') #666 top left repeat-y;*/
/*  background: #222 top left repeat-y;*/
  margin-top:40px;  
}
#headerdiv {
  width:900px;
  margin:0px;
  height:auto;
  padding:13px;  
}
.clear {
  clear:both;
}

/********* CONTENT *********/

#main {
/*  background: url('../images/contentBg.gif') #fff top left repeat-y;*/
  width:920px;
  padding:0px;
  margin:0px auto;
}
#content {
width:710px;
padding-top:5px;
}

.contentBox {
  width:662px;
  padding:0px 24px 20px;
/*  opacity: 0.86;
  filter:alpha(opacity=86);*/
  background: transparent url(../images/transbackcurvesides.png) repeat-y;
}
.contentBoxTop {
  margin-top: 5px;
  display:block;
  width:710px;
  height:21px;
/*  opacity: 0.86;
  filter:alpha(opacity=86);*/
  background: transparent url(../images/transbackcurve.png) top left no-repeat;
}
.contentBoxBottom {
  display:block;
  width:710px;
  height:21px;
  margin-bottom:20px;
/*  opacity: 0.86;
  filter:alpha(opacity=86);*/
  background: transparent url(../images/transbackcurve.png) bottom left no-repeat;
}
.titleBox {
background-color:#CCCCCC;
color:#666666;
line-height:16px;
margin:5px 0 6px;
padding:3px;
width:173px;
}

#newsBox p {
  font-size:0.9em;
  color:#fff;
  margin:0px 10px;
}
#newsBox h3 {
  color:#fff;
  margin:0px 10px;
}
#newsBox h4 {
  color:#fff;
  font-size:1em;
  padding:0px 4px;
  margin:0px 10px;
}
#newsBox .readmore {
  color:#d00;
  display:block;
  font-weight:bold;
  margin-top:5px;
}
#credit {
  float:left;
  clear:right;
  font-size:0.7em;
  margin-top:10px;
}
#credit span {
  display:block;
  margin-bottom:4px;
}


/* ////////////////////// Draggable Boxes ////////////////////////// */

.smallbox {
/*    opacity: 0.8;
    filter:alpha(opacity=80);*/
    position:absolute;
    overflow:hidden;
    text-align:left;
}

/* //////////////////////CORNERS////////////////////////// */
.topleft, .topright, .bottomleft, .bottomright {
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    background: transparent no-repeat;
}
.topleft {
    background-image:url('../images/box/boxtopleft.png');
    background-position: top left;
}
.topright {
    background-image:url('../images/box/boxtopright.png');
    background-position: top right;
}
.bottomleft {
    background-image:url('../images/box/boxbottomleft.png');
    background-position: bottom left;
}
.bottomright {
    background-image:url('../images/box/boxbottomright.png');
    background-position: bottom right;
}
/* //////////////////////SIDES////////////////////////// */

.sidesbg {
    display:block;
    position:absolute;
    margin:13px 0px;
    background: #000 url(../images/box/boxleft.png) top left repeat-y;
    opacity:0.87;
    width:100%; height:30px;

}
.sidesbg span {
    display:block;
    background: url(../images/box/boxright.png) top right repeat-y;
    width:100%; height:100%;
}

.topbottombg {
    display:block;
    position:absolute;
    margin:0px 13px;
    background: url(../images/box/boxtop.png) top left repeat-x;
    width:30px; height:100%;
}
.topbottombg span {
    display:block;
    background: url(../images/box/boxbttm.png) bottom left repeat-x;
    width:100%; height:100%;
}

/* /////////////////////BOX CONTENT/////////////////////// */
.topbar {
   position:absolute;
   background: transparent;
   width:100%;
   top:0px;left:0px;
   height:25px;
}

.divcontent {
    position:absolute;
    padding:15px;
    width:100%; height:100%;

}
img.icon {
position:relative;
margin-top:0px;
top:3px;
}
div.topBackground {
	width:90%;
	background: url('../images/background.jpg') #555 top left repeat; /* DO NOT REMOVE THIS; or you'll have issue w/ the scrollbar, when the mouse pointer is on a white space */
    height:40px;
    position:absolute;
    display:block;
    top:0px;left:0px;
    z-index:80;
}

.itemBox {
   -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    border:1px solid #fff;
    padding:10px;
    height:103px;
    width:291px;
    float:left;
    margin:0 18px 18px 0;
}

.thumbBox {
    padding: 5px 0;
    text-align: center;
    vertical-align: middle;
    width: 183px;
}

.thumbBox img {
    padding:10px;
    border:1px solid #fff;
   -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}
.itemBox img {
    margin-right:10px;
    float:left;
    border:1px solid #4B4B4B;
}
.itemBox p {
    font-size:.9em;
}
.itemBox a {
    color: #fff;
}
/* /////////////////////ADMIN ADD / EDIT/////////////////////// */

input.dateInput {
    padding:0 0 12px;
    font: normal bold 14.4px arial,sans-serif;
    color: #fff;
    text-transform: none;
    line-height: 16px;
    text-align: start;
    vertical-align: baseline;
    background: transparent;
    border:0px;
    display:block;
}


input.timeInput {
    padding:0 0 12px;
    font: normal bold 14.4px arial,sans-serif;
    color: #fff;
    text-transform: none;
    line-height: 16px;
    text-align: start;
    vertical-align: baseline;
    background: transparent;
    border:0px;
    display:inline;
    width:62px;
}
input#endTime {
}
a.iconEdit:hover, a.iconDelete:hover {
  opacity: 1;
  filter:alpha(opacity=100);
}
a.iconEdit, a.iconDelete {
  display: block;
  width: 17px;
  height: 15px;
  float: left;
  margin: 2px;
  opacity: 0.6;
  filter:alpha(opacity=60);
}
a.iconEdit {	
	background: url("../images/icons-admin.png");
}
a.iconView {	
    background: url("../images/icons-admin.png") -16px 0;
}
a.iconDelete {	
    background: url("../images/icons-admin.png") -49px 0;
}

.form {
margin:0;
overflow:visible;
padding:0 0 18px;
position:relative;
}
.form ul {
list-style-type:none;
}
.form li {
padding-bottom:12px;
}
.form fieldset {
border:2px solid #71B61B;
margin:15px 0 0 20px;
}
.form input {
float:right;
margin-right:12px;
width:150px;
}
.form .button {
float:right;
margin:0 20px 15px 0;
text-align:center;
width:80px;
}
.form select {
float:right;
margin-right:8px;
padding:1px;
width:306px;
}
.form label {
width:182px;
}
.form legend {
color:#333333;
font-weight:bold;
padding:0 4px 10px;
}
.form .radioBox {
float:left;
margin-bottom:8px;
margin-left:-15px;
}
.form .radioBox label.radio {
float:left;
margin-right:5px;
width:auto;
}
.form .radioBox input {
float:left;
margin:0 8px 0 15px;
position:relative;
top:6px;
width:auto;
}
.form .checkbox {
float:none;
margin-right:5px;
padding:0;
position:relative;
top:2px;
width:auto;
}
.form label.radioQuestion {
display:block;
}
.err {
}

#loginForm {
}
#loginForm ul {
  width:220px;
  margin:0 auto;
}
.form input {
  width:130px;
}
#loginForm .submit {
  width:50px;
  margin:0 55px;
}
#contact fieldset {
  border:0px;
}

#contactForm p {
  line-height:1.286em;
  margin: 0px;
}

#contactForm p img {
  float:left;
  margin:0px 6px;
}

#contact label {
  text-align:right;
  padding-top:2px;
  padding-right:10px;
  font-size:0.875em;
  font-weight:bold;
  float:left;
  clear:left;
  width:100px;
}

#contact input, #contact textarea {
  background:#FDFDFD;
  font-family:arial,sans-serif;
  font-size:0.875em;
  margin-bottom:6px;
  float:left;
  width:270px;
  padding:1px;
  border:1px solid #B8CDF5;
}
#contact input:focus, #contact textarea:focus {
  background:#F0F6FB;
}


#contact #submit {
  float:left;
  clear:left;
  width:auto;
  border:0px;
  margin-left:108px;
  padding:0px;
}

#googleMap {
  width:638px;
  height:312px;
  border:1px solid #B8CDF5;
  margin-bottom:18px;
}

div.dottedLine {
  background: url('../images/common/dottedLine.gif') transparent 0px 20px repeat-x;
  display:block;
  height:40px;
  clear:both;
}

#contact input.err, #contact textarea.err {
  border-color:#FF2222;
  background:#FFCCCC;
}
#contact label.err {
  color:#CC0000;
}

p.err {
  color:#CC0000;
  float:left;
  padding:2px 0 0;
}
p.blue {
  color:#0776BC;
}
p.yellow {
  color:#D6921F;
}