body {
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
margin: 0px;
padding: 0 0 40px 0;
background: #c5e2f0 url(../images/body_bg.gif) top left repeat-x;
}

a, a:visited {
        color: #577f99;
}
a:hover {
        color: #8db2c9;
}

/* Global Custom Tags
------------------------------------------*/

h1 {
        font-size: 22px;
        font-weight: bold;
        color: #454545;
        margin: 5px 5px 5px 0;
}

h2 {
        font-weight: normal;
        font-size: 160%;
        color: #333;
        margin: 0 0 0.3em 0;
}

h3 {
        font-weight: normal;
        font-size: 130%;
        color: #333;
        border-bottom: 1px solid #ccc;
        margin: 0 0 0.3em 0;
}

h4 {
        font-weight: normal;
        font-size: 120%;
        color: #333;
        margin: 0 0 0.3em 0;
}

.hmenu {
        font-weight: normal;
        font-size: 10px;
        color: #333;
        margin: 0 0 1px 0;
        text-align: center;
}

.error {
        color: red;
}

.blueBG {
        background: #E2EFFC;
}

.info {
        font-size: 8px;
}

.hint {
  display:none;
  position: absolute;
  right: 270px;
  width: 200px;
  margin-top: -4px;
  border: 1px solid #c93;
  padding: 10px 12px;
  background: #ffc url(pointer.gif) no-repeat -100px -100px;
}

.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
}

/* Form styles
------------------------------------------*/

form {
	/*clear: both;*/
	width: auto;
	margin: 0px;
	padding: 0px;
}

.adminForm {
	clear: both;
	margin-top: 10px;	
	padding: 0px;
}
fieldset {
        width: 98%;
        border: 1px solid #999;
        margin: 10px 0px;
        padding: 10px;
}

fieldset:focus {
        border: 1px solid #000;
}

fieldset fieldset {
        width: auto;
        border-width: 1px 0px 0px 0px;
        border-style: solid;
        border-color: #dfdfdf;
        margin: 10px 0px;
        padding: 10px 0px;
}

fieldset br {
        clear: both;
}

legend {
        margin: 0px 5px;
        padding: 3px 5px;
        color: #000;
        font-weight: bold;
}

legend.heading {
        border: 0px;
        background: none;
        margin: 0px 5px;
        padding: 5px 10px;
        color: #000;
}

legend.current {
        background: #cc9;
        border: 1px solid #000;
        color: #000;
        padding: 5px 10px;
}

fieldset fieldset legend {
        border: 1px solid #ccc;
        color: #333;
        background: #f0f0ff;
}

label {
	margin: 10px 2px;
	padding: 1px;
	display: block;
	float: left;
	text-align: right;
	width: 15%;
	color: #333;
	clear: both;
	vertical-align: middle;
}

input, select {
	margin: 10px 2px;
	padding: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: auto;
	border: 1px solid #333;
	color: #333;
	vertical-align: middle;
	background: #fff url(../images/input.gif) repeat-x;
                      opacity: 0.8;
}

.search input, .search select {
	margin: 0px 2px;
}


.htmltextarea {
        height: 100px;
        width: 100%;
}

.htmlcontenttextarea {
        height: 500px;
        width: 100%;
}

input.noborder {
        border: 0px !important;
}

img.alignform {
        margin-top: 1px;
        padding: 1px;
        vertical-align: middle;
}

img.cursor {
        cursor: hand;
        cursor: pointer;
}

option {
    opacity: 0.8;
}

input:focus {
	border: 1px solid #000;
	background: #C2DDF8;
	color: #000;
}

img {
        border: 0px;
}

/* header */
#header {
        padding: 0px;
	height: 143px;
	width: 1009px;
	margin: 0px auto;
	position: relative;
}

#logo {
	height: 1%;
	z-index: 1;
}

#logo .title {
	font: Verdana;
	font-size: 20px;
	font-weight: bold;
}

