/* Top Navigation Bar: http://www.cssplay.co.uk/menus/pro_one */

.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(button3.gif);}
.menu1 li.current a b {background:url(button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(button2.gif);}
.menu1 li a:hover b {background:url(button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(button3.gif) no-repeat right top;}


/* Page Table: http://css.maxdesign.com.au/floatutorial/tutorial0816.htm Background DDDDDD */

#container
{
width: 950px;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
}

#top
{
background-color: #ddd;
}

#logo
{
float: left;
width: 435px;
height: 40px;
margin: 0;
padding: .5em .5em 0;
}

h1.logoimage
{
background: url("logo.gif");
height:40px;
text-indent: -9999px;
text-decoration: none;
background-repeat:no-repeat;
}

#search
{
vertical-align: top;
text-align: right;
margin-left: 435px;
height: 40px;
padding: .5em .5em 0;
}

#navbar
{
clear: both;
margin: 0;
padding: 0 .5em .5em;
border-bottom: 1px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

#content
{
margin-left: 187px;
border-left: 1px solid gray;
padding: 1em;
text-align:justify;
}


#footer
{
clear: both;
margin: 0;
padding: .3em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

p.left
{
text-align: left;
clear: both;
}

/* Bullet List */

ul.list {
  list-style: square;
  list-style-position: outside;
  text-align: left;
  color: #676767;}

ul.list li:first-line{color:#676767;}
ul.list a {color:#676767;}
ul.list a:hover {color:#000000;}


/* Bullet List ebook Pages */

ul.list2 {
  list-style: square;
  list-style-position: outside;
  text-align: left;
  color:#333333;}

ul.list2 a {color:#333333; text-decoration: none;}
ul.list2 a:link{color:#333333; text-decoration: none;}
ul.list2 a:visited {color:#333333; text-decoration: none;}


/* Underlined Links */

A:link {color:#333333;}
A:visited {color: #333333;}


/* Not Underlined Links  */

A.title:link {color:#333333; text-decoration: none;}
A.title:visited {color: #333333; text-decoration: none;}


/* Search Box http://blog.itookia.com/post/Put-some-style-in-your-input-type%3d%e2%80%9dtext%e2%80%9d-with-CSS.aspx */

input.search
{
background: url(search_icon.gif) #ffffff no-repeat left center;
border: 3px solid #EEEEEE;
color: #808080;
font-weight: bold;
font-family: "Lucida Grande",Verdana,sans-serif;
height: 18px;
padding-left: 24px;
padding-top:.1px;
width: 170px;
font-size: .9em;
vertical-align: middle;
text-decoration: none;
margin: -5px 0px 0px 0px;
}

input.search:hover
{
border: #d3d3d3 3px solid;
}

/* Search Box 2 -- Dark Border */

input.search2
{
background: url(search_icon.gif) #ffffff no-repeat left center;
border: 3px solid #DDDDDD;
color: #808080;
font-weight: bold;
font-family: "Lucida Grande",Verdana,sans-serif;
height: 18px;
padding-left: 24px;
padding-top:.1px;
width: 170px;
font-size: .9em;
vertical-align: middle;
text-decoration: none;
margin: -5px 0px 0px 0px;
}

input.search2:hover
{
border: #d3d3d3 3px solid;
}


/* Newsletter Box -- Dark Border */

input.submitbox
{
background: url(email_open.png) #ffffff no-repeat left center;
border: 3px solid #DDDDDD;
color: #808080;
font-weight: bold;
font-family: "Lucida Grande",Verdana,sans-serif;
height: 18px;
padding-left: 24px;
padding-top:.1px;
width: 170px;
font-size: .9em;
vertical-align: middle;
text-decoration: none;
margin: -5px 0px 0px 0px;
}

input.submitbox:hover
{
border: #d3d3d3 3px solid;
}



/* Search Button http://www.dynamicdrive.com/style/csslibrary/item/stylish-submit-buttons/ */

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 0px 2px;
height: 24px;
background:url(search_bg.gif) repeat-x left top;
}