/* CSS Document */



* {margin: 0;padding: 0;}

html {height: 100%;}

body {
height: 100%;
background: #96ABD8 url(bg1.jpg) repeat-x top;
/*background-attachment: fixed;*/
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: #030303  ;
font: 100%/125% arial narrow, verdana, tahoma, sans-serif;}

.wrap {
width: 840px;
margin: 0 auto;
text-align: center;}

#mainwrapper { 
margin: 0 auto;
width: 840px;}

#bottom {
min-width: 840px;
height: 80px;
border-top: #006DB5 solid 0px;
padding:0px;
margin: 0px 0px 0px 0;
}

#right_col {
text-align:left;
float: right;
width: 550px;
margin: 0 0px 0px 0px;
padding: 0px 0 20px 0px;}

#left_col {
text-align: center;
float: left;
width: 20px;
margin: 0px 0px 0px 0px;
padding: 5px 0 30px 0;
height: 100%;}

#footer{text-align: right;}

#content {margin: 0px; padding-left:0px;}

.clear {clear: both;}

/*-----------------------------------------------------*/




/*---left links--*/

.nav  {
text-align: left;
width:223px;
margin: 90px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}

.nav li{
vertical-align:middle;
font-size: 14px;
line-height: 18px;
margin: 0;
padding: 0px 0 0px 0px;
list-style-type: none;}

.transp {
color: #006DB5;
Cursor:pointer;}

/* IE ignores css styles with [attributes], so it will skip the following. */
.transp[class] {
color: #006DB5;
Cursor:pointer;
background-image:url(/75p_white.png);}

.nav a{
border-bottom: #00AEFF dotted 0px;
color: #006DB5;
vertical-align:middle;
display: block;
width:100%;
height:40px;
margin:5px 0 0px 0px;
padding: 6px 4px 6px 4px;
font-size: 13px;
font-family: Trebuchet MS;
font-weight: bold;
text-decoration: none;
}

.nav a:hover{
border-bottom: #FFB300 dotted 0px;
color: #FFB300;
text-decoration: none;
font-weight: bold;
/*background: #fff url(bg8.gif) no-repeat bottom right;*/
}

a.act {
font-variant: small-caps;
color: #fff;
text-decoration: none;
font-weight: bold;
background: #72CC81 url(active2.png) no-repeat top left;
background-position: 2px 7px;}

/*
.nav  a:active {
background: #fff url('bg3.gif') repeat-x right top;
color: #009645;
outline: none;}*/
	
/* hide from IE */
html>body .nav a {width:220px;}





/*---top links--*/

#top_nav  {
/*background: transparent url(bg7.gif) no-repeat;*/
float:right;
text-align: right;
margin: 0px 0px 200px 0px;
padding: 0px 0px 0px 0px;
}

#right_col #top_nav li{
display:inline;
font-size: 14px;
line-height: 18px;
margin: 0;
padding: 0;
list-style-type: none;
background:none;}

#top_nav a{
margin:0 0 0px 30px;
padding: 5px 0px 5px 0px;
vertical-align:middle;
display:inline-block;
/*width:150px;*/
height:20px;
font-size: 19px;
font-family: Trebuchet MS;
font-weight: bold;
text-decoration: none;
color: #006DB5;}

#top_nav a:hover{
/*font-variant: small-caps;*/
color: #00AEFF;
text-decoration: none;
font-weight: bold;
}



#right_col ul#usability  {
text-align: right;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

#right_col ul#usability li{
font-family: Trebuchet MS;
color: #006DB5;
display:inline;
font-size: 12px;
margin: 0;
padding: 0;
list-style-type: none;
background:none;}

#usability a{
margin:0 0 0px 7px;
padding: 0px 0px 0px 0px;
display:inline-block;
font-size: 12px;
font-family: Trebuchet MS;
font-weight: bold;
text-decoration: none;
color: #006DB5;
border:0;}

#usability a:hover{
color: #006DB5;
text-decoration: underline;
font-weight: bold;
}






#right_col ul {
font-family:arial;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

#right_col ul li {
font-size: 17px;
line-height:19px;
list-style-type:none;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 18px;
text-align: left;
background: url(dot.gif) no-repeat top left;
background-position: 0px 6px;
}


