
html,body {height: 100%;}

/* General styles */
body 
{
text-align:center;
    color: #000;
    background: #eee;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 100%;
    margin: 0;
    padding: 0;
}


a.main:link          {color:#0060A0; font-weight:bold; text-decoration:none}
a.main:active        {color:#0060A0; font-weight:bold; text-decoration:none}
a.main:visited       {color:#0060A0; font-weight:bold; text-decoration:none}
a.main:hover         {color:#0060A0; font-weight:bold; text-decoration:underline}

a.admindelete:link     {color:#000099; font-weight:bold; font-weight:bold; text-decoration:none}
a.admindelete:active   {color:#000099; font-weight:bold; text-decoration:none}
a.admindelete:visited  {color:#000099; font-weight:bold; text-decoration:none}
a.admindelete:hover    {color:#ff9900; font-weight:bold; text-decoration:none}

a.admindisplay:link     {color:#000099; font-size:small; text-decoration:none}
a.admindisplay:active   {color:#000099; font-size:small; text-decoration:none}
a.admindisplay:visited  {color:#000099; font-size:small; text-decoration:none}
a.admindisplay:hover    {color:#ff9900; font-size:small; text-decoration:none}

td.adminsmall   {font-size:small;}

td.vertCenter   {vertical-align: middle;}

/* Calendar styles */

.calCurrentDay   {background-color:#c0c0c0}
.calOtherDay     {background-color:#f0f0f0}
.calNotDay       {background-color:#f0f0f0}
.calFormMenu     {background-color:#0060A0; color:#ffffff; font-weight:bold}
.names           {background-color:#f0f0f0; color:#0060A0; font-weight:bold; text-align:center; width:15%}

a.arrow:link          {background-color:#ffffff; color:#666666; font-weight:bold; text-decoration:none}
a.arrow:active        {background-color:#ffffff; color:#666666; font-weight:bold; text-decoration:none}
a.arrow:visited       {background-color:#ffffff; color:#666666; font-weight:bold; text-decoration:none}
a.arrow:hover         {background-color:#ffffff; color:#ff0000; font-weight:bold; text-decoration:none}

a.event:link          {background-color:#f0f0f0; color:#000000; font-size:10px; font-weight:normal; text-decoration:none}
a.event:active        {background-color:#f0f0f0; color:#000000; font-size:10px; font-weight:normal; text-decoration:none}
a.event:visited       {background-color:#f0f0f0; color:#000000; font-size:10px; font-weight:normal; text-decoration:none}
a.event:hover         {background-color:#f0f0f0; color:#ff0000; font-size:10px; font-weight:normal; text-decoration:none}

a.caldate:link     {color:#0060A0; font-weight:bold; text-decoration:none}
a.caldate:active   {color:#0060A0; font-weight:bold; text-decoration:none}
a.caldate:visited  {color:#0060A0; font-weight:bold; text-decoration:none}
a.caldate:hover    {color:#ff0000; font-weight:bold; text-decoration:none}


a.currEvent:link      {background-color:#c0c0c0; color:#000000; font-size:10px; font-weight:normal; text-decoration:none}
a.currEvent:active    {background-color:#c0c0c0; color:#000000; font-size:10px; font-weight:normal; text-decoration:none}
a.currEvent:visited   {background-color:#c0c0c0; color:#000000; font-size:10px; font-weight:normal; text-decoration:none}
a.currEvent:hover     {background-color:#c0c0c0; color:#ff0000; font-size:10px; font-weight:normal; text-decoration:none}
 
 #calmainbar {
  height: 800px;
  font-size:15px;
	margin-right:0px;
	padding-right:0px;
	padding-left:0px;
	background-image:url(../images/backgrounds/mainbar.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}


 /* end Calendar styles */



#adminmainbar {
  height: 100%;
  font-size:15px;
	margin-right:35px;
	padding-right:35px;
	padding-left:35px;
	background-image:url(../images/backgrounds/mainbar.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

#adminmainbar h1 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:25px;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:1px solid #eeeeee;
	color:#0060A0;
		
}


.announce {
margin: 10px 0 10px 0;
padding: 10px;
width: 130px;
color: #505050;
background-color: #f4f4f4;
line-height: 1.3em;
}

.announce h3 {	
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:15px;
	margin-top:0px;
	padding: 0;
	font-weight:bold;
	color:#0060A0;
}

#avmenu {

clear: left;
background-color: #ffffff;
float: left;
width: 150px;
margin: 0 0 10px 0;
padding: 20px;
font-size: 10px;

}

#avmenu h2 {	
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:15px;
	margin-top:0px;
	padding: 0;
	text-transform:uppercase;
	font-weight:bold;
	color:#0060A0;
}	


#avmenu ul {	
list-style: none;
width: 150px;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.1em;
}	

#avmenu li {
margin-bottom: 4px;
}

#avmenu li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #505050;
display: block;
padding: 6px 0 0 10px;
background: #f4f4f4;
border-left: 4px solid #cccccc;
}	
	
#avmenu li a:hover {
background: #eaeaea;
color: #0060A0;
border-left: 4px solid #0060A0;
}



.bold            {font-weight:bold}



#content
{
    color: #000;
   background-image : url(images/shadow.png);
	background-repeat : repeat-y;
	margin:0 auto 0 auto;
	padding:0px 30px 0px 30px;
    width: 800px;
	text-align:left;
	 /* IE Box Model Hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 800px;
}
#content:after{ 
content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;}

.error   {color:#ff0000; font-weight:bold; text-align:center}

#header {
	background: #eee url('images/banner_mountains.jpg') no-repeat center top;
  
}

#header h1 {
	margin: 0 10px;
	padding: 0;
	height: 192px;
	line-height: 3em;
	color: #0060A0;
	font-size: 130%;
}

.hide {
display: none;
}

  .imageborder {
  	padding:0px;
  	border:1px solid #ccc;
  	margin-left:0px;
  	margin-top:0px;
  	margin-bottom:0px;
    }

.introduction {
	font-family:Helvetica, Arial, sans-serif;
	line-height:20px;
	font-size:12px;
	color:#99B198;
	text-indent:25px;
	background-image:url(../images/backgrounds/desc.jpg);
	background-position:bottom left;
	padding-left:0;
	padding-right:200px;
	padding-bottom:35px;
	padding-top:0;
	background-repeat:no-repeat;
	
}





#mainbar {
  height: 100%;
  font-size:15px;
	margin-right:185px;
	margin-left:150px;
	padding-right:35px;
	padding-left:35px;
	
	
	/*background-image:url(../images/backgrounds/mainbar.jpg);
	background-position:top right;
	float: right;
	background-repeat:no-repeat;*/
}

#mainbar h1 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:25px;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:1px solid #eeeeee;
	color:#0060A0;
		
}

#mainbar p {
	padding:15px;
	line-height:20px;
}

#mainbar .articleimg {
	float:right;
	padding:5px;
	border:1px solid #eeeeee;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:20px;
}

.menutitle {
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:15px;
	margin-top:0px;
	padding: 5px;
	text-transform:uppercase;
	font-weight:bold;
	color:#0060A0;
}
#menu-top {
	overflow: hidden; /* no idea why this works, but it fixes a FF problem */
}

#menu-top ul {
	margin: 0 0px;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 15px;
	float: left;
}

#menu-top li {
	display: inline;
	float: left;
}

#menu-top a {
	float: left;
	background:url(images/menuleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
}

#menu-top a span {
	background: transparent url(images/menuright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#0060A0;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

 #menu-top a:hover { background-position:0% -42px; }
 #menu-top a:hover span {	background-position:100% -42px; }


#sidebar {
	width:160px;
	float:right;
	font-size:95%;
	color:#6C534A;
	text-align:left;
}



#sidebar h1 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:20px;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:1px solid #eeeeee;
	color:#0060A0;
	text-align:left;
}

.smalltxt {
     font-size:12px;
}


.submenu {
}
.submenu a {
  font-size: 15px;
  color: #505050;
	display:block;
	width:100%;
	background-image:url(../images/backgrounds/submenua.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:5px;
	padding-right:0;
}
.submenu a:hover {
  color: #0060A0;
	background-color:#eeeeee;
	background-image:url(../images/backgrounds/submenua_hover.jpg);
	background-repeat:repeat-y;
}


.textright {
text-align: right;
}


#tablemain p {
	float:right;
}
