.boxtext {
 	margin-top: 10px;
	border: 2px solid;
}

.container{
margin:30px auto; 
padding:0;
}

#page{ 
margin:0 auto;
padding:0;
width:800px;
border: #aa9999 3px solid;
height: auto !important;


background:#FFFFFF;

}

#header{ 
margin:  10px 20px;
padding: 5px;
font: #FF0000 1em 400 Verdana, Arial, Helvetica, sans-serif;
color:#006666;
height: 2em;


}
#header img {
  margin-top: -5px;
  left: 20%;
  margin-left:1em;

}

#header ul {
  margin: 0;
/*  margin: 0.3em 18.5em 0 0.5em;*/
  padding: 0	;
  float: right;
 /*  border: #000 1px solid;*/

}

#header ul li {
  display: inline;
  list-style: none;
  float:left;
 }

#header ul li a {
  float: left;
  margin-top:90px;
  margin-left: 0.1em;
  margin-right:0.1em;
  text-align:center;
  padding: 0.3em 0.2em  0.3em 0.5em;
  text-decoration:none;
  width:5em;
  font: 400 11px  arial, sans-serif;
  background:    url('images/arrowchild-off.gif') no-repeat right center;
  color: #BBBBBB;
  
  border-bottom:#993333 4px solid;
 } 

#header ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#header ul li a:hover {
  color: #FFFFFF;
  background:#9A9A9D url('images/arrowchild-on.gif') no-repeat right center;
  border-bottom:#009933 4px solid;
}


.headerimg{
margin: 0.2em -19px 0 -19px;
padding: 0;
height: 150px;
background:#00FFFF url(../images/headerimg.jpg) no-repeat;
}

.headerhome{
text-align:center;
float:right;
margin-top:109px;
margin-right:10px;
margin-left:0.1em;
padding:0;

border:none;
width:25px;
height:17px;

}

.headerhome:hover{
border-bottom:#993333 4px solid;
}
.myBox
{
    margin: 1em auto;
/*	border-right:3px #aa9999 solid;
	border-left:3px #aa9999 solid;
	border-top:3px #aa9999 inset ;
	border-bottom:3px #aa9999 dashed ;
	*/
    color: #ffffff;
    width: 798px;
    height: 130px;
    padding: 0px;
    text-align: left;
	background:#16A;
	
    
    background-image: url(../images/banner2.jpg);
    background-repeat: no-repeat;
}

#banner{
margin:2em auto;
padding:0;
background:#BBB url(../images/headerbg.gif) no-repeat top left;
height:150px;
width:800px;


}


html,body{ height: 100%;}

body{
	
    font: 0.7em 400  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:400;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	
	color:#666;
    margin: 0px auto;
    background: #BBB ;
	line-height:100%;
}

P{
margin-bottom:5px;]
margin-top:0;
}
/* Headers */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 8px 0;
  padding: 0;
}


h1 {
  padding-left: 0.2em;
  padding-bottom: .1em;
  font: 400 1.3em  arial, sans-serif;
  color: #536C71;
  border-bottom: 1px solid #999;
  text-transform:capitalize;
}

h2 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:400;
  font-size:1em;
  padding-bottom:0.5em;
  /*color: #586B7A;*/
  color: #536C71;
  padding-left: 0em;
  margin-top:0.2em; 
  margin-bottom:5px;
  border-bottom:1px solid;
  text-transform:capitalize;
  
  
  
}

h3 {
  text-transform: uppercase;
 font-size: 1.1em;
  color: #5D6F73;
  padding-left: 0.4em;
  border-bottom:1px solid;
}

h4 {
  font-size: 0.9em;
}

h5 {
  font-size: 0.8em;
}

.paragraph{ 
margin:0 auto;
padding:5px 5px 5px 0;
font: 1em verdana, arial, sans-serif;  
line-height: 170%;
color: #666666;
}

#columns{
margin:0 auto;
padding:0 ;
}

