html	{ margin:0px; -webkit-text-size-adjust:100%; overflow-y:scroll; height:100%; }
*	{ box-sizing:border-box; line-height:20px; }
body	{ font-family:arial,helvetica,sans-serif; color:#333333; margin:0; background-Color:#EEEEEE; background-Image:url('/pics/beach.jpg'); background-attachment:fixed; background-repeat:no-repeat; background-size:cover; background-position:center; }
.round	{ border:1px solid #CCCCCC;  border-radius:10px; }

a	{ color:#0000CC; }
.link	{ color:#0000CC; text-decoration:underline; cursor:pointer; }

#navbar	{ width:100%; top:0px; left:0px; background-Color:#000066; cursor:pointer; }
.navcell{ color:#FFFFFF;  border-left:1px solid #333399; border-right:1px solid #000000; }
.navlink{ font-family:arial,helvetica,sans-serif; font-size:15px; font-weight:bold; color:#FFFFFF; text-decoration:none; }

#main	{ padding:20px; max-width:800px; margin:20px 20px 0 20px; padding:15px; border:1px solid #CCCCCC;  border-radius:10px; border-top:0; background-Color:#FFFFFF; text-align:left; }

/* copyright */
#copy	{ position:relative; width:100%; padding:5px; margin:15px 0px 20px 0px; font-size:11px;  text-align:center; color:#00066; }

h1	{ font-size:22px; font-weight:normal; margin:10px 0px 10px 0px; }
h2	{ font-size:20px; font-weight:normal; margin:10px 0px 10px 0px; }
h3	{ font-size:18px; font-weight:normal; margin:10px 0px 10px 0px; }

input[type="text"]	{ height:32px; width:100%; border:1px solid #6699CC; border-radius:5px; font-size:16px; }
input[type="number"]	{ height:32px; width:100%; border:1px solid #6699CC; border-radius:5px; font-size:16px; }
input[type="date"]	{ height:32px; width:100%; border:1px solid #6699CC; border-radius:5px; font-size:16px; }
input[type="time"]	{ height:32px; width:100%; border:1px solid #6699CC; border-radius:5px; font-size:16px; }
input[type="tel"]	{ height:32px; width:100%; border:1px solid #6699CC; border-radius:5px; font-size:16px; }
input[type="password"]	{ height:32px; width:100%; border:1px solid #6699CC; border-radius:5px; font-size:16px; }
input[type="submit"]	{ height:40px; width:100%; border:1px solid #6699CC; border-radius:5px; font-size:16px; background-color:#3366CC; background:-webkit-linear-gradient(#99CCFF,#3366CC); text-align:center; color:#FFFFFF; font-weight:bold; padding:0px 10px 0px 10px; }
select			{ height:32px; width:100%; border:1px solid #6699CC; border-radius:5px; font-size:16px; background-color:#FFFFFF; }
textarea		{ height:99px; width:100%; border:1px solid #6699CC; border-radius:5px; font-size:16px; background-color:#FFFFFF; }

.cal	{ display:inline-block; width:31%; margin:0 1% 1% 0; vertical-align:top; }

#hdr	{ width:100%; height:50px; border:1px solid #9999CC; border-bottom:0; }

#tbl	{ width:100%; height:190px; border:1px solid #9999CC; border-top:0; border-right:0; }
#tbl td	{ width:14.285%; border:1px solid #9999CC; border-left:0; border-bottom:0; }
#tbl .gray		{ font-size:10px; color:#999999; background-Color:#EEEEEE; }
#tbl .white		{ font-size:11px; color:#000000; background-Color:#FFFFFF; }
#tbl .white:hover	{ font-size:11px; color:#000000; background-Color:#FFFF00; cursor:pointer; }
#tbl .red		{ font-size:11px; color:#FFFFFF; background-Color:#EE0000; }


@media (max-width:750px) { .cal { width:48%; } }
@media (max-width:500px) { .cal { width:99%; } }