#logo .subtitle {
	font: Verdana;
	font-size: 12px;
	font-weight: bold;
}

#tracker {
        float: right;
        height: 25px;
        width: 302px;
	position: relative;
	text-align: right;
	font-size: x-small;
	top: 0px;
	padding: 5px 18px 0 20px;
	margin: 0px;
	background: url("../images/tracker_bg.gif") top left no-repeat;
}

/* folder menu */
#topmenu {
        float: right;
        width: 500px;
        font-size: 11px;
        padding-bottom: 5px;
        position: absolute;
        top: 94px;
        left: 509px;
        z-index: 4;
        background: url(../images/top_menu_bg.gif) bottom right no-repeat;

}
#topmenu ul {
        float: right;
        margin: 0px;
        padding: 10px;
        padding-bottom: 0px;
        list-style: none;
}
#topmenu li {
        float: right;
        background:url("../images/tm_left.gif") no-repeat left top;
        margin:0;
        padding:0 0 0 7px;
	margin-left: 8px;
}
#topmenu a {
        float: right;
        display:block;
        background:url("../images/tm_right.gif") no-repeat right top;
        padding:10px 14px 11px 6px;
        text-decoration:none;
        font-weight:bold;
        color:#fff;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#topmenu a {float:none;}
/* End IE5-Mac hack */
#topmenu a:hover {
        color:#cfe8f7;    
}
#topmenu #current {
        background-image:url("../images/tm_left_on.gif");
}
#topmenu #current a {
        background-image:url("../images/tm_right_on.gif");
        color:#000;
}
/* end folder menu */

/* body */
#container {
	width: 1009px;
	margin: 0px auto;
	position: relative;
	text-align: left;
	padding-left: .1px; /*prevents moz from exiting stage left*/
        background: #fff url(../images/container_top_bg.gif) top left no-repeat;
}

#right-container {
        clear: right;
}

#content {
	float: right;
        width: 770px;
	padding: 10px;
	text-align: left;
	height: 100%;
}

* html #content { height: 1%; }

#clear {
clear: both;
height: 1px;
}

#content-with-right {
	float: right;
        width: 770px;
	padding: 10px;
	text-align: left;
	height: 100%;
}

#rightbox {
        float: right;
        width: 200px;
}

#sidebar {
width: 210px;
padding-left: 5px;
padding-top: 12px;
}

.nav-head {
        height: 22px;
        margin-top: 5px;
}
.nav-body {
        padding-left: 15px;
        padding-right: 15px;
}
.mainnav-body {
        width: 194px;
        padding: 15px 0 1px 6px;
        margin-left: 5px;
        background: #878f99 url(../images/nav_bg.gif) top center no-repeat;
}
.nav-foot {
        height: 18px !important;
        background: url(../images/nav_bg_foot.gif) top center no-repeat;
}

#searchBox {
height: 62px;
width: 208px;
text-align: center;
background: url(../images/searchBox_bg.gif) bottom center no-repeat;
padding-top: 13px;
margin-bottom: 10px;
}

input.search {
height: 14px;
margin: 10px 2px;
padding: 3px 1px 1px 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #726f6f;
color: #333;
vertical-align: middle;
background: #eff3f5;
}

#nav-right-head {
        height: 22px;
        margin-top: 5px;
        background: url(../images/block_right_top.gif) no-repeat center top;
}
#nav-right-body {
        padding-left: 15px;
        padding-right: 15px;
        background: url(../images/block_right_mid.gif) repeat-y center top;
}
#nav-right-foot {
        height: 18px !important;
        background: url(../images/block_right_bottom.gif) no-repeat center top;
}

ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0 0 0 4px;
	width: 180px;
	}

ul#mainnav li {
	display: block;
	width: 170px;
	min-height: 13px;
        padding: 8px 5px 5px 5px;
        margin-bottom: 5px;
	background: url(../images/nav_button_bg.gif) top left no-repeat;
	}