.contextimg{
/*margin:-3px -3px ;*/
margin:2px;
padding:0px;
height:155px;
width:796px;
overflow:hidden;
float:left;
/*border:#000 3px solid;*/
}

/*************** GENERAL STYLING ******************/
.floatRight{ float:right;}
.floatLeft { float:left;}

.clear{ clear:both;}

.borderBottom{ border-bottom:#CCC 1px dotted;}
.borderRight{ border-right:#CCC 1px dotted; }
.borderAll{ border:#000 1px solid;}
.pageBorder{border: 3px solid #aa9999;}


.paddingLeft{padding-left:4px;}
.paddingRight{padding-right:3px;}
.paddingBottom{ padding-bottom:5px;}
.paddingTop{ padding-top:5px;}

.marginLeft{ margin-left:3px;}
. {margin-right:4px;}
.marginTop{margin-top:5px;}
.marginBottom{margin-bottom:5px;}
.marginBoldBottom{	margin-bottom:5em; margin-top:0;}
.negmargin{margin-top:0px; margin-bottom:0px;}
.height5em{ height:7.5em;}
.width{		width:800px;}
.width100{ width:100%;}
.width75{ width:78%;}
.width70{width:70%;}
.width40{ width:38%;}
.width30{ width: 30%;}
.width27{width:27%;}
.width25{width:25%;}
.width20{ width:20%;}
.width60{ width:56%;}
.width50 { width:48%;}
.width55{ width: 53%;}
.widthpad{ width:790px;}

.dummy p{ text-align:right;  line-height:17px; }
.centerA{ margin:0 auto; }
.height100{ height:100%;}
.tempheight{ height:400px;}
.height1{height:100px;}	
.Redbg{ background:#FF0000;}
.Greenbg{ background:green;}
.Bluebg{background:#003366;}
.Greybg{background:#666666;}
.Blackbg{background:#000000;}
.Whitebg{background:#FFFFFF;}
.lightRedbg{ background:#af2154;}
.silverbg{background-color:silver;}

.introback{background:url(../images/DSC01597.JPG);}
.teambg{background:url(../images/team.jpg) no-repeat top left;}

.aLeft{ text-align:left;}
.aRight{text-align:right;}

.show{
color:red;cursor:pointer;
font-size:8px;
}
.hide{
color:red;cursor:pointer;
font-size:8px;
display:none;

}


/*<![if !IE 6]> */



.shiftcontainer{
position: relative;
left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
-mox-opacity: 0.2;
}

.shadowcontainer{
margin-top:10px;
width: 98%; /* container width*/
background:  url(../images/bigshadow.gif) no-repeat bottom right;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */

background-color: white;
border: 1px dotted gray;
padding: 6px;
height:100%;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
}



/*![endif]>*/

.aextra{
color:#3399CC;
text-decoration:underline;
cursor:pointer;
}
.aextra:hover{
color:#009999;
text-decoration:underline;
cursor:pointer;
}


a{
text-decoration: none;
color: #000;
}

a:hover{
color:#CCC;
}

a.firstnlast{
text-decoration:none;
color:#CCC;
cursor:none;
}
a:hover.test{
text-decoration:none;
font-size:1em;
color:#000;
cursor:hand;
}



#footer{
margin:0 auto;
padding-top:5px;
padding-bottom:5px;
background:#000000;
color:#CCC;
width:800px;
height:10px;
text-align:center;
}

#footer:hover{
color:#CCC;

}




select{
margin:0 0 5px 0;
padding:0;
background:#DAE6EA;
width:100px;
border:1px solid;
height:auto;
padding:0;
font:0.8em  Verdana, Arial, Helvetica, sans-serif;

}
input,textarea{
margin:0;
padding:0;
background:#DAE6EA;

border:1px solid;

padding:0;
font:0.8em  Verdana, Arial, Helvetica, sans-serif;
}
input{height:14px}
textarea{height:85px;}

input.button{
padding-bottom:2px;
font: 0.9em 400 Verdana, Arial, Helvetica, sans-serif;
height:20px;
width:60px;
border:#CCC 1px solid;
color:#000;
background:#DAE6EA;
}

input:hover,textarea:hover{
background:#EEE;
}

input.button:hover{ 
background:#DAE6EA;
padding-left:2px;
padding-top:-2px;

border:#000 1px solid;
}

/*#tabbing{
margin:0 auto;
padding:0;
font: 1em 600 Verdana, Arial, Helvetica, sans-serif;
color: #333366;
}
#tabbing ul{ 
float:left;
}

#tabbing ul li{
display:inline;


}

#tabbing ul li a{ 
float:left;
margin: 0px 50px 0px 0;
padding:5px 5px 5px 5px; 

cursor:pointer;
text-align:center;
font:1em 600 Arial, Helvetica, sans-serif;
border-right:#000 1px solid;
border-left:#000 1px solid;
border-top:#000 1px solid;
width:10em;
letter-spacing: 1px;
line-height:130%;
background:#FFF;

}

#tabbing ul li a:hover{ 
color:#999999;
background:#336;
border-right:#336 1px solid;
border-left:#336 1px solid;
border-top:#336 1px solid;
}
*/

#tabbing{ 
margin:0;
padding:5px;
font: #FF0000 1em 400 Verdana, Arial, Helvetica, sans-serif;
color:#006666;
height: 2em;


}
#tabbing img {
  margin-top: -5px;
  left: 20%;
  margin-left:1em;

}

#tabbing ul {
  margin: 0;
/*  margin: 0.3em 18.5em 0 0.5em;*/
  padding: 0	;
  float: left;
 /*  border: #000 1px solid;*/

}

#tabbing ul li {
  display: inline;
  
  float:left;
 }

#tabbing ul li a {
  float: left;
  margin-top:0px;
  margin-left: 2px;
  padding: 0.3em 0.2em  0.3em 0.5em;
  text-decoration:none;
  text-align:center;
  width:10em;
  cursor:pointer;
  font: 400 0.9em arial, sans-serif;
  background:#FFF url('images/arrowchild-off.gif') no-repeat right center;
  color: #222;
  border-right:#000 1px solid;
border-left:#000 1px solid;
border-bottom:#ccc 1px solid;
border-top:#000 1px solid;
  /*border-bottom:#993333 4px solid;
  border:#000 1px solid;*/
 } 

#tabbing ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#tabbing ul li a:hover {
  color: #399;
  background:#CCC ;
  /*border-bottom:#009933 4px solid;*/
}

.download{
color:#009933; 
font:1em bolder  Geneva, Arial, Helvetica, sans-serif; 
text-decoration:none;
}
.download:hover{
text-decoration:underline;
cursor:pointer;
}


.econfig{
margin-top:-0.6em;

clear:both;
padding:0;
width:100%;
background:#CCC;
color:#000;
height:100%;
border-right:#000 1px solid;
border-left:#000 1px solid;
border-bottom:#000 1px solid;
/*border-top:#000 1px solid;
*/

}


/*  Animated show and hide slidedown and slide up styling code  */


#content {
margin:0;
padding:0;
}

#content pre {
  cursor:pointer;
  position:relative; /* make IE work correctly */
}

#content pre code {
  float:left;
  margin:0px;
  padding:10px;
  border:1px solid #ddd;
  background:#f5f5f5;
  font:10px Lucida Sans Typewriter, Courier, monospace;
}

/* for visual effects demos */

/* STYLING FOR JS FADE IN & FADE OUT EFFECT AT THE INDEX PAGE */

.contentslide{
border-top:2px solid #a99;
border-left:2px solid #a99;
border-right:4px solid #a99;
border-bottom:4px solid #a99;

padding: 0px;
width: 580x;
height: 250px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

.contentdiv{height:252px}
.pagination{
width: 584px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: #a99;
border-right:6px solid #a99;
padding: 2px 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 580px; /*IE5 width*/
w\idth: 584px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #336699;
background-color:white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}/* CSS Document */