/*
  Copyright (c) 2008 ALF!  
*/

* {
  font-style: normal;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  xtext-decoration: none;
}
img {
  border: none;
}
a{
  color: #ffffff;
}
a:hover {
  text-decoration: none;
  color:#ff8800;
}
html {
  background: #0C3B71 url("img/bg.jpg");
  color: #ffffff;
  xfloat: left;
  xpadding-bottom: 20px;
  width: 100%;
  xz-index:1;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
  font: small/150% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
  xtext-align: center;
}


/* ~~~~~~~~~~~~~~~~~~~~~~ Layout ~~~~~~~~~~~~~~~~~~~~~~~~~~ */

xdiv {
	xborder: 1px solid orange;
}

div.wraper {
	width: 900px;
	height:100%;
	display: block;
	margin-left: auto;
	margin-right: auto; 
	xborder: 1px solid red;
}

#mainT { 
	clear: both;
	background: #0C3B71 url("img/bgTit.jpg") repeat-x top;
	height: 80px;
}

#mainB { 
	clear: both;
	background: transparent url("img/bgBand.jpg") repeat-x top;
	height: 361px;
	xborder: 1px solid orange;
}

#beta{
  position: absolute;
  width:100%;
  float:right;
}

#mainPicL{
  float:left;
	background: #0C3B71 url("img/bgBandL.jpg");
	width:291px;
	height:222px;
}
#mainPicR{
  float:right;
	background: #0C3B71 url("img/bgBandR2.jpg");
	width:609px;
	height:361px;
}
#mainPicR_in{
	width:609px;
	height:361px;
	cursor: pointer; cursor:hand;
}


#txtC1 {
  position:relative;
  float:left;
  width:291px; 
	background: #0C3B71 url("img/bgWhL.jpg") repeat-y top;
}

#txtC2 {
  position:relative;
  float:left;
  width:240px; 
	xborder: 1px solid red;
	margin-left:50px;	
}

#txtC3 {
  position:relative;
  float:right;
  width:240px; 
	xborder: 1px solid red;
	xmargin-right:15px;
	right:25px;
	z-index:10;
}


.txtCol1 {
  font: small/150% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
}

.txtBenef {
  xdisplay: inline;
  font: small/150% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
}

#sp1{
position:relative;
z-index:2;
}

#mainFoot { 
	clear: both;
	height:50px;
	xbackground: #0C3B71 url("img/bgBand.jpg") repeat-x top;
	font:x-small tahoma;
	color:#55759B;
}

/* ~~~~~~~~~~~~~~~~~~~~~~ Menu  ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  #menu {
    width: 293px; 
    height: 44px;
    background: url(img/menu.gif);
    xmargin: 10px auto; 
    padding: 0;
    position: relative;
    xtop:-71px;
    left:530px;
    margin-top:-66px;
    }
  #menu li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
    }
  #menu li, #menu a {
    height: 44px; display: block;
    }

  #panel1b {left: 0; width: 83px;}
  #panel2b {left: 84px; width: 81px;}
  #panel3b {left: 166px; width: 49px;}
  #panel4b {left: 216px; width: 80px;}
  
  #xpanel1b a:hover {
    background: transparent url(img/menu.gif)
    0 -44px no-repeat;}
  #panel2b a:hover {
    background: transparent url(img/menu.gif)
    -84px -44px no-repeat;}
  #panel3b a:hover {
    background: transparent url(img/menu.gif)
    -166px -44px no-repeat;}
  #panel4b a:hover {
    background: transparent url(img/menu.gif)
    -216px -44px no-repeat;}  


/* ~~~~~~~~~~~~~~~~~~~~~~ Style ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
H2{
	text-align:left;
  font-size: 1.6em;
}
H3{
	text-align:left;
  font-size: 1.2em;
}
IMG.pt{
	margin-top:5px;
	margin-left:-4px;
}

IMG.t{  
	clear: both;
	margin-top:35px;
	margin-bottom:9px;
}

IMG.t0{  
	clear: both;
	margin-top:0px;
	margin-bottom:9px;
}
IMG.i02{
	clear: both;
	margin-top:15px;
	margin-bottom:10px;
	margin-left:12px;
	xmargin-right:25px;
	position:relative;
}

IMG.i04{
	margin-top:-8px;
	margin-right:-6px;
	float:right;
	position:relative;
}
IMG.i06{
	margin-top:-2px;
	margin-left:-15px;
	float:left;
	position:relative;
}
IMG.i07{
	margin-top:9px;
	xmargin-left:-15px;
	margin-right:-30px;
	float:right;
	position:relative;
}
IMG.i08{
	margin-top:-2px;
	margin-left:-30px;
	margin-right:7px;
	float:left;
	position:relative;
}
IMG.i09{
	margin-top:-53px;
	margin-left:-100px;
	xmargin-right:-65px;
	right:-64px;
	float:right;
	position:relative;
}

IMG.i11{
	margin-top:-53px;
	margin-left:-100px;
	margin-right:-45px;
	float:right;
	position:relative;
}

IMG.i12{
	margin-top:-38px;
	margin-left:-100px;
	xmargin-right:-100px;
	right:-20px;
	float:right;
	position:relative;
}
xIMG.i13{
	margin-top:0px;
	margin-left:-30px;
	margin-right:3px;
	float:left;
	position:relative;
}
IMG.i13{
	margin-top:-10px;
	margin-left:-5px;
	margin-right:-20px;
	float:right;
	position:relative;
}

IMG.i14{
	margin-top:-14px;
	xmargin-left:-5px;
	margin-right:-10px;
	float:right;
	position:relative;
}


UL.left{
  list-style: none;
	margin-left: 20px;
	padding-right:7px;
}
UL {
  xfont-family: Verdana;
  xfont-size: .9em;
  list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	xline-height: 130%;
}	

UL.start{
  list-style: none;
	margin-left: 0;
	padding-left: 17px;
}

#loginForm, #loginform{
	width:40%;
	float:left;
	clear:none;
	padding-top:10px;
	padding-left:15px;
}
#signupForm{
	width:45%;
	float:right;
	border-left:1px dotted #ccc;
	clear:none;
	padding-top:10px;
	padding-right:15px;
	padding-left:20px;
}

h3{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
}


input.text{
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
	width:200px;
	clear:both;
	
}
.l3{
  clear:both;
  margin-top:10px;
}
.btn{height: 30px; width:85px;font-weight: bold;margin-left:10px;}
.nlink{color:black;}
.anim{
  border:5px solid black;
  float:left;
  margin-left:4px;
  margin-top:10px;
  margin-right:15px;
  margin-bottom:15px;
}