/* CSS Document */

/* reset styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn,  font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

body{
background:#000 url(../images/back.jpg) repeat-x;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:18px;	
	text-align:center;
	
}

input{border:solid 1px #acacac;}
a{text-decoration:none; color:#000099;}
a:hover{ color:#FF0000;}
a img{border:none; padding:0px 8px 0px 0px;}

/*Page layout */
#wrap{width:920px; margin:0px auto; text-align:left; background: #FFFFFF; overflow:hidden;
}
	
	
/*slideshow*/
#topslideshow{height:150px; clear:both }
/*left column*/

#headline .news{ width:250px}

#leftcol{width:250px; float:left;  margin-right:25px; margin-left:10px; display:inline; margin-bottom:15px; }
#leftcol .box{border:solid 1px #eee;  margin-top:10px;}

#leftcol .box h2{border:solid 1px #fff; padding:5px 15px; font-weight:bold; font-size:13px; color:#616364; background:#003366; color:#fff;  }
#leftcol .box p{padding:15px 15px 15px 15px;}
	#leftcol .box ul {margin:0;}
	#leftcol .box ul li{list-style:none; border-bottom:solid 1px #eee; padding:5px 15px;}
	#leftcol .box ul li.last{border:none;}
	#leftcol .box ul li a{color:#555;}
	#leftcol .box ul li a:hover{color:#2f9044;}
	#leftcol .box ul ul li{border:none; background no-repeat center left;padding:3px 15px 3px 17px;}
	
#leftcol .accordion b{ text-decoration:underline; color:#666666}	
#leftcol .accordion {width: 250px;border-bottom: solid 1px #c4c4c4; margin: 10px auto;}
#leftcol .accordion h3 {background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;padding: 7px 15px;margin: 0;font: bold 120%/100% Arial, Helvetica, sans-serif;border: solid 1px #c4c4c4;border-bottom: none;cursor: pointer;}
#leftcol .accordion h3:hover {background-color: #e3e2e2;}
#leftcol .accordion h3.active {background-position: right 5px;}
#leftcol .accordion p {background: #f7f7f7;margin: 0;padding: 10px 15px 20px;border-left: solid 1px #c4c4c4;border-right: solid 1px #c4c4c4;}
	
	
	
	
	
#rightcol{width:625px; float:left;  margin-bottom:15px; margin-top:15px;  overflow:hidden; display:inline; border1:solid 1px; }
#rightcol td {font: normal 12px Tahoma, Arial; color: #1c2f3a;}
#rightcol p{ padding:5px;}
#rightcol h1{color:#990000; font-weight:bold; font-size:15px; margin-bottom:15px;}

#rightcol ul{list-style-position:inside; list-style-type:disc; background:#eee; padding:8px; margin:8px;}
#rightcol ol{list-style-position:inside; list-style-type:lower-alpha; background:#eee; padding:8px; margin:8px;}
/*#rightcol #products{ font-family:Calibri, Verdana, "Times New Roman", serif;}
#rightcol #products ul{background:#FFFFFF; list-style-position:inside; list-style-type:disc; background:#eee; padding:8px; margin:8px;}*/
/*footer*/
#footer { background-image:url(../images/bg_bottom_border.jpg); border-top:4px solid #000000; clear:both; color:gray; font-size:0.9em; line-height:1.6em; margin:0 auto; padding:8px 0; text-align:right; color:#FFFFFF }
#footer p {margin:0; padding:0;}
#footer a {color:#000000 ; }
#footer a:hover {text-decoration:underline; color:#000066 }

/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:625px;
	height:263px;
	background: transparent url(../images/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:525px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:475px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
}
#slideshow #slidesContainer h1{font-family:"Courier New", Courier, monospace; font-size:21px;
color:#990000; font-weight:bold;}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/control_right.jpg) no-repeat 0 0;
}