ul#mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
        font-size: 14px;
        line-height: 10px;
}

ul#mainnav li a:hover {
	color: #003366;
}

/*--Rules for 2 level deep sub lists --*/

ul#mainnav li.currentnav {
        color: #C2DDF8;
        padding: 8px 5px 0 5px;
        margin: 0px;
}

ul#mainnav li.currentnav ul {
        padding: 0px;
        margin: 0px;
        margin-top: 13px;
}

ul#mainnav li.currentnav ul li {
        background: url(../images/nav_button_sub_bg.gif) top left no-repeat;
        padding: 8px 5px 5px 10px;
}

ul#mainnav li.currentnav ul li a {
        font-size: 10px;
        color: #394656;
}

/*--Rules for 3 level deep sub lists --*/

ul#mainnav li.currentnav ul li ul {
        padding: 0px;
        margin: 0px;
        margin-top: 18px;
}

ul#mainnav li.currentnav ul li ul li {
        background: url(../images/nav_button_sub_sub_bg.gif) top left no-repeat;
        padding: 8px 5px 5px 10px;
}

#menuImg {
float: left;
margin-top: -3px;
}

/* footer */
#footer {
    width: 1009px;
    padding-bottom: 10px;
    margin: 0px auto;
    position:relative;
    font-size: 9px;
    clear: both;
    text-align: center;
    background: #fff url(../images/footer.gif) bottom left no-repeat;
    margin-top: -10px;
}

#footer a:link, #footer a:visited {
    color: #000;
}

#footer a:hover, #footer a:active {
    background: none;
    color: #666;
}

/* shopping cart - descriptions */

#itemDetail {
        font-size: 13px;
}

#itemDetail .producttitle {
	font-weight: normal;
	font-size: 20px;
	color: #333;
	margin: 0 0 0.3em 0;
        padding-top: 7px;
}

#itemDetail .title {
	color: #326b83;
        font-size: 18px;
	padding-top: 8px;
	border-bottom: 1px solid #ccc;
        margin: 0 0 0.3em 0;
}

#itemDetail .price {
	color: red;
    font-size: 16px;
}
#itemDetail .price2 {
	color: green;
    font-size: 16px;
}
#itemDetail .price3 {
    font-size: 16px;
}

#itemDetail .image {
   float: left;
	border: 0px;
}

#itemDetail .topbox {
}

#itemDetail .details {
        float: left;
        width: 100%;
}

#itemDetail .description {
	float: left;
        width: 480px;
}

#itemDetail .thumbs {
width: 150px;
}

#itemDetail img {
	margin-right: 8px;
}

td.noPad, tr.noPad, table.noPad, input.noPad  {
   margin: 3px 2px 3px 2px;
   padding: 0px;
   border: none;
}

#browseCat .producttitle {
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
}

#browseCat .description {
        font-size: 11px;
        font-align: justify;
        padding: 6px;
        border: 1px solid #E8F2FD;
}

#browseCat table {
        padding: 5px;
        border-spacing: 0px;
}

#browseCat td, th {
        vertical-align: top;
        padding: 5px;
        border-bottom: 1px solid #E8F2FD;
}

#browseCat img {
        margin-right: 8px;
        border: 0px;
}

#browseCat .section {
        font-weight: normal;
        font-size: 130%;
        color: #333;
        maring: 0 0 0.3em 0;
        border-bottom: 1px solid #ccc;
}

/* Styles for Product Page (first view) */
#browseMain .sectiontitle {
        margin-top: 5px;
        font-weight: bold;
        font-size: 130%;
        color: #003366;
        /*background: url(../images/table-header-bg.gif) repeat-x top left;*/
        margin: 0 0 0 0;
        padding:  3px 3px 3px 3px;
        border-bottom: 1px solid #C9D9E7;
        /* border-left: 1px solid #C9D9E7; */
}

