@charset "utf-8";
/* CSS Document */
body {
	background-color : #000000;
	background-image: url(../images/background_fire.jpg);
	background-repeat: no-repeat;
	background-position: top;	
	font-family : Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	word-spacing : 2px;
	margin-top : 0px;
	top : 0px;
}

.feedburnerFeedBlock ul {
	margin-left: 5;
	padding-left: 5;
	list-style-type: none;
	vertical-align: top;
}

#creditfooter {
	display: none;
}

a {
	color: #ffffff;
	text-decoration:underline;		
}

a:visited {
	color: #999999;
	text-decoration:underline;
}

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

ul {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	list-style-image : url(../images/bullet.jpg);	
	margin-left: 15px;
	margin-top: 0px;
  	padding: 0;
}

li {
	color : #ffffff;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	list-style-image : url(../images/bullet.jpg);	
	margin-left: 15px;
	margin-top: 0px;
  	padding: 0;
}

table {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	border : 0px;
	color: #ffffff;	
}

table#box{
	border : 1px solid  #ffffff;
}

table#border {
	border : 1px solid  #ffffff;
}

tr#head {
	font-size : 12px;
	color : #ffffff;
	background-color : #faab21;
	text-align : center;
	font-weight : bold;
}

td#head {
	font-size : 12px;
	color : #ffffff;
	background-color :#faab21;
	text-align : center;
	font-weight : bold;	
}

tr#section {
	font-size : 12px;
	background-color : ThreedLightShadow;
}

td#section {
	font-size : 12px;
	background-color : ThreedLightShadow;
}

.key {
	display: none;
}

.header {
 	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	text-align: right;
	vertical-align:	top;		  	
}

.header a {
 	color:#FFFFFF;
	text-decoration:none;	
}

.header a:hover {
 	text-decoration:underline;
}

.header a:visited {
	color: #FFFFFF;
}

.section {
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	align: left;
	vertical-align:	top;	
}

.newsTitle {
	color:#FFFFFF;
	font-size:24px;
	font-weight:bold;
	align: left;
	vertical-align:	top;	
}

.field {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	align: left;
	vertical-align:	top;	
}

.content {
	color:#FFFFFF;
	font-size:12px;	
	align: left;
	vertical-align:	top;
}

.news {
	color:#FFFFFF;	
	align: left;
	vertical-align:	top;
	display: block;
}

.alert {
	color:#FFFFFF;	
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.footer {
 	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	text-align: center;
	vertical-align:	top;		  	
}

.footer a {
 	color:#FFFFFF;
	text-decoration:none;	
}

.footer a:hover {
 	text-decoration:underline;
}

.footer a:visited {
	color: #FFFFFF;
}

.gray {
	background-color: #2a2a2a;    
}

.white {
	background-color: #ffffff;    
}

.curve_upper_left {
	background-image: url(../images/curve_top_left.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 10px;		
}

.curve_upper_right {
	background-image: url(../images/curve_top_right.png);	
	background-repeat: no-repeat;	
}

.curve_bottom_left {
	background-image: url(../images/curve_bottom_left.png);	
	background-repeat: no-repeat;
	height: 10px;		
}

.curve_bottom_right {
	background-image: url(../images/curve_bottom_right.png);	
	background-repeat: no-repeat;	
}

.nav_bar_left {
	background-image: url(../images/nav_bar_left.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 10px;	
}

.nav_bar_right {
	background-image: url(../images/nav_bar_right.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 10px;	
}

#navLeft ul {
	width: 430px; 
	height: 50px; 
	position: relative; /** Places image at the top of the page **/
	top: 0px; /** Determines the height from the top of the page **/
	left: 0px; /** Determines the width from the left of the page **/
	background: url(../images/navLeft.gif) no-repeat 0 0;
	list-style: none;
	margin: 0; padding: 0;
}
#navLeft li {
	display: inline;
}
#navLeft li a:link, #navLeft li a:visited {
	border: none;
	width: 150px; /** width of the button in active state **/
	height: 50px; /** height of the button in active state **/
	display: block;
	position: absolute;
	top: 0px;
	/**text-indent: -7000px; Removes li text from the screen **/
	outline: none;
}

#navLeft span {
  display: none;
}

#navLeft li.about a:link, #navLeft li.about a:visited {
	left: 0px;
}
#navLeft li.policies a:link, #navLeft li.policies a:visited {
	left: 150px  /** how many px left of the first button i.e blue **/
}
#navLeft li.class a:link, #navLeft li.class a:visited {
	left: 300px  /** how many px left of the first button i.e blue **/
}

#navLeft li.about a:hover {
	background: url(../images/navLeft.gif) no-repeat 0 -50px; /** moves image up 30px showing the rollover states **/ 
}
#navLeft li.policies a:hover {
	background: url(../images/navLeft.gif) no-repeat -150px -50px; /** moves image up 30px and right 80px showing the rollover states **/
}
#navLeft li.class a:hover {
	background: url(../images/navLeft.gif) no-repeat -300px -50px;
}

#navRight ul {
	width: 430px; 
	height: 50px; 
	position: relative; /** Places image at the top of the page **/
	top: 0px; /** Determines the height from the top of the page **/
	left: 0px; /** Determines the width from the left of the page **/
	background: url(../images/navRight.gif) no-repeat 0 0;
	list-style: none;
	margin: 0; padding: 0;
}
#navRight li {
	display: inline;
}
#navRight li a:link, #navRight li a:visited {
	border: none;
	width: 150px; /** width of the button in active state **/
	height: 50px; /** height of the button in active state **/
	display: block; 
	position: absolute; 
	top: 0; 
	/**text-indent: -7000px; Removes li text from the screen **/
	outline: none;
}

#navRight span {
  display: none;
}

#navRight li.team a:link, #navRight li.team a:visited { 
	left: 0;
}
#navRight li.showcase a:link, #navRight li.showcase a:visited { 
	left: 150px  /** how many px left of the first button i.e blue **/
}
#navRight li.media a:link, #navRight li.media a:visited { 
	left: 300px  /** how many px left of the first button i.e blue **/
}

#navRight li.team a:hover {
	background: url(../images/navRight.gif) no-repeat 0 -50px; /** moves image up 30px showing the rollover states **/ 
}
#navRight li.showcase a:hover {
	background: url(../images/navRight.gif) no-repeat -150px -50px; /** moves image up 30px and right 80px showing the rollover states **/
}
#navRight li.media a:hover {
	background: url(../images/navRight.gif) no-repeat -300px -50px;
}

.btnLarge {display:block; height:75px; overflow:hidden}
.btnLarge:hover img {margin-top:-75px}

.btnRegister {display:block; height:100px; overflow:hidden}
.btnRegister:hover img {margin-top:-100px}

.btnText {display:block; height:65px; overflow:hidden}
.btnText:hover img {margin-top:-65px}

.btnSmall {display:block; height:30px; overflow:hidden}
.btnSmall:hover img {margin-top:-30px}

#payButton {
	position: relative;
	width: 300px;
	height: 75px;
	margin-top: 0px;
	margin-left: 0px;
	z-index: 0;
}

a.payButton {
     display: block;
     width: 300px;
     height: 75px;
     outline: none;
     background-image: url(../images/button/btnPayment.png);
     background-repeat: no-repeat;
     background-position: 0px 0px;
     z-index: 0;
}
	 
a.payButton:hover {
     background-position: 0px -75px;
     z-index: 0;
}