@CHARSET "ISO-8859-1";

.clear{ 
	clear: both;
	height: 1%; 
}

.clearItems{
  clear: both;
	height: 10px;
	border: 1px solid #ffffff;
}

body{
  font-family: Arial, Tahoma, sans-serif;
  font-size: 87%;
  background-color: #ccc;
}

p{
	font-size: 0.9em;
}

li{
	font-size: 0.9em;
}
h1{
  font-size: 1.4em;
}
h2{}
h3{
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color: #663366;
}
h4{
	font-size: 1.2em;
	font-weight: bold;
	color: #c64934;
        margin: 0;
        padding: 0;
}
h5{	
text-align: left;
font-size: 1.1em;
font-weight: bold;
color: #663366;
display: inline;
	}


tr.altrow{
  background-color: #fff; 
}

img{ border: none; }


/* Page Settings */

#templatecontainer{
  width: 750px;
  margin: 0 auto;
  padding: 5px 0px 5px 0px;
  background-color: #fff;

}

#pagecontainer{
  width: 735px;
  margin: 0 auto;
}

#headerarea{}

#headerright{
  float: right;
  padding: 26px 0px 0px 0px;
}

#headerright h1.headerh1{
  display:inline;
  font-size: 1.75em;
  font-family: "Gill Sans", Arial, Tahoma, sans-serif;
	color: #c82129;
}

#headerleft{
  float: left;
}

#headermenu{}

#bannerarea{}

#inlinebar{
  margin: 10px 0px 0px 0px;
}

#inlinebarright {
  float: right; 
  background: url(../images/top-left-border.gif) 0 0 no-repeat; 
  margin: 0; 
  padding: 0; 
  width: 238px;
  
} 

#inlinebarright div.one { 
  background: url(../images/top-right-border.gif) 100% 0 no-repeat; 
}

#inlinebarright div.one div.two{ 
  background: url(../images/bottom-left-border.gif) 0 100% no-repeat; 
} 

#inlinebarright div.one div.two div.three { 
  background: url(../images/bottom-right-border.gif) 100% 100% no-repeat; 
  width: auto !important; 
  width: 100%; 
  padding: 7px 10px;
} 

#inlinebarright h3{
	  display: inline;
	  text-align: center;
	  width: 235px;
}

#inlinebarright form{
  width: 200px;
  margin: 0 auto;
}

#inlinebarright form input.searchbutton{
  width: 65px;
  display: inline;
}

#inlinebarright form input{
  width: 125px;
}

#inlinebarleft { 
  float: left;
  background: url(../images/top-left-border.gif) 0 0 no-repeat; 
  margin: 0; 
  padding: 0;
  width: 486px !important;
  width: 450px;

}

#inlinebarleft div.one { 
  background: url(../images/top-right-border.gif) 100% 0 no-repeat; 
} 

#inlinebarleft div.one div.two{ 
  background: url(../images/bottom-left-border.gif) 0 100% no-repeat; 
} 

#inlinebarleft div.one div.two div.three { 
  background: url(../images/bottom-right-border.gif) 100% 100% no-repeat; 
  width: auto !important; 
  width: 100%; 
  padding: 7px 10px;
} 

#inlinebarleft form{
  width: 350px;
  margin: 0 auto;
}

#inlinebarclear{
  clear: both;
	height: 10px;
}

#pagecontent{
  padding: 10px 0px 10px 0px;  
}

#frontmain{ 
  width: 100%;

}

#frontright{ 
  float: right;
	width: 238px !important;
	width: 230px;
	border: none;
}

#frontright .clear{ 
	clear: both;
	height: 10px; 
}

#frontleft{ 
  float: left;
	width: 238px !important;
	width: 230px;
}
#frontleft .clear{ 
	clear: both;
	height: 10px; 
}
#frontmiddle{ 
	width: 235px !important;
	width: 200px;
	margin-left: 250px !important;
	margin-right: 250px !important;
	margin-left: 255px;
	margin-right: 235px;

}

#leftcolumn{

	width: 238px !important;
	width: 230px;	
}

#leftcolumn img{
padding: 10px 0px 0px 25px;
}

#maincontent{
	float: right;
	width: 486px !important;
	width: 450px;
	margin: 0px 0px 0px 10px;
}

#maincontentfull{
  width:100%;
}

.pagebox { 
  background: url(../images/top-left-border.gif) 0 0 no-repeat; 
  margin: 0; 
  padding: 0; 

} 

.pagebox div.one { 
  background: url(../images/top-right-border.gif) 100% 0 no-repeat; 
}

.pagebox div.one div.two{ 
  background: url(../images/bottom-left-border.gif) 0 100% no-repeat; 
} 

.pagebox div.one div.two div.three { 
  background: url(../images/bottom-right-border.gif) 100% 100% no-repeat; 
  width: auto !important; 
  width: 100%; 
  padding: 7px 10px;
} 

.pageboxgrey { 
  background: url(../images/top-left-border.gif) 0 0 no-repeat;
  background-color: #ccc; 
  margin: 0; 
  padding: 0; 

} 

.pageboxgrey div.one { 
  background: url(../images/top-right-border.gif) 100% 0 no-repeat; 
}