#browseMain td {
        border-bottom: 1px solid #C9D9E7;
}

#browseMain .section {
        margin-bottom: 20px;
        border-left: 1px solid #C9D9E7;
        border-right: 1px solid #C9D9E7;
}


/* sort some more */

#browseCat .title, #browsePicker .title {
        font-weight: normal;
        font-size: 160%;
        color: #333;
        border-bottom: 1px solid #ccc;
        margin: 0 0 0 0;
}

#throbber {
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 90%;
        border-bottom: 1px solid #EEE;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 2px;
        width: auto;
        text-decoration: none;
}

#browsePicker {
        width: auto;
        text-decoration: none;
        clear: right;
}

#browsePicker a {
        text-decoration: none;
}

#browsePicker select {
        margin: 0px;
        padding: 0px;
        font-size: 90%;
        color: #333;
        background: #fff url(../images/input.gif) repeat-x;
        opacity: 0.8;
}

#browsePicker .float {
        float: right;
}

/* category prices */

#catPrices {
        margin-top: 15px;
        margin-left: 20%;
        margin-right: 20%;
        border: 1px dashed #003366;
        padding: 10px;
}

#catPrices p {
        margin-top: 0px;
}


#catPrices table{
        width: 100%;
        margin: 0px;
        padding: 1px 1px 1px 10px;
        text-align: center;
}
#catPrices th {
        background: #003366;
        color: #FFFFFF;
        padding: 1px;
        margin: 0px;
        border-bottom: none;
}

#catPrices td{
        padding: 1px;
        margin: 0px;
        border-bottom: none;
}
#shortprices {
        width: 110px;
}

#shortprices table{
        margin: 0px;
        padding: 0px;
        text-align: center;
}

#shortprices td{
        padding-top: 0px;
        padding-bottom: 6px
        white-space: nowrap;
        border-bottom: none;
}

#catPrices .yourPrice {
        text-align: center;
        margin: 5px 15px 0px 20px;
        background-color: #E8F2FD;    
        font-weight: bold
}

.yourPrice {
        background-color: #E8F2FD;    
        font-weight: bold
}

.price, .red {
        color: red;
}

.price2 {
        color: green;
}

.price3 {
       
}

/* cart & checkout */
.noticebox table {
        padding: 5px;
        border-spacing: 0px;
}

.noticebox td {
        padding: 5px;
        border-bottom: 1px solid #E8F2FD;
}

.noticebox th {
        padding: 5px;
        color: black;
        background: url(../images/cart_title_bg.gif) top left repeat-x;
}

.noticebox th.header {
        font-weight: bold;
        background: #003366;
        color: #FFFFFF;
        padding: 3px;
        font-size: 130%;
}

.noticebox th.cat {
        background: #E8F2FD !important;
        font-size: 85%;
        padding-left: 10px;
}

.noticebox th.cat a {
        text-decoration: none;
}

/* Need to categorize */
#downloads {
        margin-bottom: 10px;
}

#index {
        clear: right;
}

#index .content {
        padding: 5px;
}

#index .float {
        float: right;
        width: 195px;
        padding: 5px 5px 5px 10px;
        text-align: center;
	background: url(../images/float_bg.gif) top left no-repeat;
}

#articles {
        width: auto;
        margin-bottom: 5px;
}

#articles .article {
		clear: both;
		width: 95%;
}


#articleWrapMain {
margin-top: -12px;
padding: 10px;
}

#articleWrap {
margin-bottom: 30px;
}

#actWrap {
width: 750px;
padding-top: 0px;
}

#actContent {
float: right;
width: 460px;
}

#actImg {
float: left;
width: 255px;
margin-left: -30px;
}

#articleImgWrap {
width: 200px;
float: left;
}

#articleImg {
float: left;
width: 190px;
background: url(../images/article_img.gif) top left no-repeat;
padding: 8px 0 0 10px;
}

