/* COOPA.NET CSS */


/* ######################################## */
/* ########### GENERAL PAGE SETTINGS ############ */
/* ######################################## */

body {
	margin: 0;
	background-image:url(/images1.5/dtealback.jpg);
	background-attachment:fixed;
	background-color: rgb(18,119,131);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	color: #666666;
}



/* ######################################## */
/* ############### CONTAINERS ################ */
/* ######################################## */

#container{ /* surrounds all content */
	display:block;
	margin: 0 auto;
	width: 700px;
	text-align: left;
	color: #666666;
	background-color: #FFFFFF;
	background-image:url('/images1.5/pageback.gif');
}


#footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear:both;
	font-size:9px;
	color: White;		
    margin-left: auto;
    margin-right: auto;
	width:700px;
	padding:8px 0;
}
#footerleft{
	position:absolute;
}
#footermid{
	position:absolute;
	margin-left:240px; 
}
#footerright{
	float:right
}

#header{
	display:block;
	height:260px;
	width:700px;
}

#navcontainer{
	background-image:url('/images1.5/navback.gif'); 	
	background-repeat:repeat-x;
	height:30px;	
	margin:0;
	padding:0;
}

#sidenavcontainer{
	display:inline;
	float:left;
	width:184px;
}

#content{
	display:block;
	margin: 0 0 0 184px;	
	background-image:url('/images1.5/undermenu.gif');
	background-position:top;
	background-repeat:repeat-x;
	background-color: White;
	color: #666666;
	padding:20px;
}

#newsbox{
	padding:10px 18px 30px 18px;
	line-height:15px;
	background-color:#F0F0F1;
}

#endcontent{
	clear:both;
}

/* ######################################## */
/* ################ MAIN NAV ################# */
/* ######################################## */


ul#mainnav{
	margin: 0 0 0 185px;
	padding:4px 0 0 0;
}

ul#mainnav li{
	list-style-type: none;
	display: inline;
	margin:0 1px 0 0;
	padding:0;
}

ul#mainnav li a { 
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding:4px 14px;
	margin:0;
	text-transform:uppercase;
	text-decoration: none;
	background-image:url('/images1.5/but_off.gif');
	border:1px solid #ffffff;
}

ul#mainnav li a:hover{
	color: Black;
	background-image:url('/images1.5/but_over.gif'); 
	border:1px solid #999999;	
}

ul#mainnav li a#current{
	background-image:url('/images1.5/but_on.gif');
}


/* ######################################## */
/* ################ SUB NAV ################## */
/* ######################################## */


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

ul#sidenav li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#sidenav li a{	
	height: 34px; 
	color: #FFFFFF;
	text-decoration: none; 
	display: block; 
	line-height: 34px;
	padding-left:18px;
	font-family:Arial, Helvetica, sans-serif;	
	
}

ul#sidenav a#item1	{ background-color: #117783; }
ul#sidenav a#item2	{ background-color: #27828C; }
ul#sidenav a#item3	{ background-color: #49949B; }
ul#sidenav a#item4	{ background-color: #6DA7AA; }
ul#sidenav a#item5	{ background-color: #8FB8B9; }
ul#sidenav a#item6{ background-color: #9CCACA; }

ul#sidenav a#item1:hover { background-color: #008494; }
ul#sidenav a#item2:hover { background-color: #178E9B; }
ul#sidenav a#item3:hover { background-color: #3B9DA7; }
ul#sidenav a#item4:hover { background-color: #63AFB3; }
ul#sidenav a#item5:hover { background-color: #88BDBF; }
ul#sidenav a#item6:hover { background-color: #9eCdCd; }

ul#sidenav li#active{
	font-weight:bold;
}

li#active a{
	background-image:url('/images1.5/tick.gif')!important;
	background-repeat:no-repeat;
	background-position:left;
}




/* ######################################## */
/* ############### TEXT CONTROL ############### */
/* ######################################## */

.floatright
{
	float: right;
	text-align:center;
	margin: 10px 0 10px 10px;
	background-color: #eee;
	width: 210px;
	padding: 10px;
	border: 1px dashed #666;
	clear:right;
	line-height: 18px;
	color: Black;
}
.floatright a{
	border: none!important;
}

.rightimage
{
	float: right;
	margin: 0 0 10px 10px;
	clear:right;
}




/* ######################################## */
/* ############### REDEFINE TAGS ############### */
/* ######################################## */

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	color: #666666;
}

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

#content a{
	border-bottom: 1px dashed #117783;
}
#content a:hover{
	border-bottom: 1px solid #117783;
}


#newsbox a:hover{
	text-decoration:underline;
}

.floatright a img{
	border-color:#000000;
}

.small{
	font-size:9px;
}

hr{
	height:1px;
	background:none;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dashed #117783;
	padding:0;
	margin:20px 0 10px 0;
}

#newsbox h1{
	font-size:16px;
	color:#117783;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:lighter;
	padding-bottom:5px;
	border-bottom: 1px dashed #999999;
}

#newsbox h2{
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:lighter;
	padding:3px 0;
	margin: 15px  0 0 0;
}


#content h1{
	border-bottom: 1px dashed #999999;
	color:#117783;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:20px;
	padding-bottom:15px;
	margin-bottom:10px;
}

h2{
	color:#117783;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:14px;
	margin-bottom:10px;
}

h3{
	color:#117783;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:13px;
	margin:5px 0;
}

#newscontainer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 18px;
	color: #333333;
}

.textinput{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 200px;
	color:#000000;
	background-color:#EEEEEE;
	border:1px dashed #666666;
}


/* ######################################## */
/* ############### TEXT CONTROL ############### */
/* ######################################## */