/* body
--------------------------------------------------*/
body	{margin:0px auto;
	font-family:verdana;
	background:#ecf0f4;
	color:#000;
	text-align:left;
	font-size:13px;
	}

#content_container { 
WIDTH: 776px; 
}

#container
	{
	font-family: Verdana;
	font-size: 12px;
	margin:0px;
	padding:0px;
	border-right:1px solid #cccccc;
	background:#ECEFF4;
	text-align:left;
	width:773px; 	
	}
.cnormal    {width:775px}
.cstretch    {width:900px}
#header {
 PADDING-RIGHT: 10px; MARGIN-TOP: 0px; BACKGROUND: #ffffff; WIDTH: 765px; HEIGHT:55px;
} 

#header img	{float:left}
#topnav {
width:773px; 
height:20px; 
padding:0px; 
margin:0px;
background:url(bluefade.jpg) no-repeat #286d9e; 
text-align: right;
border-left:1px solid #31739F; 
text-decoration:none
}

/* replace top nav with Blue_Link_bar ................................................ */
#Blue_Link_Bar { background: #2D6D98; height: 27px; padding:2px 20px 2px 30px; width:723px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; }
#Blue_Link_Bar p { float:right; margin:0px 0px -5px 0px; padding: 0px; }
#Blue_Link_Bar sup { font-size:10px; }
#Blue_Link_Bar a:link, #Blue_Link_Bar a:visited {
	white-space: nowrap;
	display: block;
	padding: 1px 10px 1px 10px;
	border: solid 2px #CD8D35;
	margin-right: 4px;
	text-decoration: none;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	line-height:18px;
	float: left;
	background-color: #2D6D98; color: #FFFFFF;
}
#Blue_Link_Bar a:hover, #Blue_Link_Bar a:active { 
	background-color: #FFFFFF; color: #2D6D98; }
/* end Blue_Link_Bar */

/* .blue_link -- links similar to Blue_Link_bar ................................................ */
.blue_link p { float:right; margin:0px 0px -5px 0px; padding: 0px; }
.blue_link a:link, .blue_link a:visited {
	white-space: nowrap;
	display: block;
	padding: 1px 10px 1px 10px;
	border: solid 2px #CD8D35;
	margin-right: 4px;
	text-decoration: none;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	line-height:18px;
	float: left;
	background-color: #2D6D98; color: #FFFFFF;
}
.blue_link a:hover, .blue_link a:active { 
	background-color: #FFFFFF; color: #2D6D98; }
/* done with .blue_link */


ul#nav {
	list-style-type: none;
	padding: 5px;
	margin: 10px;
}
#nav a:link, #nav a:visited {
	display: block;
	width: 150px;
	color: #286d9e;
	text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:Arial, Helvetica, sans-serif; margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:-10px; padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:5px
}
#nav a:hover {
	color: #6db271
}

#header #lang_select	{float:right; font-size:11px; color:#cd8d35}
#header #lang_select ul	{margin:0px; padding:0px}
#header #lang_select li	{list-style-type:none; float:left; margin:0px}
#header #lang_select a	{line-height:20px; padding:0px; margin:0px; font-family: Verdana; font-size:11px; color:#cd8d35; padding:3px 3px; border-left:0px none #cd8d35; text-decoration:none}
#header #lang_select a:hover	{background-color:#e7f8ff; text-decoration:none; color:#2a2a2a}

#left
	{width:135px;
	float:left;
	background:#ecf0f4;
	padding:10px 20px;
	font-family:Arial;
    overflow:hidden;
	border-right: 2px solid #ffffff;
	height:100%;
	}
#content {
 PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FONT-SIZE: 12px; MIN-HEIGHT: 542px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 20px; BORDER-LEFT: #d2d8de 1px solid; WIDTH: 566px; LINE-HEIGHT: 16px; PADDING-TOP: 10px; FONT-FAMILY: Verdana; 
}
*>#content  {height:auto}
#footer	{font-family: Verdana; color: 12px; color: #ffffff; width:775px; text-align:center; clear:both; border-top:1px solid #d9d9d9; background:#76797e; height:20px}
.footerlink {
	font-family: Verdana;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}
