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

/* General */

html{
	height:100%;
}

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #9EC3FC;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	background: #000000;
	height:100%;
}

a img {
	border: none;
}

a:link {color: #FDB812; text-decoration:none;}     /* unvisited link */
a:visited {color: #FDB812; text-decoration:none;}  /* visited link */
a:hover {color: #FDB812; text-decoration:underline;}   /* mouse over link */
a:active {color: #FDB812; text-decoration:none;}   /* selected link */

a:link.link_green {color: #C6D82C; text-decoration:none;}     /* unvisited link */
a:visited.link_green {color: #C6D82C; text-decoration:none;}  /* visited link */
a:hover.link_green {color: #C6D82C; text-decoration:underline;}   /* mouse over link */
a:active.link_green {color: #C6D82C; text-decoration:none;}   /* selected link */

h2 {
	font-weight : normal;
	font-size: 22px;
	margin: 0;
	padding: 5px 0 15px 0;
	color: #FFFFFF;
}

h3 {
	font-weight : normal;
	font-size: 18px;
	margin: 0;
	padding: 5px 0 15px 0;
	color: #FFFFFF;
}

h4 {
	font-weight : normal;
	font-size: 16px;
	margin: 0;
	padding: 5px 0 15px 0;
	line-height: 1.4em;
}

h5 {
	font-weight : normal;
	font-size: 13px;
	margin: 0;
	padding: 5px 0 15px 0;
}

p {
	margin: 0;
	padding: 5px 0 15px 0;
}

.hmpic {
	margin: 0 5px 0 0;
	padding: 2px;
	border: solid 1px #456BBC;
}


/* Structure */

#topbar {
	margin: 0;
	padding: 0;
	height: 38px;
	background: url(../images/top_bg.jpg) repeat-x;
}

#topbarlang {
	margin: 0;
	padding: 8px 40px 0px 0px;
}

#topbarlang a { /*hover and selected link*/
color: #3B5DA2;

}


#topbarlang a#selected{ /*hover and selected link*/
color: #FDB812;
background: url(../images/pointer.gif) bottom center no-repeat;
}


#flash {
	margin: 0;
	padding: 0;
	background: #0C2743;
}

#menu {
	margin: 0;
	padding: 0;
	height: 35px;
	background: url(../images/menu_bg.jpg) repeat-x;
}

#menu #nav{
	margin: 0 auto;
	padding: 9px 0 0 230px;
	width: 750px;
}

#main {
	margin: 0;
	padding: 0;
	background: #2D467A url(../images/main_bg.jpg) top repeat-x;
}


#main #content {
	margin: 0 auto;
	padding: 50px 76px 50px 76px;
	width: 828px;
}


#footer {
	margin: 0;
	padding: 0;
	height: 77px;
	background: url(../images/footer_bg.jpg) top repeat-x;
	
}

#footer #note{
	margin: 0 auto;
	padding: 40px 0 0 0;
	width: 980px;
	text-align: right;
	font-size: 11px;
	color: #FFFFFF;
}

.highlight {
	background: #0F182E;
	margin: 0 0 20px 0;
	padding: 10px;
	width: 100%;
}

.step {
	width: 227px;
	margin: 0;
	padding: 20px 30px 0 20px;
}

ol.mlist li {
	margin: 0 0 0 -15px;
	padding: 0 0 10px 0;
}

ul.mlist li {
	margin: 0 0 0 -15px;
	padding: 0 0 0 0;
}

div.hr {
  height: 15px;
  background: url(../images/dot_line.gif) repeat-x;
}

div.hr hr {
  display: none;
}

table.adv {
	border-collapse: collapse;
	margin-bottom: 20px;
}

table.adv td.leftpic{
	text-align: left;
	vertical-align: top;
	padding: 0 15px 0 0;
}

table.adv td.rightdt{
	text-align: left;
	vertical-align: top;
	padding: 0;
}


/* Text */

.txt_white {
	color: #FFFFFF;
}

.txt_black {
	color: #000000;
}

.nomargin {
	padding: 0;
	margin-bottom: 2px;
}

/* Menu */

#pointermenu{
margin: 0;
padding: 0;
}

#pointermenu ul{
margin: 0;
margin-left: 15px; /*menu offset from left edge of window*/
float: left;
padding-left: 8px;
font-size: 11px;
}

* html #pointermenu ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu ul li{
display: inline;
}


#pointermenu ul li a{
float: left;
color: #3B5DA2;
padding: 2px 11px 7px 7px;
text-decoration: none;
}

#pointermenu ul li a:visited{
color: #3B5DA2;
}


#pointermenu ul li a:hover{ /*hover and selected link*/
color: #FDB812;
}

#pointermenu ul li a#selected{ /*hover and selected link*/
color: #FDB812;
background: url(../images/pointer.gif) bottom center no-repeat;
}

#pointermenu ul li a#rightcorner{
padding-right: 0;
padding-left: 2px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('../images/btn_left.gif') no-repeat top left;
display: block;
float: left;
font: normal 11px Arial;  /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a.squarebutton_large{
background: transparent url('../images/btn_left_large.gif') no-repeat top left;
display: block;
float: left;
font: normal 18px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 34px; /* Height of button background height */
padding-left: 15px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #FFFFFF; /*button text color*/
}

a:link.squarebutton_large, a:visited.squarebutton_large, a:active.squarebutton_large{
color: #FFFFFF; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/btn_right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton_large span{
background: transparent url('../images/btn_right_large.gif') no-repeat top right;
display: block;
padding: 9px 15px 10px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #FDB812;
}

a.squarebutton_large:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton_large:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #FDB812;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
/*width: 100%;*/
}