.pageboxgrey div.one div.two{ 
  background: url(../images/bottom-left-border.gif) 0 100% no-repeat; 
} 

.pageboxgrey div.one div.two div.three { 
  background: url(../images/bottom-right-border.gif) 100% 100% no-repeat; 
  width: auto !important; 
  width: 100%; 
  padding: 7px 10px;
}

ul.inline{ width: 85%; margin: 0 auto; }

ul.inline li{
  display: inline;
  padding: 0px 15px 0px 15px;
  font-weight: bold;
} 
ul.inline li img{ 
	position:relative; 
	top: 10px; 
}

#footer{
  clear: both;
  background: url( ../images/footer_red.jpg ) no-repeat;
  height: 27px;
}
/* Module Settings */

#bottommenu{
  width: 734px;
}

/* frontpage */

#frontright .clear{
	clear: both;
	height: 10px; 
}

#frontright .clear1{
	clear: both;
	height: 10px; 
	border: 1px solid #ffffff;
}
#frontleft .clear1{
	clear: both;
	height: 10px; 
	border: 1px solid #ffffff;
}
#frontmiddle .clear2{
	clear: none;
	height: 10px; 
	border: 1px solid #ffffff;
}
/* Dataheet CSS */

#dsrightcol{
  float: right;
  background-color: #ccc;
	width: 238px !important;
	width: 230px;
	background: url(../images/top-left-border.gif) 0 0 no-repeat; 
  margin: 0; 
  padding: 0; 
}

#dsright{
  float: right;
  width: 285px !important;
  width: 275px;
  margin: 0; 
  padding: 0; 
}

#dsrightcol .clear{ 
	clear: both;
	height: 10px; 
}

#dsrightcol img{
  display: block;
  width: 174px;
  border: none;
  margin: 0 auto;
}


#dsrightcol div.one { 
  background: url(../images/top-right-border.gif) 100% 0 no-repeat; 
}

#dsrightcol div.one div.two{ 
  background: url(../images/bottom-left-border.gif) 0 100% no-repeat; 
} 

#dsrightcol div.one div.two div.three { 
  background: url(../images/bottom-right-border.gif) 100% 100% no-repeat; 
  width: auto !important; 
  width: 100%; 
  padding: 7px 10px;
} 

p.buttonheading{
	float: right;
}

.dsline{
  background-color: #000;
  width: 100%;
  height: 10px;

}


#dsrightcol ul.inline img{
  width: auto;
  height: auto;
  margin: 0;
  padding: 0px 10px 0px 0px;
  display:inline;
}

#dsrightcol ul.inline{
  width: 230px;
  margin: 0;
  padding: 0;
}
#dsrightcol ul.inline li{
  display: inline;
  padding: 0px 10px 0px 0px;
}

ul.datasheet{
  margin: -15px 0px 0px 0px;
  text-indent: -3em;
}

ul.datasheet li{
  font-size: 1em;
  font-weight: bold;
  list-style-type: none;
  list-style-position: inside;
}

ul.datasheet li ul{
  text-indent: -3em;
}
ul.datasheet li ul li{
  font-size: 1em;
  font-weight: normal;
  list-style-type: none;
  list-style-position: inside;
}
#page .lineheight{
	line-height: 10px;	
}

.jchts_tabbertab {
  margin-top: 10px;
  background: url( ../images/blackbar.gif ) 0 0 repeat-x #eee;
  
}

/* TOPNAV 
--------------------------------------------------------- */ 
#topnav { 
	clear: left; 
	font-size: 11px; 
background: #000 url( ../images/grey_bg.jpg ) repeat-x;
/*	background: url(../images/topnav-bg.gif) repeat-x;*/ 
	margin: 0; 
	padding-top: 4px;
	height: 20px; 
} 
#topnav-inner { 
	width: 735px; 
	margin: 0px auto; 
} 
#topnav a { 
/*	color: #922182; /* Maroon */
  color: #fff; 
	font-weight: bold; 
	text-decoration: none; 
	text-transform: uppercase; 
	width: 150px; 
} 
#topnav a:hover { 
	text-decoration: none; 
} 
#topnav ul { 
	margin: 0; 
	padding: 0; 
} 
#topnav li { 
  margin: 0; 
	padding: 0; 
} 

/* Top menu navigation system */ 
#menu td { 
  width: 120px; 
/*	padding: 0px 5px;*/
	text-align: center; 
}


/* Article Selector */

#articleSelector{
  position: absolute;
/*	top: 150px;*/
  margin: 0 auto;
  background-color: #eee;
  display:none;
  border: 3px solid black;
  
  width: 700px;
  z-index: 999999;
/*  overflow: none;*/
  padding: 5px 5px;
  font-size: 1.15em;
}

#articleSelectorForm{}
#articleSelectorSubmit{}

#articleSelectorClose{
  cursor: pointer;
  float: right;
  font-weight: bold;

}

.articleSelectorName h3{
	clear:both;
}

.articleSelectorDescription,.articleSelectorName, .articleSelectorName h3, .articleSelectorDescription p, .articleSelectorLink p{
	display: inline; 
	
}

#inlinedate{ 
font-weight: bold;
      padding-left: 40px;
 display:inline;
}

.minifp { position: relative; top: -15px; }