@font-face {font-family: "Myraid Pro";src: url(myraidpro.ttf);}
.myraidpro {font-family: "Myraid Pro";}
body {font-family:  'Myriad Pro', 'Verdana', 'Geneva', 'Arial', 'Gill Sans',  'sans-serif'; color: #404040; margin: 0px; background-color: #fff;}
/**** LOGIN ****/
#loginBox{width: 300px; height: auto; margin: 50px auto 0px auto; background-color: #fff; padding: 10px; color: #25819c; display: none;}
#loginForm{margin: 20px auto;}
#loginBox a {color: #aeaeae; font-size: 12px;}
#loginBox a:hover {color: #91c44a;}
td.loginBox{color: #909090; font-size: 12px;}
#loginButton{display: none;}


/**** STAFF AREA ****/
#siteBox{width: 690px; height: auto; min-height: 400px; _height: 400px; margin: 15px auto; background-color: #fff;}
	#navBox{width: auto; min-width: 130px; height: auto;background-color: #fff; float: left; margin: 0px 10px 0px 0px; padding: 10px 0px 100px 0px;}
		ul#nav{margin: 0px; padding: 0px; list-style: none;}
		li#nav{list-style: none; margin: 5px auto;}
		.nav a{color: #303030; font-size: 16px;}
		.nav a:hover{color: #91c44a;}
	#contentBox{width: auto; max-width: 542px; height: auto; min-height: 300px; _height: 300px; float: left; background-color: #fff; opacity:0.0;filter:alpha(opacity=0);}
	#footerBox{width: 670px; height: auto; float: left; margin: 40px 0px 0px 0px; border-top: 1px solid #ccc; padding: 10px;}

#addBox{display: none;}
#box{width: 500px; height: auto; padding: 20px; background-color: #fff; float: left; margin: 0px 0px 10px 0px; border: 1px solid #ededed;}
.box{width: 500px; height: auto; padding: 20px; background-color: #fff; float: left; margin: 0px 0px 10px 0px; border: 1px solid #ededed;}
#msgBox{width: 520px; height: auto; margin: 0px auto; padding: 10px; background-color: #91c44a; border-bottom: 1px solid #404040; border-left: 1px solid #404040; border-right: 1px solid #404040; font-size: 14px; color: #303030; text-align: center; position: absolute; z-index: 3; top: 0px;}
#picBox{width: 52px; height: auto; float: left; margin: 5px;}
.close{float: right; font-size: 10px; color: #fff; cursor: pointer;}
.thumb{width: 50px; height: 100px float: left;  border: 1px solid #ccc;}
.table{float: left;}
.table td{padding: 0px 15px 0px 0px;}
/* GENERAL ELEMENTS */
a {text-decoration: none; color: #25819c;}
a:hover{color: #404040;}
a:active{outline: none; color: #202020;}
a:focus{outline: none;}
img {border: none; }
h1{color: #91c44a; font-size: 18px; margin: 0px 10px 0px 0px; padding: 0px; font-weight: normal;}
h2{color: #25819c; font-size: 18px; margin: 0px 10px 0px 0px; padding: 0px; font-weight: normal;}
h3{color: #808080; font-size: 18px; margin: 0px 10px 0px 0px; padding: 0px; font-weight: normal;}
p{color: #808080; font-size: 14px;}

/* FORM STYLES */
input:focus{outline: none;}
textarea:focus{outline: none;}
.button{color: #fff; background-color: #91c44a; padding: 5px 10px; border: 1px solid #808080; font-size: 12px;}
.button:hover{color: #91c44a; background-color: #404040; padding: 5px 10px; border: 1px solid #404040; font-size: 12px; cursor: pointer;}
.formfield{border: 1px solid #ccc; width: 150px; color: #808080; font-weight: bold; font-size: 10px; background-color: #fff;}
.textarea{border: 1px solid #ccc; width: 150px; height: 150px; color: #808080; font-weight: bold; font-size: 10px;}
.textarea_large{border: 1px solid #ccc; width: 250px; height: 150px; color: #808080; font-weight: bold; font-size: 10px;}
.select{width: 150px; height: auto; background-color: #fff; font-weight: bold; color: #404040; border: 1px solid #ccc;}


.example{color: #909090; font-size: 10px;}
.subheader{color: #aaa; font-size: 14px; margin: -5px 0px 10px 0px; width: 100%; float: left;}
.error{color: red; font-size: 10px;}
.hidden{display: none;}
.delete{font-size: 12px;}
.contact a{float: right; color: #808080;}
.contact a:hover{float: right; color: #25819c;}
.logout a{float: left; color: #808080;}
.logout a:hover{float: left; color: #91c44a;}
.highlight{color: #fafafa;}
.highlight a {color: #fafafa;}
.highlight a:hover{color: #25819c;}

ul{text-decoration: none; list-style: none; padding: 0px; margin: 0px;}