﻿* {margin:0px; padding:0px;}

body {background-image: url(../images/grass.gif); background-repeat: repeat; background-color: white;margin:0px;padding:0px; font-family:'Gills MT', Verdana, Arial, Sans-Serif;}
h1, h2, h3, h4
{margin-bottom:10px;}

a:link, a:visited
{text-decoration:none}

a:hover, a:active
{text-decoration:underline;}

img {border:none; padding:0px;}

/* HK Admin DIVs */
#status /* displays the login status */
{position:relative; top:-17px; right:0px; background-color:#979A9B; color:white;font-size:small; border:0px solid red;text-align:right;width:200px;float:right;padding:10px 5px;margin-right:5px;}

#status a:link, #status a:visited
{color:White;text-decoration:none}

#status a:hover, #status a:active
{color:White; text-decoration:underline;}

#splash_text p {padding:5px;}

/* displays the main contents of the page */
#page /* this covers the whole page */
{position: relative;
 width:770px;
 height:800px;
 top:0px; left:0px;
 margin:auto;
 font-family:'Gill Sans-Serif MT', Arial, Sans-Serif;
 border:1px solid red;
}

#header
{position: absolute;
 width:770px;
 height:50px;
 top:0px; left:0px;
 border:1px solid blue;
 z-index:1;
}

#header_logo
{position: absolute;
 width:50px;
 height:50px;
 top:0px; left:0px;
 border:0px solid yellow;
 z-index:2;
}

#header_menu
{position: absolute;
 width:530px;
 height:20px;
 top:0px; left:75px;
 border:0px solid green;
 z-index:2;
 background:#4d4d4d;
 padding-top: 5px;
 padding-left:5px;
 padding-bottom:3px;
 padding-right:5px;
}

#header_details
{position: absolute;
 width:150px;
 height:50px;
 top:0px; right:0px;
 border:0px solid yellow;
 z-index:2;
 background:transparent;
}

#main
{position: absolute;
 width:770px;
 height:600px;
 top:300px; left:0px;
 z-index:3;
 border:1px solid pink;
 font-size:small;
 }

#main_header /* this is the image and the page phrase */
{position: absolute;
 width:770px;
 height:200px;
 top:0px; left:0px;
 z-index:3;
 border:0px solid blue;
}

#main_header_image
{position: absolute;
 width:770px;
 height:200px;
 top:0px; left:0px;
 z-index:3;
 border:0px solid blue;
}

#main_header_text
{position: absolute;
 width:200px;
 height:200px;
 top:0px; right:0px;
 z-index:3;
 border:0px solid blue;
}

#main_header_text h1
{padding-left:30px;font-size:x-large; font-family:nina,'Gill Sans-Serif MT', Arial, Sans-Serif; letter-spacing:2px
}
#main_main
{border:1px solid green;
 float:left;
 width:770px;
 clear:both;
 padding-left::50px
 background:white;
}

#main_main p{padding:5px;}
#main_main_left
{background:beige; float:left;}
#main_main_middle
{background:transparent; float:left;padding-left:10px; border:0px solid black; font-family:'Gill Sans-Serif MT', Arial, Sans-Serif; font-size:small;width:540px;}

#main_main_middle h2 {margin:10px;}

#main_main_right
{background:transparent;width:220px; border:0px solid silver;float:right;}

#main_main_right p{padding:10px;}

#main_bottom
{border:0px solid red;
width:770px;
 float:left;
 clear:both;
}

#main_bottom_left
{background:transparent;width:250px;float:left;
}

#main_bottom_left p{padding:10px;}

#main_bottom_middle
{background:transparent;width:250px;float:left
}

#main_bottom_middle p{padding:10px;}

#main_bottom_right
{background:transparent;width:250px;float:right;
}

#main_bottom_right p{padding:10px;}

#footer
{background:#26272a; border:1px solid yellow;float:left;clear:both;width:770px;margin-top:20px;position: absolute;top:270px;
 height:20px;}

#footer li{list-style: none; 
display: block; 
float: left; 
font-size:x-small;
color:White;
padding-top:5px;
padding-bottom:8px;
padding-left:5px;
}
 
#footer a:link, #footer a:visited
{color:White;text-decoration:none}

#footer a:hover, #footer a:active
{color:White; text-decoration:underline;}

#Large{font-size:larger;background:blue}

#clear{clear:both;}

.title{font-size:20px; letter-spacing:5px; font-family:Tahoma, Arial, Sans-Serif;}

.title a:link, .title a:visited
{color:White;text-decoration:none}

.title a:hover, .title a:active
{color:White; text-decoration:underline;}

/* .NET Controls */
.txt {border:1px solid silver;padding:2px;}

/* login */
.login {width:200px; font:14px verdana,sans-serif; background-color:#5d6060; padding:4px; text-align:center; color:White; border:2px solid darkgray;margin:30px;}

.login_title {background-color:darkgray; color:White; font-weight:bold;padding:3px;margin-top:5px; text-align:center}

.login_instructions{font-size:12px; text-align:left; padding:10px;color:white; padding-top: 5px;}

.login_button{border:solid 1px solid; padding:0px; text-align:center}

/* CreateUser */
.createUser{width:350px; font: 14px verdana, sans-serif; background-color:lightblue; border:solid 3px black; padding:4px;}

.createUser_title{background-color:darkblue; color:White; font-weight:bold;}

.createUser_instructions{font-size:12px; text-align:left; padding:10px;}

.createUser_button{ border:solid 1px black; padding:3px;}

/* Menu */
.menu 
{font-size:0.8em;
 background:yellow;
 width:530px;
}


.menu a{color:White;}

.StaticMenuStyle{background:#26272a;padding:2px;} /* default color */
.StaticHoverStyle{background:red;} /* when the mouse is over the top level link */
.StaticMenuItemStyle{background:#26272a;}/* when the mouse is over the top level link */
.StaticSelectedStyle{background:yellow;} /* don't know */


.DynamicHoverStyle{background:blue} /* dropdown color */
.DynamicMenuItemStyle{background:green;color:white; font-size:small; padding-top:10px; padding-right:0px;border-left:3px solid silver; padding-bottom:2px;} /* dropdown color */
.DynamicMenuStyle{background:yellow;z-index:100;}
.DynamicSelectedStyle{background:orange;border:1px solid black;padding:15px}

.DynamicMenuItemStyle a {padding-right:0px;border-bottom:0px solid silver;padding-bottom:5px;padding-top:5px;background:#26272a; padding-left:5px;}
.DynamicMenuItemStyle td{border-bottom:1px solid silver; background:red;}

/* Data grid  */
.dg td{padding:5px;}
.dgHeader{background-color:Gray; height:30px;color:White; font-size:15px; text-align:center;}
.dgAlternativeRow {background-color:#d3ffd4;height:20px; font-size:10px; }
.dgRow{background-color:#c8ebf9;height:20px; font-size:10px;}