@charset "utf-8";
/* CSS Document */

BODY , div
{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../pix/bg.jpg);
	background-repeat:repeat-x;
	background-color:#7ea3bd;
	
}

h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-left:2%;
	margin-top:0px;
	margin-bottom:0px;
}
img
{
	border:0px;
}
h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px;
}
p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
	line-height:19px;
	padding:3px;
	text-align:justify;
	color:#000000;
	margin-top:0px;
}
.footer 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:2%;
	margin-right:2%;
	line-height:19px;
	padding:3px;
	
}
.menu:link
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:0px;
	text-decoration:none;
}

.menu:active
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:0px;
	text-decoration:none;
}
.menu:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:0px;
	text-decoration:none;
}
.menu:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:0px;
	text-decoration:none;
}
.img_container { height:120px; }
  .img_container ul {display:block;padding:0;margin:0;list-style:none;}
  .img_container ul li{float:left;width:100px;margin:10px;}
  .img_container ul li a img {
      width:93px;
      height:93px;
      border:1px solid #574331;
      padding:5px;
      background:#eee;
  }
  a.imageborder img{
      width:93px;
      height:93px;
      border:1px solid #574331;
      padding:5px;
      background:#eee;
      float:left;
      margin:0 10px;
  }
  .img_container ul li a:hover img, a.imageborder:hover img { background:#e8e8e8; border-color: darkred; }
  
 #wrapper {width:100%; height:200px; margin:40px auto;  border-top:4px solid #eee; border-left:4px solid #eee; padding:20px; background-color:#C8F3EC;}
 
 #scroll {position:relative; width:95%; height:120px; overflow:auto;  margin-left:2%; margin-right:2%; }
#scrollcontent {position:absolute; width:98%; z-index:200; }
#scrollbar {float:right; position:relative; display:none; width:15px; height:200px; z-index:100; background:url(../../images/scroll-bg.gif)}
.scroller {position:absolute; top:0; width:15px; cursor:pointer; background-color:#ccc; background-image:url(../../images/scroll-arrows.gif); background-position:50% 50%; background-repeat:no-repeat}
.buttonclick {background-color:#bbb; }
input.fontBOX
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	 -webkit-border-radius: 8px; width: auto; -moz-border-radius: 8px;  -khtml-border-radius: 8px;  border-radius: 8px;
     -moz-box-shadow: 1px 1px 1px #666;  -webkit-box-shadow: 1px 1px 1px #666;  box-shadow: 1px 1px 1px #666;
     text-shadow: rgba(0,0,0, .5) 0px -1px 0px;
	 height:23px;
      border-top: inset 1px #ccc; border-left: inset 1px #ccc; border-bottom: solid 1px solid #000; border-right: 1px solid #666;
	
}
input:focus.fontBOX
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	-webkit-border-radius: 8px; width: auto; -moz-border-radius: 8px;  -khtml-border-radius: 8px;  border-radius: 8px;
     -moz-box-shadow: 1px 1px 1px #666;  -webkit-box-shadow: 1px 1px 1px #666;  box-shadow: 1px 1px 1px #666;
     text-shadow: rgba(0,0,0, .5) 0px -1px 0px;
	  height:23px;
      border-top: inset 1px #ccc; border-left: inset 1px #ccc; border-bottom: solid 1px solid #000; border-right: 1px solid #666;
}
input.css3button  {
     background: url(images/background.gif) bottom repeat-x #9eabb3;
     padding: 5px 10px 5px 10px;
     text-align: center;
     font-weight: bold;
     color: #fff;
     text-decoration: none; border: 1px inset #aaa;
     -webkit-border-radius: 8px; width: auto; -moz-border-radius: 8px;  -khtml-border-radius: 8px;  border-radius: 8px;
     -moz-box-shadow: 1px 1px 1px #666;  -webkit-box-shadow: 1px 1px 1px #666;  box-shadow: 1px 1px 1px #666;
     text-shadow: rgba(0,0,0, .5) 0px -1px 0px;
      border-top: inset 1px #ccc; border-left: inset 1px #ccc; border-bottom: solid 1px solid #000; border-right: 1px solid #666;
}

input:focus.css3button   {
     background: #999;
     text-shadow: rgba(0,0,0, .5) 0px 1px 0px;
}
.curve222
{
background-image:url(../pix/tansper.png);
background-repeat:no-repeat;
}

#menu {
width:100%;
list-style:none;
padding:5px;
margin:0;
top:0;
position:relative;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#menu li {
padding:5px;
text-align:left;
display:block;
cursor:hand;
cursor:pointer;
color:#DA251C;
}

#menu li a {

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#B1B1B1;
font-weight:bold;
padding:5px;
text-decoration:none;
}


#menu li span {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#B1B1B1;
font-weight:bold;

}
ul{
	margin:0;
	padding:0;
}

ul.container{
	/* The topmost UL */
	width:240px;
	margin:0 auto;
	padding:50px;
}

li{
	list-style:none;
	text-align:left;
}

li.menu{
	/* The main list elements */
	padding:5px 0;
	width:100%;
}

li.button a{
	/* The section titles */
	display:block;
	font-family:BPreplay,Arial,Helvetica,sans-serif;
	font-size:21px;
	height:26px;
	overflow:hidden;
	padding:10px 20px 0;
	position:relative;
	width:200px;
}

li.button a:hover{
	/* Removing the inherited underline from the titles */
	text-decoration:none;
}

li.button a span{
	/* This span acts as the right part of the section's background */
	height:44px;
	position:absolute;
	right:0;
	top:0;
	width:4px;
	display:block;
}

/* Setting up different styles for each section color */

li.button a.blue{background:url(../pix/blue.png) repeat-x top left; color:#074384;}
li.button a.blue span{ background:url(../pix/blue.png) repeat-x top right;}

li.button a.green{background:url(img/green.png) repeat-x top left; color:#436800;}
li.button a.green span{ background:url(../pix/green.png) repeat-x top right;}

li.button a.orange{background:url(../pix/orange.png) repeat-x top left; color:#882e02;}
li.button a.orange span{ background:url(../pix/orange.png) repeat-x top right;}

li.button a.red{background:url(../pix/red.png) repeat-x top left; color:#641603;}
li.button a.red span{ background:url(../pix/red.png) repeat-x top right;}

/* The hover effects */

li.button a:hover{ background-position:bottom left;}
li.button a:hover span{ background-position:bottom right;}

.dropdown{
	/* The expandable lists */
	display:none;
	padding-top:5px;
	width:100%;
}

.dropdown li{
	/* Each element in the expandable list */
	background-color:#dededc;
	
	color:#CCCCCC;
	margin:5px 0;
	padding:4px 18px;
}


/* The styles below are only necessary for the demo page */

h1{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:36px;
	font-weight:normal;
	margin-bottom:15px;
}

h2{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding-right:140px;
	right:0;
	text-align:right;
	text-transform:uppercase;
	top:15px;
}

.clear{
	clear:both;
}

#main{
	/* The main container */
	margin:15px auto;
	text-align:center;
	width:920px;
	position:relative;
}