/* Created by: Bolhe 2005*/

.world{
border-style:none;
border:1px solid #fff;
}
body
{
background-color: #eeeeee;
}

a:link, a:visited
{ 
	color: #111;
	background-color:#FFFFFF;
	
}
a:link, a:visited world
{ 
	color: #111;
	background-color:#FFFFFF;
	
}
.wrapper
{
background-color: #FFFFFF;
margin-right:auto;
margin-left:auto;
width:671px;
padding: 6px;
}

/* Header consists of Top, Cyprea Logo and Location */

#htop
{	
	color: #666;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
	width:100px; /* with the search box 260px  */

}

#htop a:link, #htop a:visited
{
text-decoration: none;
color: #666;

}
#htop .searchbox
{
	border: 1px solid #bbbbbb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: 90px;
	margin-right: 3px;
	margin-left: 3px;
	padding: 2px;
	
}

#htop .bsubmit
{
position: relative;
top: 1px;
}

#hlogo
{
float:left;
width: 152px;
margin-left: 3px;
margin-top: 25px;
}

/* The location */
#hlocate
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin-top: 12px;
	color: #888;
	float:left;
	width: 500px;
	clear:left;
}

#hlocate a:link, #hlocate a:visited
{
text-decoration: none;
color: #666;

}


/* Navigation */

#navigation
{
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	font-weight: normal;
	margin-top: 3px;
	float:left;
	
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #FFFFFF;
}
#navigation li a:link, #navigation li a:visited  {
	display: block;
	padding: 3px 3px 4px 0.5em;
	border-left: 12px solid #C6C6C6;
	background-color: #000066;
	color:#FFFFFF;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #6699cc;
	color: #FFFFFF;
}
#navigation ul ul {
	margin-left: 9px;

}
#navigation ul ul li {
	border-top: 1px solid #FFFFFF;
	margin:0;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #3366cc;
	color: #FFFFFF;
}
#navigation ul ul a:hover {
	background-color: #6699CC;
	color: #FFFFFF;
}

/* content consists of the image banner and the content */

#contentwrapper
{
float: right;
margin-top: 3px;

}




#contentwrapper .banner
{
	background-color: #000066;
	border-right: 12px solid #C6C6C6;
	border-left: 12px solid #000066;
	width: 524px;
	height: 137px;
	
}

#contentwrapper .bannerimage
{
	margin-right: 12px;
	width:236px;
	position: relative;
	z-index: 10;
	height: 137px;
	margin-top: -21px;
	padding-left: 14px;
}

#contentwrapper .bannertxt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	font-weight: bold;
	color: #FFFFFF;
	width:236px;
	position: relative;
	z-index: 11;
	margin-left: 258px;
	margin-top: -150px;


}
/*Contact Boxes*/

input, textarea {
	background-color: white;
	border: 1px solid #444;
	margin: 0;
	padding: 1px;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	color: #111;
	vertical-align: middle;
}

/* this is where the title on of the current section is */

#contentwrapper .bannertitle
{
	
	display:block;	
	background-color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	font-weight: bolder;
	font-style: italic;
	color: #FFFFFF;
	width: 115px; /* increase this width depending on the title but not over 135px*/
	height: 18px;
	text-transform: uppercase;
	position: relative;
	z-index: 12;
	padding-top:3px;
	padding-left: 18px;
	margin-top: -137px;


	
}
	
/* the content */
#contentwrapper .content
{
	color: #111;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12.5px;
	padding-right: 30px;
	line-height: 19.5px;
	width: 500px;
	padding-left: 14px;
	margin-top: 30px;
	margin-bottom: 50px;
}

/*images in the content */
#contentwrapper .contentimg
{
	margin-top: 6px;
	margin-left: 6px;
	margin-bottom: 6px;
	float:right;
}
/*lists in the content */

#contentlist ul {
	list-style: circle;
	margin: 0;
	padding-left: 2em;
}
/*footer*/
#hbot {
	font: Arial;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #888;
	clear:both;
	text-align: center;
}





/*tables in the content */
.contenttbl {
	border-collapse: collapse;
}
.contenttbl td {
	border: 1px solid #888;
	padding: 2px 2px 2px 2px;
}