/******* COLORS *******

red: #c00
khaki: #cbb677
dark khaki: #b4a76c
grey: #747678

*/


/******* GENERAL CSS *******/

body, p, td, input, textarea, select {
	font-family:verdana;
	font-size:12px;
}

table, td, tr {
	padding:0;
	margin:0;
	border:0;
}

body {
	padding:0;
	margin:0;
}

p {
	text-align:justify;
	text-indent:0;
}

a img {
	border:none;
}

a {
	color:#c00;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h1 {
	font-size:16pt;
	font-weight:bold;
	margin:2px 0 10px 0;
	padding:0;
}
.h1 {
	margin:20px 0 6px;
	padding:0px;
}
h2 {
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	margin:30px 0 10px 0;
	padding:0 0 0 22px;
	background-image: url(images/h2.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	vertical-align: top;
}
.h2a {
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	margin:10px 0 10px 0;
	padding:0 0 0 50px;
	color:#fff;
	height:49px;
	line-height:49px;
	background:url(images/h2a.gif) top left no-repeat;
}
h3 {
	font-size:12px;
	font-weight:bold;
	padding:0;
}
h4 {
	font-size:12px;
	font-weight:bold;
	padding:0;
}


h5 {
	font-size:12px;
	font-weight:bold;
	color:#000000;
	line-height:21px;
	margin:0 0 0 10px;
}



h5a {
	font-size:12px;
	color:#000000;
	line-height:18px;
	margin:0 0 0 0px;
}


h6 {
	font-size:10px;
	font-weight:bold;
	color:#CC0000;
	line-height:12px;
	margin:0 0 0 0px;
}











tr {
	vertical-align:top;
}



ul li {
}
ul {
}
.content li {
	list-style:none;
	background:url(images/star.gif) top left no-repeat;
	text-indent:0;
	padding-left:20px;
	margin:4px 0
}

img.right {
	float:right;
	margin-left:6px;
}

img.left {
	float:left;
	margin-right:6px;
}

.header {
	background:url('images/header_bg.jpg') top left no-repeat;
	width:800px;
	height:108px;
}

.topnav {
	position:relative;
	top:46px;
	left:440px;
	z-index:20;
}

.topnav_admin {
	position:relative;
	top:80px;
	left:530px;
	z-index:20;
	font-size:13px;
}






/* Nav Bar */
#nav_bar {
	background:#b4a76c;
	padding:0;
	margin:0;
}

#nav_bar a {
	text-decoration:none;
	padding:0;
	margin:0;
	display: block;
}
#nav_bar a:hover {
	text-decoration:none;
}
#nav_bar ul {
	list-style: none;
	text-indent:0;
	margin:0;
	padding:0;
}
#nav_bar li {
	list-style: none;
	float:left;
	position: relative;
	background:#b4a76c;
}





/**** learningcenter nav ****/

#nav_learningcenter a {
	background:url('images/nav_learningcenter_off.gif') top left no-repeat;
	width:157px;
	height:23px;
}
#nav_learningcenter a:hover, #nav_learningcenter a.over {
	background:url('images/nav_learningcenter_on.gif') top left no-repeat;
}
#nav_learningcenter a.on {
	background:url('images/nav_learningcenter_on.gif') top left no-repeat;
}


/**** products nav ****/

#nav_products a {
	background:url('images/nav_products_off.gif') top left no-repeat;
	width:104px;
	height:23px;
}
#nav_products a:hover, #nav_products a.over {
	background:url('images/nav_products_on.gif') top left no-repeat;
}
#nav_products a.on {
	background:url('images/nav_products_on.gif') top left no-repeat;
}


/**** partners nav ****/

#nav_partners a {
	background:url('images/nav_partners_off.gif') top left no-repeat;
	width:100px;
	height:23px;
}
#nav_partners a:hover, #nav_partners a.over {
	background:url('images/nav_partners_on.gif') top left no-repeat;
}
#nav_partners a.on {
	background:url('images/nav_partners_on.gif') top left no-repeat;
}


/**** services nav ****/

#nav_services a {
	background:url('images/nav_services_off.gif') top left no-repeat;
	width:93px;
	height:23px;
}
#nav_services a:hover, #nav_services a.over {
	background:url('images/nav_services_on.gif') top left no-repeat;
}
#nav_services a.on {
	background:url('images/nav_services_on.gif') top left no-repeat;
}


/**** howtobuy nav ****/

#nav_howtobuy a {
	background:url('images/nav_howtobuy_off.gif') top left no-repeat;
	width:120px;
	height:23px;
}
#nav_howtobuy a:hover, #nav_howtobuy a.over {
	background:url('images/nav_howtobuy_on.gif') top left no-repeat;
}
#nav_howtobuy a.on {
	background:url('images/nav_howtobuy_on.gif') top left no-repeat;
}