#articleImgFoot {
float: left;
width: 200px;
height: 10px;
background: url(../images/article_img_foot.gif) bottom left no-repeat;
}

#articleContent {
float: right;
width: 526px;
}

#articleClear {
clear: both;
height: 1px;
}

#searchImg {
   float: left;
   width: 150px;
   padding: 8px 0 0 10px;
   text-align: center;
}

#searchContent {
float: right;
width: 580px;
padding: 10px 20px 0 0;
}

article {
        margin-bottom: 5px;
}

.article h2, .article h4 {
        margin-bottom: 0px;
        border: 0;
}

.article h2 a, .article h4 a{
       text-decoration: none !important;
}

.articledesc {
        background: #E2EFFC;
        margin: 0px;
        padding: 2px 5px 2px 10px;
}

.articleright {
        float: right;
        text-align: right;
        padding-right: 5px;
}

.articletext {
        padding: 5px;
        width: auto;
        margin-bottom: 10px;
}

.greyborder img {
        float: left;
        border: 1px solid #999;
        margin: 5px;
}

#picker {
        text-decoration: none;
        padding: 2px 0 0 250px;
        font-size: 90%;
        font-weight: bold;
        height: 30px;
        text-align: center;
}

#picker a {
        float: left;
        display: block;
        width: 18px;
        height: 16px;
        background: #acc7e2;
        text-decoration: none;
        color: #000;
        margin-right: 5px;
        border: 1px solid #91b0d0;
        padding: 4px 2px 0 0;
}

#picker a:hover {
        display: block;
        width: 18px;
        height: 16px;
        background: #cfddea;
        color: #333;
        padding: 4px 2px 0 0;
}

.noticebox {
        border: 1px dashed #ccc;
        margin-top: 10px;
}

.noticebox h3 {
        font-weight: bold;
        background: url(../images/cart_title_bg.gif) top left repeat-x;
        padding: 3px 3px 3px 5px;
}

.noticebox p {
        padding-left: 5px;
        padding-right: 5px;
}

.notice {
        border: 1px solid #003366;
        text-align: center;
        background: #ffffff;
        font-size: 130%;
        font-weight: bold;
}

.checkoutbox {
        margin-top: 10px;
        width: 750px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 5px;
}

.checkoutbox h3 {
        font-weight: bold;
        background: url(../images/cart_title_bg.gif) top left repeat-x;
        padding: 5px;
}

.checkoutbox h4 {
        background: #f1f8fa;
        padding: 5px;
        text-decoration: none;
        font-size: 90%;
}

.checkoutbox p {
        padding-left: 5px;
        padding-right: 5px;
}

.checkoutbox .address {
        padding-left: 5px;
        padding-right: 5px;
}

.checkouttext {
        width: 750px;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
}

/* Activated Module Styles 
------------------------------------------------*/
h2 a, .article h4 a{
       text-decoration: none !important;
}

.fancytitle {
         padding-bottom: 5px;
         font-family: georgia, times, "times new roman", serif;
         font-size: 16px;
         color: #003366;
         font-weight: bold;
         text-align: center; 
}

.author {
         font-family: arial, verdana, helvetica, sans-serif;
         font-size: 10px;
         color: #666;
         font-weight: normal;
         font-style: italic; 
         text-align: center; 
}

.pullquote {
         border-top-style: dashed;
         border-bottom-style: dashed;
         border-width: 1px;
         border-color: #003366;
         padding: 15px;
         margin: 15px 15% 15px 15%;
         font-size: 1.2em;
         font-weight: bold;
         line-height: 20px;
         text-align: left;
         color: #003366;
         text-align: center; 
}

.dashed {
        border-left: 1px dashed #666;
}

.padded {
        padding: 5px;
}

tr.error {
	background-color: #ff0000;
	color: #ffffff;
}

