/*********************************************

CSS Stylesheet V1 for Screen
Developed by Janis Yee, a5MEDIA Inc.
Standards Compliant

*********************************************/

body {
background-color: #13391C;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#13391C;
line-height:18px;
margin:0;
padding:0;
background-image:url(../images/bg2.gif);
background-position:center;
background-repeat:repeat-y;
padding-bottom: 20px;
}

.container {
text-align:left;
width: 654px;
margin:0 auto 0 auto;
padding:15px;
top:-50px;
background-image:url(../images/mainBG.jpg);
background-position:top left;
background-repeat:repeat-x;
}

.top {clear:right;}

a:link, a:active, a:visited {
font:Arial, Helvetica, sans-serif;
font-size:10px;
color:#13391C;
}
a:hover {
}

/*********************************************

IMAGE STYLES
logo
maingraphic

********************************************/

.logo {
position:relative;
float:left;
top: 18px;
left:30px;
}

.maingraphic {
border-bottom: 4px solid #FF0000;
border-top: 2px solid #FF0000;
height: 150px;
width:684px;
margin-left: -15px;
background-color:#000000;
}


/*********************************************

TEXT STYLES
fontsize
h1
h2
h3
content
col1
col2
faqcontent
bullets

********************************************/

.fontsize {
font-size:12px;}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height: 24px;
color:#FF0000;
clear:both;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 20px;
color:#666666;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 14px;
font-weight:bold;
color:#13391C;
}

.content { position:relative; top:20px;}
.col1 {width: 275px; float:left; text-align:right;}
.col2 {width: 350px; float:right;}

.faqcontent {
position:relative;
padding: 15px;
top:0;
left: 25px;
width:600px;}


.bullets {margin-top:-10px;}

/*********************************************

NAVIGATION
globalnav
languagebar
selectedlang
faq
secondnav

********************************************/

.globalnav {
position:relative;
top: 5px;

}

.globalnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px;
	border: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height: 14px;
	height:155px;
	float:right;
	}

.globalnav ul li {margin-bottom: 2px;}
		
.globalnav ul li a, .globalnav ul li a:link, .globalnav ul li a:active, .globalnav ul li a:visited  {
	display:block;
	text-decoration: none;
	color: #13391C;
	padding: 0;
	border: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	height:15px;
	text-align:right;
	font-weight:bold;
	}
	
.globalnav ul li a:hover, .selected{
	display:block;
	text-decoration: none;
	color: #000000;
	padding: 0 5px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	border: 0;
	border-right:3px solid #FF0000;
	height:15px;
	text-align:right;
	font-weight:bold;
}

/*.globalnav ul li a:hover:after {content: " ~"}*/

.languagebar {
position: relative;
top: -11px;
float:right;
width: 300px;
}

.languagebar a, .languagebar a:link, .languagebar a:active, .languagebar a:visited {
font:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
padding:5px;
background-color: #13391C;
vertical-align:bottom;
text-decoration:none;
display:inline;
border-bottom: 1px solid #000000;
}

.languagebar a:hover, .langselected {
font:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
padding:5px;
background-color: #FF0000;
vertical-align:bottom;
text-decoration:none;
display:inline;
border-bottom: 5px solid #990000;
}

.selectedlang {}

.faq ul li {
text-align:left;
padding-bottom: 10px;
margin-left: -5px;
font-weight:bold;}

.faq ul li a, .faq ul li a:link, .faq ul li a:active, .faq ul li a:visited {font-size: 12px; color: #13391C; text-decoration:none;}
.faq ul li a:hover {font-size: 12px; color: #FFFFFF; background-color:#13391C; text-decoration:none;} 

.sitemap ul li {font:Arial, Helvetica, sans-serif;
font-size:10px;
color:#13391C;
}

.sitemap ul li a, .sitemap ul li a:link, .sitemap ul li a:active, .sitemap ul li a:visited {color: #13391C;}
.sitemap ul li a:hover {color: #FFFFFF; background-color:#13391C;} 


.sitemap ol li a, .sitemap ol li a:link, .sitemap ol li a:active, .sitemap ol li a:visited {color: #13391C;}
.sitemap ol li a:hover {color: #FFFFFF; background-color:#13391C;} 

.secondnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 275px;
	border: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height: 14px;
	height:155px;
	float:right;
	position:relative;
	left:0;
}

/* Target IE7 only */
html>body .secondnav ul {
  *float:right;
  *width:275px;
  *position:relative;
  *top: 0;
}
/* end */

.secnavlist {list-style: none;}


.secondnav ul li {margin-bottom: 2px;}
		
a.secondnav:link, a.secondnav:active, a.secondnav:visited  {
	text-decoration: none;
	display:block;
	color: #13391C;
	padding: 0;
	border: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	height:15px;
	text-align:right;
	font-weight:bold;
	}
	
a.secondnav:hover{
	text-decoration: none;
	display:block;
	color: #000000;
	padding: 0 5px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	border-right:3px solid #FF0000;
	height:15px;
	text-align:right;
	font-weight:bold;
}
/*a.secondnav:hover:after {content: " ~"}*/

.footer {position:relative; width:inherit; height:40px; border-top:1px solid #999999; clear:both; background-color:#FFFFFF; bottom:0px; margin-top: 15px;}
