html {
  margin:0;
  padding:0;
}

body {
  margin:0;
  padding:0;
  background:#2d3d6a url("images/wrapperbg_blue.jpg") top center repeat-y;
  color:#fff;
  font:normal 80% Verdana, sans-serif;
  text-align:center;
}

#wrapper {
  margin:0 auto;
  width:390px;
  text-align:left;
  background-color:#fff;
  color:#000;
}

#header {
  margin:10px auto 0 auto;
  width:385px;
  height:150px;
  position:relative;
  background:#fff url("images/headerbooks.jpg") 1px 0 no-repeat;
}

#header h1 a:link, #header h1 a:visited {
  position:absolute;
  top:0;
  right:0;
  font-weight:normal;
  font-size:90%;
  color:#2d3d6a;
  text-decoration:none;
}
* html #header h1 a:link, * html #header h1 a:visited {
  font-size:73%;
}
#header h1 a:link span.blue, #header h1 a:visited span.blue {
  color:#3c8ab1;
}

#navAlpha {
  text-align:center;
  margin:0 5px;
  padding:10px 0;
  border:1px solid #000;
  background-color:#2d3d6a;
  color:#fff;
  /*background:#aaa url("images/navbg.jpg") 0 0 repeat-x;*/
}
#navAlpha a:link, #navAlpha a:visited {
  color:#fff;
  text-decoration:none;
}

#navAlpha a:hover {
  text-decoration:underline;
}

#main {
  margin:0 5px;
  padding:0 10px 50px 10px;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
  background:#3c8ab1 url("images/mainbg_100.jpg") bottom right no-repeat;
  color:#eee;
  min-height:600px;
}

* html #main {
  height:600px;
  overflow:visible;
  padding-bottom:70px;
}

#main h1 {
  margin-top:0;
  padding-top:10px;
  font-weight:normal;
  font-family:verdana;
}

* html #main h1 {
  font-size:190%;
}

#main a:link, #main a:visited {
  color:#fff;
  text-decoration:none;
  font-weight:bold;
}
#main a:hover {
  text-decoration:underline;
}

.toc {
  height:150px;
  overflow:auto;
  background-color:#fff;
  color:#000;
  border:1px solid #000;
  padding:0 10px;
  margin:0 auto;
}

#main .toc a:link, #main .toc a:visited {
  font-weight:bold;
  color:#3c8ab1;
  text-decoration:none;
}

#main .toc a:hover {
  text-decoration:underline;
}

* html #main ul {
  margin-bottom:0;
}

.bottomnav {
  text-align:center;
  padding:10px 0;
}
.bottomnav a:link, .bottomnav a:visited {
  text-decoration:none;
  color:#000;
}
.bottomnav a:hover {
	text-decoration:underline;
}

.copyright p {
  margin:0 0 10px 0;
  padding:0;
  text-align:center;
}

.copyright p a:link, .copyright p a:visited {
  text-decoration:none;
  color:#3c8ab1;
}
.copyright p a:hover {
  text-decoration:underline;
}

form.contact {
  width:350px;
  margin:0 auto;
}

form.contact:after, form.contact p:after, form.submitWork:after, form.submitWork p:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

form.contact, form.contact p, form.submitWork, form.submitWork p {display: inline-table;}

/* Hides from IE-mac \*/
* html form.contact, * html form.contact p, * html form.submitWork, * html form.submitWork p {height: 1%;}
form.contact, form.contact p, form.submitWork {display: block;}
/* End hide from IE-mac */

form.contact p {
  width:100%;
  clear:both;
}

form.contact p label {
  width: 25%;
  float:left;
}

form.contact p input, form.contact p textarea {
  width:70%;
  float:right;
  border:1px solid #000;
  font:normal 100% Verdana, sans-serif;
}

form.contact p textarea {
  height:150px;
}
form.contact p input.submit {
  width:auto;
}

form.submitWork {
  width:350px;
  margin:0 auto;
}

* html form.submitWork p {
  margin:0 0 5px 0;
}

form.submitWork input, form.submitWork textarea {
  width:100%;
  font:normal 100% Verdana, sans-serif;
  border:1px solid #000;
}
form.submitWork textarea {
  height:150px;
}
form.submitWork input.check, form.submitWork input.submit {
  width:auto;
  border:none;
}

form.submitWork p input.submit {
  width:auto;
  float:right;
  border:1px solid #000;
}

.red {
  border:1px solid #d80606;
  background-color:#ed8d8d;
  font-weight:bold;
  color:#000;
  padding:3px;
}

.green {
  background-color:#8DD092;
  border:1px solid #079811;
  padding:3px;
  color:#000;
}
#spacing {
	height:180px;
}