#donateForm input {
width: 250px;
height: 20px;
color: #444;
border: 1px solid #6f8790;
margin: 0 0 10px 0;
padding: 3px 5px 5px 5px;
font-size: 16px;
font-family: "Trebuchet MS", sans-serif;
background: #fff url(../images/input_bg.gif) right top no-repeat;
}

#donateForm input:focus {
border: 1px solid #000;
}

#donateForm select {
width: 261px;
height: 28px;
color: #444;
border: 1px solid #6f8790;
margin: 0 0 10px 0;
padding: 3px 5px 5px 5px;
font-size: 16px;
font-family: "Trebuchet MS", sans-serif;
background: #fff;
}

#donateForm textarea {
width: 517px;
height: 100px;
margin: 0px;
padding: 5px;
border: 1px solid #6f8790;
overflow: auto;
font-family: "Trebuchet MS", sans-serif; 
color: #444;
font-size: 16px;
background: #fff url(../images/textarea_bg.gif) top left no-repeat;
}

#donateForm textarea:focus {
border: 1px solid #000;
}


/*--------------Admin Nav---------------------*/

#admin {
position: absolute;
right: 0px;
top: 30px;
height: 35px;
}


#wrapnav {
width: 770px;
position: relative;
margin: 5px 0;
clear: both;
}

#nav {
width: 770px;
height: 38px;
padding: 0 0 0 0;
float: right;
background: url(../images/admin/nav_content_bg.gif) bottom left no-repeat;
}

#nav a {
float: left;
height: 18px;
display: block;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
text-decoration: none;
font-size: 11px;
margin-right: 10px;
padding: 5px 16px 5px 16px;
background: #ecf0f3 url(../images/admin/nav_bg.gif) top left repeat-x;
color: #546b77;
border-top: 1px solid #ccd4d8;
border-right: 1px solid #ccd4d8;
border-bottom: 0;
border-left: 1px solid #ccd4d8;
}

#nav a:hover {
background: url(../images/admin/nav_bg_hover.gif) top center repeat-x;
color: #31738a;
}

#nav a.active {
height: 27px;
background: url(../images/admin/nav_bg_on.gif) top center repeat-x;
color: #fff;
border-top: 1px solid #464646;
border-right: 0;
border-bottom: 0;
border-left: 0;
}

#nav a.active:hover {
background: url(../images/admin/nav_bg_on_hover.gif) top center repeat-x;
}

#subnav {
float: left;
width: 770px;
height: 26px;
background: url(../images/admin/subnav_bg.gif) top left no-repeat;
padding: 3px 0 0 0;
margin-bottom: 10px;
}

#subnav a {
float: left;
height: 16px;
display: block;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
text-decoration: none;
font-size: 11px;
margin-left: 10px;
padding: 5px 16px 5px 16px;
background: #acbfca;
color: #353535;
}

#subnav a:hover {
background: #dfe8ed;
}

/* Table Colors */
#form {
	border-color: black;
}

#form td {
	padding: 0px 3px;
}

#form th {
	border: 0px;
	color: #fff;
	background: #869fae;
}

#form input {
	padding: 2px;
}

#form td img {
	padding: 2px;
}

#formResults td {
	padding: 10px;
}

#formResults th {
	border: 0px;
	color: #fff;
	background: #869fae;
}
.center {
	border: 0px;
	margin: 0px auto;
}

/* Form Validation */
.formRequired input, .formRequired select, .formRequired textarea {
	background: #a6ffa2;
}

.formMissing input, .formMissing select, .formMissing textarea {
	background: #fb5353;
}

#infomsg p{
	text-align: center;
	font-weight: bold;
	color: red;
	margin: 1px
}

#infomsg {
	background:#F5F6BE none repeat scroll 0 0;
	border-color:#CECECE;
	border:1px solid;
	font-size:10px;
	margin:1px;
	padding:2px 15px;
	margin-bottom: 4px;
}