/* CSS Document */

/* Main */
body { font-size: 76%;}
html,body {margin: 0px; padding: 0; height: 100%; width: 100%; margin: 0px; text-align: center; }
#frame { height: 100%; width: 700px; margin-right: auto; margin-left: auto;	padding: 0px; text-align: left;  background: #000 url(images/framebg.jpg) 100% 0 repeat-y;}
#frameout { height: 100%; width: 740px; margin-right: auto; margin-left: auto;	padding: 0px; text-align: center; background: #404040;}


/* Links */
a:link { font-family:Arial, Helvetica, sans-serif;  }
a:visited { font-family:Arial, Helvetica, sans-serif;  }
a:hover { font-family:Arial, Helvetica, sans-serif;  }


/* Header*/ 
div#Header {height: 200px; width: 700px; background: #000 url(images/PunkHeader.jpg) 100% 0 no-repeat;}
div#Headerimage {height: 200px; width: 175px; float:left;}
div#header h1 {float:left; width: 525px; overflow: hidden; text-indent: 229px; position: relative; top: 0px; left: 0px; height: 229px; }
div#header h1 a { position: relative; top: 200px; left: 0; display: none; }
div#header h1 a:link { color: #939FB7; text-decoration: none; }
div#header h1 a:visited { color: #939FB7; text-decoration: none; }
div#header h1 a:hover { color: #939FB7; text-decoration: none; }


/* SkipLinks */
div#SkipLinks { display:none;}


/* Headers */
h1, h2, h3, h4, h5, h6 { margin: 0; }
h1 { font-size: 4.5em;  display:none;}
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }
hr { color:#fff; }
.skiplinks { display: none; }


/* main */
div#title {height:31px;  padding: 4px 10px 0px 10px;}

/* main */
div#content {float: left; width: 700px;  background: url(images/bg.jpg) 0px 0px repeat-y;}
div#case {float: left; width: 700px;  }

div#mainleft {width: 150px; float:left; color:#fff; text-align:center;}

div#maincenter {width: 400px; float:left;  background: url(images/unionjack.jpg) 0px 0px no-repeat; }

div#pad {margin:15px; }
div#pad {color:#fff;  font-family:Verdana, Arial, Helvetica, sans-serif; }
div#pad ul {list-style-type:square;}
div#pad li {padding-top:10px;}
div#pad a { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #fff; text-decoration:none;}
div#pad a:link, a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #fff; text-decoration:none;}
div#pad a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #fff; text-decoration:underline;}

div#maincenter h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #fff; }
div#maincenter h3 { font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight:bold;}
div#maincenter h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #fff; }

div#mainright {width: 150px; float:right; color:#fff;}
div#mainrightpad {padding:5px; width:140px; text-align:center;}
div#mainrightpad a {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #fff; text-decoration:none;}
div#mainrightpad a:link, a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #fff; text-decoration:none;}
div#mainrightpad a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #fff; text-decoration:underline;}


/* Nav */
#navcontainertop {width: 700px; background-color: #000; height:20px; border-width:2px 0 2px 0; border-color:#FFFFFF; border-style:solid;}
#navcontainertop ul { padding: 0; }
#navcontainertop ul li { display: inline; }
#navcontainertop ul { height:16px; margin: 0; padding: 4px 0 0 0; color: #fff; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px; font-weight: bold; }
#navcontainertop ul li a { height:20px; padding: 0.3em 12px; background-color: #000; color: #fff; text-decoration: none; border-left: 1px solid #000; font-family:Verdana, Arial, Helvetica, sans-serif;}
#navcontainertop ul li a:hover { height:20px; background-color: #6C6C6C; color: #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;}
#navlisttop li a:hover{ height:20px; color: #FFFFFF; text-decoration: none; background: #6C6C6C; font-family:Verdana, Arial, Helvetica, sans-serif; }


/* Footer */
div#footer {clear: both; width:700px; color: #fff; padding: 5px 0px 5px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; text-align:center;}
div#footer a:link { color: #fff; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
div#footer a:visited { color: #fff; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
div#footer a:hover { color: #fff; text-decoration: underline; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
div#footer ul { margin: 0px; padding: 0px; }
div#footer ul li { border-right: 1px solid #fff; display: inline; margin: 4px 0px; list-style: none; padding: 0 7px 0 5px; line-height: 1.6;  }
div#footer ul>li { white-space: nowrap; }