#right_col ul li>ul {
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
text-align: left;
}

#right_col ul > li > ul > li {
background: url(dot2.png) no-repeat top left;
list-style-type:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 12px;
text-align: left;
background-position: 0px 7px;
}


input, textarea {font: 100% Arial, sans-serif; margin: 10px 20px 0px 10px ;}

#right_col p a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000;
text-decoration: none;
border-bottom: #227CE8 dotted 2px;}

#right_col p a:hover {
color: #006DB5;
text-decoration: none;
border-bottom: #fff dotted 2px;}

a.link {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #227CE8;
text-decoration: none;
border-bottom: #227CE8 dotted 1px;}

a.link:hover {
color: #227CE8;
text-decoration: none;
border-bottom: #fff dotted 1px;}

form {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

p {font-family: arial;
line-height:20px;
color:#000;
font-size: 17px;
padding: 0px 0px 10px 0px;
text-align: justify;}

img, a img, a img:hover  {
border: 0;
margin: 0px 0px 15px 0px ;
padding: 0px;}

h1 {
/*background: url(bubble2.gif) no-repeat top right;*/
margin: 230px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 35px;
text-align: right;
color: #FFB300;
line-height:38px;}

h2 {
margin: 20px 0px 30px 0px;
font-size: 20px;
font-weight: normal;
text-align: right;
color: #696969;}

h3 {
margin: 20px 0px 0px 0px;
padding: 0px 0px 10px 0px;
font-size: 18px;
font-weight: normal;
text-align: left;
color: #227CE8;}

h4 {
margin: 15px 0px 20px 0px;
font-size: 25px;
font-weight: bold;
text-align: left;
color: #009645;}

hr {
height: 0;
margin: 0;
padding: 0;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 2px dotted #E6E9DC;
color: #fff;}

.footer {
text-align: right;
margin: 2px 0px 8px 0px;
padding: 0px 0px 0px 0px;
}

.footer li {
font-family: Trebuchet MS;
color: #006DB5;
font-size: 12px;
display: inline;
list-style-type: none;
padding: 0px 5px 0px 11px;
margin: 0px 0px 0px 4px;
border-left: #006DB5 dotted 1px;}

.footer a {
font-family: Trebuchet MS;
padding: 0px 0px 1px 0px;
color: #006DB5;
font-size: 12px;
text-decoration:none;}

.footer a:hover {
border-color: #fff;
color: #87D9FF;
border-bottom: #CE0005 dotted 0px;}

li.noborder {
padding: 0px 2px 0px 7px;
margin: 0;
border: 0;
color: #fff;}

.leftdiv {
height:147px;
text-align: left;
width: 146px;
float: left;
display: inline;
padding: 0px 0px 0px 0px;
margin-bottom:10px;} 
 
.rightdiv {
border-bottom: #dcdcdc dotted 1px;
margin-bottom:10px;
height:146px;
color: #696969;
text-align: left;
width: 443px;
float: left;
display: inline;
padding: 0px 0px 0px 0px;} 

.rightdiv a {
border-bottom: #fff dotted 1px;
color: #227CE8;
font-size: 20px;}

.rightdiv a:hover {
color: #227CE8;
border-bottom: #227CE8 dotted 1px;}

.rightdiv p {
color: #696969;
font-size: 14px;
padding: 0px 0px 10px 0px;
text-align: justify;}



/*Admin panel*/

#panel {
color: #fff;
margin: 50px 0px 70px 0px;
padding: 0px 0px 0px 0px;
text-align: center;}

#panel a {color: #fff;text-decoration: none;}

#front {
margin: 50px 0px 10px 0px;
padding: 0px 0px 0px 0px;
text-align: center;}


/* Menu */

#menu ul  {
margin:20px 0 20px 0px;
text-align: center;}

#menu li {
display: inline;
list-style-image: none;}

#menu a {
width:100px;
margin:0 0 0 0px;
padding: 6px 20px 6px 20px;
font-size: 19px;
font-weight: bold;
text-decoration: none;
background: #72CC81;
color: #fff;}

#menu a:hover {
color: #72CC81;
text-decoration: none;
font-weight: bold;
background: #fff;}

#panel_footer {
height:20px;
margin: 20px 0 20px 20px;}