/* COPYRIGHT 2008 WebPagePlan */
/*  You may not change or alter any portion of this files comments or    //
//  credits of supporting developers from this source code or any supporting     //
//  source code which is considered copyrighted (c) material of the       //
//  original comment or credit authors.                                            */

input {
     border:1px #000 solid;     
     padding:5px;
     background:#fff;
     cursor:pointer;
     color:#000;
	font: normal medium Verdana, Geneva, Arial, Helvetica, sans-serif;
}
td.form {
	font: normal small Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#navcontainer {
	width: 99%;
	margin: 10px auto;
	background-color: #fff;
	color: #333;
	line-height: 130%;
	height: 100px;
	position: absolute;
	top: 50px;
}
	 #tabs {
      float:left;
      width:100%;
      background:#ffffff;
      font-size:93%;
      line-height:normal;
	   border-bottom:1px solid #000000;
	   margin: 0px;
	   padding: 0px;
      }
    #tabs ul {
	  margin:0;
	  padding:0px 0px 0 0px;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
	  font: bold 11pt Arial, sans-serif;
      float:left;
      background:url("http://www.webpageplan.com/images/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("http://www.webpageplan.com/images/tabrightB.gif") no-repeat right top;
      padding:5px 10px 2px 4px;
      color:#ffffff;
      }
    #tabs a span {float:none;}
    #tabs a:hover span {
      color:#000;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }
	#tabs #active{
      background-position:0% -42px;
	}
	#tabs #active span {
      background-position:100% -42px;
	  color:#000000;
    }
#tabs H6 {
	padding: 0;
	margin: 0;
	font: italic normal x-small Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: right;
}
#container {
	width: 98%;
	margin: 10px auto;
	overflow: scroll;
	background-color: #fff;
	color: #333;
	border: 1px solid gray;
	line-height: 130%;
	height: auto;
	position: absolute;
	top: 100px;
}
#top {
	padding: .5em;
	background-color: #6699CC;
	border-bottom: 1px solid gray;
	color: White;
}
#top h1 {
	padding: 0;
	margin: 0;
	font: bold medium Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#leftcol {
	float: left;
	width: 240px;
	margin: 0;
	border-right: 1px solid gray;
	padding: 1em;
}
#leftcolx2 {
	float: left;
	width: 640px;
	margin: 0;
	border-right: 1px solid gray;
	padding: 1em;
}
#rightcol {
	float: right;
	width: 244px;
	margin: 0;
	padding: 1em;
}
#rightcol a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	line-height: 130%;
}
#container p, #leftcol p, #leftcolx2 p, #rightcol p {
	margin: 0 0 1em 0;
	font: normal small Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: normal;
}
#leftcol h6 {
	margin: 0 0 1em 0;
	font: italic small-caps small Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: normal;
	color: Purple;
}
td.quotetd {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	line-height: 130%;
	background: #E5F7E0;
}
#content {
	margin-left: 260px;
	margin-right: 120px;
	padding: 1em;
	max-width: 400px;
}
#swf_content {
	float: left;
	width: 780px;
	margin: 0;
	padding: 1em;
}
#content_pic {
	width: 400px;
	height: 300px;
	padding: 0;
	background: url('print_sample01.jpg') white no-repeat top left;
}
#content h2 {
	margin: 0 0 .5em 1em;
	font: italic bold large Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#content h3 {
	margin: 0 0 .5em 1em;
	font: italic bold medium Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 400px;
height: 7px;
font-size: 1px; }
.rbcontent {
	margin: 1em 1em 1em 1em;
}
.rbroundbox { width: 400px; margin: 1em auto; 
}
#footer {
	clear: both;
	margin: 0;
	padding: .5em;
	color: #333;
	background-color: #ddd;
	border-top: 1px solid gray;
	font: italic xx-small Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
}
#logo {
	position: absolute;
	left: 11px;
	top: 4px;
	height: 50px;
	width: 134px;
}
#menu {
	position: absolute;
	left: 0px;
	top: -2px;
	height: 20px;
	width: 100%;
	z-index: 9;
}
#menu a {
	color: white;
	text-decoration: none;
	background: Black;
	font: normal normal x-small Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#menu a:hover {
	text-decoration: underline;
}
#searchbox {
	position: absolute;
	left: -10px;
	top: 30px;
	height: 20px;
	width: 100%;
	z-index: 9;
}
img {
	border: none;
}