/**** news nav ****/

#nav_news a {
	background:url('images/nav_news_off.gif') top left no-repeat;
	width:130px;
	height:23px;
}
#nav_news a:hover, #nav_news a.over {
	background:url('images/nav_news_on.gif') top left no-repeat;
}
#nav_news a.on {
	background:url('images/nav_news_on.gif') top left no-repeat;
}


/**** company nav ****/

#nav_company a {
	background:url('images/nav_company_off.gif') top left no-repeat;
	width:96px;
	height:23px;
}
#nav_company a:hover, #nav_company a.over {
	background:url('images/nav_company_on.gif') top left no-repeat;
}
#nav_company a.on {
	background:url('images/nav_company_on.gif') top left no-repeat;
}


#nav_bar li ul {
	display:none;
	position: absolute; 
	top: 23px;
	left: 0;
	background-color:#b4a76c;
	border-top:1px solid #b4a76c;
	width:120px;
}
#nav_bar li li {
	margin:0;
	padding:0;
	width:100%;
	background:none;
	width:120px;
}
li > ul {
	top: auto;
	left: auto;
}
#nav_bar li:hover ul, #nav_bar li.over ul { 
	display:block;
}
#nav_bar ul ul a {
	width:90px;
	color:#192e5f;
	display:block;
	background:#d6c781;
	padding:2px 14px;
	margin:0 1px 1px;
	font-size:8pt;
	line-height:18px;
	height:auto;
}
#nav_bar ul ul a:hover {
	color:#fff;
	background:#c00;
}



















.wrapper {
	width:800px;
	text-align:left;
}

.content {
	clear:both;
	width:800px;
	padding:10px 0 20px;
	min-height:200px;
	text-align:left;
}


.subnav {
	padding:0 0 0 4px;
	font-size:12px;
}
.subnav a {
	display:block;
	color:#747678;
	padding:4px 0;
}
.subnav a:hover {
	color:#c00;
}
.subnav .on {
	color:#c00;
	font-weight:bold;
}


.subnav_home {
	padding:20px 0 0 4px;
	font-size:12px;
}
.subnav_home a {
	display:block;
	color:#747678;
	padding:4px 0;
}
.subnav_home a:hover {
	color:#c00;
}

.col1 {
	width:240px;
	padding-right:20px;
}

.col2 {
	width:540px;
}

.footer {
	border-top:3px solid #b4a76c;
	padding:2px 40px 10px 0;
	font-size:11px;
	background:url('images/footer_flag.gif') top right no-repeat;
}
.footer td {
	font-size:10px;
}


.col1 img {
	max-width:240px;
}


/******* HOME CSS *******/

#home_flash {
	background:#b4a76c;
	margin-bottom:10px;
}
#home_box1 {
	margin-right:10px;
	float:left;
}
#home_box2 {
}
#home_box3 {
	clear:both;
	margin-top:10px;
}
#home .col1 {
	width:390px;
}
#home .col2 {
	width:390px;
}


/******* MISC *******/

.error {
	color:#c00;
}
input.contactinput {
	width:200px;
}
textarea.contactinput {
	width:200px;
	height:100px;
}

/******* EDITOR CSS *******/

.form {
	border-bottom:1px solid #b4a76c;
	padding-bottom:10px;
	margin-bottom:10px;
}
.textinput {
	width:400px;
}
.abbrdesc {
	width:400px;
	height:80px;
}
.desc {
	width:400px;
	height:120px;
}
.message {
	padding:10px;
	border:1px solid #c00;
	background:#fcc;
	margin-bottom:10px;
}

#loginform {
	border:1px solid #b4a76c;
	background:#dfd9bc;
	padding:10px;
}

#homepg-news {
	background-color: #ffffff;
	border: 1px solid #FF0000;
	margin-top: -5px;
	padding: 4px;
}

#blueboxes {
	color: #FFFFFF;
	background-image: url(images/bg-bluegradient.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 270px;
	width: 388px;
	border: 1px solid #E0DFE3;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	clip: rect(auto,auto,1px,auto);
	overflow: hidden;
}
#blueboxes p {
	text-align: left;
	}


#pscroller1{
	width: 368px;
	height: 130px;
	background-color: #ffffff;
	border: 1px solid #FF0000;
	margin-top: -5px;
	padding: 10px;
}

.someclass{ //class to apply to your scroller if desired
}

.pricechart1 {
	padding-bottom: 10px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	font-size: 11px;
	padding-top: 5px;
	font-weight: bold;
}

.pricechart2 {
	padding-bottom: 10px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	font-size: 11px;
	padding-top: 5px;
}