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

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
body {
	background:#d0e0f8 url(../images/bg5.jpg) no-repeat right top;
	  font: 90%/1.7 Tahoma, Verdana, Arial, Helvetica, sans-serif;

}
html, body {height: 100%;}

img {border:0;}

h1,h2,h3,h4,h5,h6{color:#333;margin:0;font-style:normal;}

h3{margin-bottom:14px;font-size:20px;line-height:24px;}

ul{margin:0;padding:0;}

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

a,a:visited{cursor:pointer;color:#2c5fbd;text-decoration:none;}

a:hover{color:#455059;text-decoration:underline;}

:focus{outline:none;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 86px;}  /* must be same height as the footer */

#headerHome {
	display:block;
	margin-right:auto;
	margin-top:5px;
}

#header {
	display:block;
	margin-right:auto;
	margin-top:250px;
}
#footer {
	border-top:1px solid #fff;
	color:#CCC;
	position: relative;
	margin-top: -86px; /* negative value of footer height */
	height: 85px;
	clear:both;
	background: #1D2335;

	} 
	
#footer p {
	float:right;
	padding:12px;
}
#footer a:link, 
#footer a:visited {
  text-decoration: none;
  color:#6CF;
}

#footer a:hover,
#footer a:focus {
  color:#FFF;
}

#footer .connect {
	float:left;
	margin:10px 0 0 10px;
}

#footer .connect span {
	float:left;
	font-size:25px;
	margin:10px 10px 0 0;
}

#footer .copyright {
	padding:8px;
	float:right;
	color:#555;
	font-size:18px;
	margin-top:20px;
}

#footer .nav {
	min-height:75px;
	padding:5px 10px 5px 10px;
	border-right:1px solid #555;
	float:right; 
	text-align:right;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

*/


.content
{
	color:#000;
	margin:5px;width:800px; 
	background:#fff; 
	min-height:200px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid #ccc; 
	padding: 20px;
}

.content ul{margin-bottom:30px; margin-left:30px;}
.content li{padding-top:4px;padding-bottom:4px;list-style-position:inside;list-style-type:square;}


div.transbox
  {
  width:400px;
  height:180px;
  margin:30px 50px;
  background-color:#ffffff;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.4;
  }
div.transbox p
  {
	  opacity:1.0;
  margin:30px 40px;
  font-weight:bold;
  color:#000000;
  }
  
  
  /* LOGIN FORM */
  
.errorMsg 
{
	color:#900;
	margin: 37px 0 0 420px;
}

  
form{margin:0;float:left;}

input,textarea,select{-moz-border-radius:2px;-webkit-border-radius:2px;resize:none;font:12px "Lucida Grande",Lucida,Verdana,sans-serif;padding:2px;margin:0;border-top:1px solid #8e8e8e;border-left:1px solid #8e8e8e;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;float:left;background:#fefefe url(../images/bg/backgrounds.png) repeat-x 0 -188px;}

input.disabled,textarea.disabled{-moz-opacity:0.7;filter:alpha(opacity:0.7);opacity:0.7;}

input:focus,textarea:focus{background-color:#fefeee;}

input.required,textarea.required{background-color:#feecec;}

input.button,x:-moz-any-link{padding-bottom:1px;height:42px;}

input.button:active,x:-moz-any-link{height:43px;padding:0 0 1px;}

.checkbox{-moz-border-radius:2px;-webkit-border-radius:2px;cursor:pointer;margin-right:8px;float:left;width:19px;height:19px;background:#fefefe url(../images/bg/backgrounds.png) -138px 0;border-top:1px solid #8e8e8e;border-left:1px solid #8e8e8e;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;}

.checkbox{cursor:pointer;-moz-opacity:0;filter:alpha(opacity:0);opacity:0;padding:3px;z-index:4;width:19px;height:19px;position:relative;margin:0;}

input.button, .button{float:right;cursor:pointer;height:43px;width:128px;border-style:none;background:transparent url(../images/bg/backgrounds.png) 0 0;color:#000;text-align:center;font:bold 12px/40px "Lucida Grande",Lucida,Verdana,sans-serif;}

input.button:hover, .button:hover{background-position:0 -43px;}

input.button:active, .button:active{background-position:0 -86px;}

input.button.disabled, .button.disabled{cursor:default;color:gray;background-position:0 0;text-shadow:0 1px 1px white;}

div.inline{width:396px;margin-bottom:20px;float:left;}

div.inline span{font-size:12px;float:left;width:130px;text-align:right;font-weight:bold;margin-right:10px;margin-top:3px;}

div.inline label{float:right; margin-right:5px;color:#900;}

div.inline input{width:240px;padding:4px;}

div.inline select{width:250px;padding:4px;}

div.inlineTitle{width:248px;float:left; margin-top:.3em;margin-left:.2em;color:#666;font-style:italic;}