/*global HTML tags*/
body {
	margin: 0; padding: 0;
	background: #889e9c;
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 11px; color: #000;
}

form {
	margin: 0;
	padding: 0;
	display: inline;
}

img, object {
	margin: 0;
	padding: 0;
	border: 0;
	display: block; /*to avoid IE 3px bug*/
}

ul, li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

hr {
	display: none; /*invisible content divider (for css off mode/disabled folks)*/
}

/*misc*/
.none { display: none; }
.counter { display: none; }
.margb0, .prtextbox p.margb0{margin-bottom:0px;}
.clear {clear:both;}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.ldclearfix{display:block;height:0;clear:both;visibility:hidden;}

/*global link settings*/
a {color:#be0000;text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {color:#be0000;text-decoration:underline;}

a,a:link,a:visited,a:hover,a:active{outline:none;}

/***********************CONTAINER SETTINGS***********************/
#container {
	width: 768px; 
	text-align: left;
	margin: 20px auto;
}
/***********************HEADER SETTINGS***********************/
#header { 
	width: 768px; 
	height: 140px; 
	clear: both;
	display: block;
	background: #E4EAEA;
}

#topMenu, 
#topSplash {
	float: left;
	display: inline; /*to avoid IE double margin bug*/
	position: relative;
}

#topMenu { 
	width: 210px;
	height: 140px;
	background: url(navi/menu_bg.jpg) top right repeat-y;
}
#topSplash { 
	width: 558px;
	height: 140px; 
}

ul#topMenu_links {margin: 51px 0px 0px 0px;}
ul#topMenu_links li {display:inline;}

ul#topMenu_links a {
	width:210px;height:21px;display:block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

ul#topMenu_links a:hover{background-position: 0px -21px;}
ul#topMenu_links a.act {background-position: 0px -42px;}

a#homelink {background-image: url(navi/bthome.png);}
a#weblink {background-image: url(navi/btweb.png);}
a#printlink {background-image: url(navi/btprint.png);}
a#animlink {background-image: url(navi/btanim.png);}
/***********************CONTENT SETTINGS***********************/
#content { 
width: 768px; 
background: #E4EAEA url(navi/content_bg.jpg) top left repeat-y;
}

#content-row { 
width: 768px; 
/*min-height: 300px;*/
height: auto;
clear: both;
display: block;
}

#submenu, 
#maincontent,
#widecontent {
	float: left;
	display: inline; /*to avoid IE double margin bug*/
	position: relative;
}
#submenu {width:210px;}
#maincontent {width:558px;}
#widecontent {width:721px;margin-left:27px;}

/*___path___*/
.path { 
width: 768px; 
height: 32px; line-height: 32px;
clear: both;
display: block;
text-align:left;
}

.path_links { 
margin: 0px 27px; 
font-size: 9px;
text-align:left;
}

.path_links a{background:url(navi/breadcrumb.gif) center right no-repeat;padding-right:8px;margin-right:5px;color:#000;}
.path_links a.act{color:#be0000;}

.path_links h3.welcome{font-size:11px;color:#889e9c;padding-left:200px;margin-bottom:0;}

/*___submenu___*/
#submenu h2 { 
	margin: 0px 20px 5px 27px; 
	color: #be0000; 
	font-size: 12px; 
	font-weight: bold; 
	text-transform:uppercase;
}
#submenu ul { 
	margin: 0px 20px 10px 27px;
	text-align: left;
}
#submenu li { 
	margin-bottom: 3px;
}
#submenu a {
	color:#000;
	padding: 0px 0px 0px 12px;
	display:block; 
	background:url(navi/listmark.gif) 0px 3px no-repeat;
}

#submenu a em { color: #666; }

#submenu a:active {color:#be0000;text-decoration:underline;}

#submenu li.new { 
	background:url(navi/bullet_green.png) 100% 0 no-repeat;
}

/*___maincontent___*/
/*start PROJECT DISPLAY pages*/
#text1 {display:block;}

#text2, #text3, #text4, #text5, #text6, #text7, #text8, #text9, #text10,
#text11, #text12, #text13, #text14, #text15, #text16, #text17, #text18, #text19, #text20 {display:none;}


.prbox{
width:538px;
display:block;clear:both;
margin-bottom:15px;
}

.prshots, 
.prtextbox {
	float: left;
	display: inline; /*to avoid IE double margin bug*/
	position: relative;
}

.prshots { 
	width:325px;height:240px;
	background: url(navi/loading.gif) top left no-repeat;
	margin-right:20px;
}