a.footerlink:hover {
	font-family: Verdana;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: underline;
}
#footer2	{font-family: Verdana; font-size: 11px; color:#2a2a2a; width:775px; text-align:center; padding:5px 0px; background-color: #e1e1e1}
.footer2link {
	font-family: Verdana;
	color: #2a2a2a;
	font-size: 11px;
	text-decoration: none;
}
a.footer2link:hover {
	font-family: Verdana;
	color: #2a2a2a;
	font-size: 11px;
	text-decoration: underline;
}
.staff_left	{width:250px; float:left}
.staff_right	{width:250px; float:left}

.clear	{clear:both; line-height:1px}
.pbond	{line-height:8px}

/* headings
--------------------------------------------------*/
h1, h1 a,
h2, h2 a,
h3 a,
h4 a
  {color:#545c66;}
h1 {font-size:15px;}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover
  {font-family: Verdana; font-size: 12px; color:#545c66;}
#content h2 {
  margin:0 0 0px 0;
  font-family:Verdana, serif;
  font-size:12px;
}
#content h2.page-title	{
font-family:arial narrow, sans-serif; 
color:#2A6E9F; 
font-size:16px; 
font-weight:bold;
}
#content h3 {
  margin:0 0 3px 0;
  font-size:1.1em;
}

#content h4 {
  margin:0;
  font-size:12px;
}

#content h5 {
  alight:right;
  font-size:1.1em;
}

h1.staff_region	{display:block; text-transform:uppercase; font-size:13px; color:#fff; background:#CD8D35; padding:3px 10px}
h2.home	{text-transform:uppercase; font-size:13px; color:#286d9e; padding:3px 2px}
h3	{color:#009193; font-size:1.5em}

/* form
--------------------------------------------------*/
form {padding:6px 0; margin-left:5px; margin-right:5px;}
#commentform, #contactform {margin-bottom:18px;}
form fieldset {border:0px solid #ccc} /* Opera */
form p {
  padding:6px 0;
  border-bottom:0px solid;
}
#commentform label {margin:0 15px 0 15px;}
#contactform label {margin:0 15px 0 0;}
form input, form textarea {
  padding:3px;
  border:1px solid;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.9em;
  color:#414141;
  border-color:#DCDCDC #F0F0F0 #F0F0F0 #DCDCDC;
}
form textarea {overflow:auto; width: 400px;}
#commentform input {width:200px;}
#commentform textarea {width:325px;}
#contactform textarea, #contactform #bx_subject {width:465px;}
* html #commentform textarea {width:320px;} /* IE WIN; but why? */
* html #contactform textarea,
* html #contactform #bx_subject {width:445px;} /* IE WIN; but why? */


/* links
--------------------------------------------------*/
a {color:#286d9e; text-decoration:none}
a:hover {
	text-decoration: underline;
}
.menu a, .main_menu a	{text-decoration:none}

.menu a, .main_menu a:hover {
	text-decoration:none;
}


/* content misc
--------------------------------------------------*/
.form	{font-family:Arial; font-weight:normal; font-size: 11px;}
.howto {
font-family:Arial; 
color:#00aeea; 
font-weight:bold; 
font-size: 16px; 
margin-left:20px; 
margin-right:5px; 
margin-bottom:0; 
}

.certificate	{font-family:Arial; font-weight:normal; font-size: 11px; margin-left:0px; margin-right:5px; }
.main_menu	{font-family:Arial; font-weight: bold; size: 14px; margin-left:-35px;; }
.main_menu ul li	{font-family: Arial; font-size:12px; font-weight: bold; line-height:20px;}
a.cart_link	{display:block; float:left; line-height:20px; background:url(addcart.gif) no-repeat; font-size:0px; color:transparent; margin-left:10px; width:96px; height:20px; }
.purchase_option	{width:75px; padding:0 3px 8px 0; float:left; text-align:right}
.block-cart	{font-size:14px}
.block-cart .items a	{text-decoration:none}
.attachments a	{}