*{ margin:0; padding:0; }

html, body{ background:#ffffff;
	font:11px/20px 'Lucida Grande','Lucida Sans Unicode',Tahoma, Arial, san-serif;
	color:#222;
	padding:0 0 0 0;
	height: 100%;
}

h1 { font-size: larger; font-weight: bold; text-align:center;}

.win-one { position: absolute; padding-top: 50px; padding-left: 50px; } 
.win-corner-a { position: absolute; right: 0; top: 0; width: 50px; height: 50px; background: url(http://www.madwolfsw.com/images/winframe.png) right top no-repeat; } 
.win-corner-b { position: absolute; left: 0; bottom: 0; width: 50px; height: 50px; background: url(http://www.madwolfsw.com/images/winframe.png) left bottom no-repeat; } 
.win-two { background: url(http://www.madwolfsw.com/images/winframe.png) right bottom no-repeat; } 
.win-three { position: relative; left: -50px; top: -50px; background: url(http://www.madwolfsw.com/images/winframe.png) left top no-repeat; } 
.win-four { position: relative; left: 25px; top: 25px; }

.shadow-one { position: absolute; padding-top: 50px; padding-left: 50px; } 
.shadow-corner-a { position: absolute; right: 0; top: 0; width: 50px; height: 50px; background: url(http://www.madwolfsw.com/images/shadowbox.png) right top no-repeat; } 
.shadow-corner-b { position: absolute; left: 0; bottom: 0; width: 50px; height: 50px; background: url(http://www.madwolfsw.com/images/shadowbox.png) left bottom no-repeat; } 
.shadow-two { background: url(http://www.madwolfsw.com/images/shadowbox.png) right bottom no-repeat; } 
.shadow-three { position: relative; left: -50px; top: -50px; background: url(http://www.madwolfsw.com/images/shadowbox.png) left top no-repeat; } 
.shadow-four { position: relative; left: 25px; top: 25px; }

.inset-one { position: relative; padding-top: 30px; padding-left: 30px; } 
.inset-corner-a { position: absolute; right: 0; top: 0; width: 30px; height: 30px; background: url(http://www.madwolfsw.com/images/sunken.png) right top no-repeat; } 
.inset-corner-b { position: absolute; left: 0; bottom: 0; width: 30px; height: 30px; background: url(http://www.madwolfsw.com/images/sunken.png) left bottom no-repeat; } 
.inset-two { background: url(http://www.madwolfsw.com/images/sunken.png) right bottom no-repeat; } 
.inset-three { position: relative; left: -30px; top: -30px; background: url(http://www.madwolfsw.com/images/sunken.png) left top no-repeat; } 
.inset-four { position: relative; left: 15px; top: 15px; }

#frame{ width:800px; margin-left:auto; margin-right:auto; min-height: 100%;}
#pageBody {padding-left:15px; padding-right:15px; padding-bottom: 100px; padding-top:5px;}
#frameBody {padding:0px;}

#header{width:800px; margin-left:auto; margin-right:auto; background:url(http://www.madwolfsw.com/images/header.png) no-repeat; height:113px; }
.logo{position:relative; padding-top:10px; padding-left:5px; font-weight: bold; font-size:1.3em; color:black; font-style:italic}
.login{text-align:right; padding-right:10px; color:#FFFFFF; line-height:10px; }

#menu{width:800px; margin:0 auto; height:29px; background:url(http://www.madwolfsw.com/images/menu_bg.png) no-repeat; }
#menu ul{ list-style:none; width:800px; margin:0 auto; }
#menu li{ display:inline; line-height:25px; margin:0 15px; font-weight: bold; }
#menu li a, #menu li a:hover, #menu li a.current{ color:#004DA5; text-decoration:none; }
#menu li a:hover, #menu li a.current{ color:#000000; }

#footer {position:relative; margin-left:auto; margin-right:auto; margin-top: -100px; width:800px; height:100px; line-height:65px; font-size: 10px; text-align:right; vertical-align:middle; clear:both;}
#footer img{ vertical-align:middle; }