.prtextbox {width:193px;}

.prtextbox h3, #widecontent h3 { 
	color: #be0000; 
	font-size: 12px; 
	font-weight: bold; 
	margin-bottom: 5px;
	border-bottom: 1px solid #be0000;
}
.prtextbox h4 {
	color: #000;
	font-size: 10px;
	font-weight: bold; 
	margin-bottom: 8px;
}

.prtextbox p {margin-bottom:8px;}
.prtextbox p.desc {font-size:10px;color:#2F4543;}

.prtextbox span.note, .prtextbox h4 span.note  {font-size:9px;color:#2F4543;font-weight:normal;}

.prtextbox p.hrnotes{font-size:9px;color:#2F4543;border-top:1px solid #ccc;padding:2px 2px;margin:3px 0px;}
.prtextbox p.heart{background:url(navi/heart.png) 0px 2px no-repeat;padding-left:20px;}
.prtextbox p.help{background:url(navi/help.png) 0px 2px no-repeat;padding-left:20px;padding-bottom:4px;}

.prtextbox p.hrnotes a{color:#2F4543;}
.prtextbox p.hrnotes img {display:inline;padding-right:3px;}

.prtextbox p.lnk1, .prtextbox p.lnkout {background:url(navi/lnk1.gif) 0px 0px no-repeat;padding-left:8px;}
.prtextbox p.lnkout a{background:url(navi/lnkout.gif) top right no-repeat;padding-right:15px;}

/*end PROJECT DISPLAY pages*/

/*___widecontent___*/
/*start _WORDS pages*/
#widecontent p.words {
	font-size: 11px;
	color: #000;
	margin: 8px 0px;
	background: url(navi/words_bg.gif) top left no-repeat;
	padding: 0px 16px 8px 16px;
	border-bottom: 1px solid #fff;
	line-height:1.5em;
}
p.words span.note  {font-size:9px;color:#2F4543;font-weight:normal;background:white;}
/*end _WORDS pages*/

/***********************FOOTER SETTINGS***********************/
#footer { 
width: 768px; 
clear: both;
font-size: 10px;
display: block;
}
.footer_links { 
float: left; 
text-align: left;
height: 20px;
line-height: 20px; 
padding: 10px 10px; 
}
.footer_links a {color:#000}
p.copyright {color:#2F4543;margin:0;padding:0;}
p.copyright a {color:#000}

.footer_info { 
float: right; 
text-align: left; 
height: 20px;
line-height: 20px; 
padding: 10px 10px; 
}
.footer_info img { 
display: inline;
}

.footer_info span.tel {
color:#2F4543;
background: url(navi/ico_tel.gif) center left no-repeat;
padding-left:25px;
margin-right:20px;
}

.footer_info span.email {
color:#2F4543;
background: url(navi/ico_email.gif) center left no-repeat;
padding-left:25px;
}

.footer_info span.email a {
color:#2F4543;
}

.footer_info span.tel em , .footer_info span.email em  { font-style:normal; display:none;}


/*___maincontent___*/
/* contact page
-------------------------------------------- */
/*start CONTACT FORM*/
h3.contactForm {
margin-bottom: 10px;
background: url(navi/h3_contactform.gif) top left no-repeat;
height: 9px;
}
form { 
margin: 0px;
padding: 0px;
}
input, select, textarea {
width: 99%;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 1em;
border: 1px solid #D2D8D8;
}
#formContact {
background: url(navi/contactform_bg.gif) bottom left repeat-x;
padding: 4px;
border: 1px solid #D2D8D8;
width: 310px;
}
#sendButton {
	width: 36px;
	height: 16px;
	float: right;
	padding-top: 4px;
	border: 0px;
}
.formRow {
padding-bottom: 4px;
display: block;
clear: both;
}
.formCol1 {
padding-bottom: 4px;
float: left;
width: 140px;
}
.formCol2 {
padding-left: 10px;
padding-bottom: 4px;
float: right;
width: 140px;
}
p.formNote {
margin: 4px;
font-size: 0.8em;
}
/* end CONTACT FORM */

/*contact page --online status table*/
table#online td {
padding-bottom: 5px;
vertical-align: middle;
}


/* site index-page, contact-page
-------------------------------------------- */
#nobg, #nobg-home { background: none; /*site index-page, contact-page*/ }
.lnkblack a { color: #000}
h3.mesign{font-size:95%;color:#000;padding-top:5px;border-top:1px solid #ccc;border-bottom:0;font-weight:bold;}