.slide h2, .slide p {
  margin:15px;
  color:#000000;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#0033FF;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
 }
 
 .news{ width:48%; height:150px; float:left;}
 .updates{width:100%; float:right; padding-top:10px;}
 .updates a{color:#000099;}
 .updates a:hover{color:#FF0000;}
 .heading{text-transform:uppercase;}
 
 /*Style for the gallery*/
#gallery { overflow:hidden; margin-bottom:70px; }
	#gallery ul {  margin:5px 0 0 0; padding:0; }
	#gallery ul li{float:left; margin:0;  text-align:center; width:210px; height:160px;  }
	#gallery ul li div{margin:10px auto; width:160px; height:245px; text-align:left; font-size:10px;}
	#gallery ul li img{margin-bottom:5px;}
	
#page{ clear:both}
.style1{color:#FF0000; font-weight:bold;}
  
.usualcomm {
  color:#111;
  width:600px;
  }
.usualcomm li { list-style:none; float:left;}
.usualcomm ul a {
  display:block;
  padding:0px 5px;
  text-decoration:none!important;
  margin-bottom:4px;
  margin-left:0;
  margin-right:3px;
  font:15px Verdana;
  color:#FFF;
  background:#444;
}
.usualcomm ul a:hover {
  color:#FFF;
  background:#111;
  }
.usualcomm ul a.selected {
  margin-bottom:0;
  color:#000;
  background:snow;
  border-bottom:1px solid snow;
  cursor:default;
  }
  .usualcomm div {
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:2px;
  clear:left;
  background:snow;
  font:10pt Georgia;
}
.usualcomm div a { color:#000; font-weight:bold; }

.style66 {
	font-weight: bold;
	font-size: 10px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

/*styling for the contact us form*/
fieldset {
  width: 500px;
  margin: 0;
  padding: 30px;
  background: #f0f0f0;
  border: 2px solid #d0d0d0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; 
  -moz-box-shadow: 6px 6px 6px #ddd;
  -webkit-box-shadow: 6px 6px 6px #ddd;
  box-shadow: 6px 6px 6px #ddd;
}

label {
  display: block;
  font: bold 1.2em arial,verdana,tahoma,sans-serif;
  text-shadow: 2px 2px 2px #ccc;
  color: #000;
  margin: 0 20px 10px 0;
  padding: 0;
  clear: left;
}

/* APPLIES THE STYLE TO EACH FORM ELEMENT */
.textfield,.textarea {
  width: 300px;
  font: normal 1.1em arial,verdana,tahoma,sans-serif;
  color: #666;
  margin: 0 0 5px 0;
  padding: 5px 14px;
  background: #f2f2f2;
  border: 2px solid #d0d0d0;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;  
  -moz-box-shadow: 4px 4px 4px #ddd;
  -webkit-box-shadow: 4px 4px 4px #ddd;
  box-shadow: 4px 4px 4px #ddd;
}

/* OPTIONAL SET WIDTH FOR THE TEXTAREA */
.textarea {
  width: 400px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; 
}

/* CHANGE THE STYLE WHEN THE FORM ELEMENT IS CLICKED */
input:focus, select:focus, .textarea:focus {
  background:#FFFFFF;
  border: 2px solid #ddd;
  -moz-box-shadow: 2px 1px 1px #ddd;
  -webkit-box-shadow: 2px 1px 1px #ddd;
  box-shadow: 2px 1px 1px #ddd;
  outline: none;
}

/* THE NAMES FOR EACH OF THE FORM ELEMENT DIVS WHICH AUTOMATICALLY HIDES THE TIPS BY DEFAULT */
div.myName p.hint, div.myEmail p.hint, div.myComments p.hint{
  display: none;
}  

/* WHEN EACH DIV IS HOVERED, THE TIP IS DISPLAYED */
div.myName:hover > p.hint, div.myEmail:hover > p.hint, div.myComments:hover > p.hint{
  position: absolute;
  display: block;
  font: bold 0.8em arial,verdana,tahoma,sans-serif;
  text-shadow: none;
  color: #000;
  margin: 0 0 0 265px;
  padding: 10px 15px;
  background: #ffff80;
  border: 2px solid #f7de35;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;   
  -moz-box-shadow: 4px 4px 4px #ddd;
  -webkit-box-shadow: 4px 4px 4px #ddd;
  box-shadow: 4px 4px 4px #ddd;  
}

/* CHANGES THE LEFT MARGIN ON THE TEXTAREA TIP, FOR BALANCE */
div.myComments:hover > p.hint {
  margin: 2px 0 0 450px;
}

.btn {
  font: bold 1.1em arial,verdana,tahoma,sans-serif;
  color: #000;
  text-decoration: none;
  margin: 0;
  padding: 9px 11px 8px 11px;
  background: #f2f2f2 url(../images/submit-backgr.png) repeat-x;
  border: 2px solid #d0d0d0;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;  
  -moz-box-shadow: 4px 4px 4px #ddd;
  -webkit-box-shadow: 4px 4px 4px #ddd;
  box-shadow: 4px 4px 4px #ddd;  
}

.btn:hover, .btn:focus {
  color: #fff;
  background: #f2f2f2 url(../images/submit-hover-backgr.png) repeat-x; 
  border: 2px solid #888;
  -moz-box-shadow: 2px 2px 2px #ddd;
  -webkit-box-shadow: 2px 2px 2px #ddd;
  box-shadow: 2px 2px 2px #ddd;  
}

/*.othermember{ border-bottom: solid 1px #333333;}*/