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

/* 

*/


/*
A. COLORS
-----------------------------------------------------------------------------

#hex (desc)

#b1212b  (red)
#33312c (bg dark grey)
#ffedce (off white)
#000000 (Black)



B. TABLE OF CONTENTS
-----------------------------------------------------------------------------

1. RESET
2. BASE
   Basic Styles
3. LAYOUT
	Content
	Navigation
	Sub-Nav
	Footer
	Homepage
	Promo Section
	Logo
	Page Styles


 	
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/


/* 1. RESET
no editing required
----------------------------------------------------------------------------- */

html, body, br, hr, 
div, span, a,
object, iframe,
ul, ol, dl, li, dt, dd,
h1, h2, h3, h4, h5, h6,
p, blockquote, q, address,
small, big, cite, dfn, ins, del, 
i, em, b, strong, sup, sub, strike,
pre, code, samp, kbd, var, tt,
form, fieldset, legend, label,
input, textarea, option, .nobox{
	background: transparent;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	margin-top: 0px;
}

blockquote, q{ quotes: none; }

br{ height: 0; }

ul, ol, dl{ list-style: none; }

a img{ border: 0; }

img{ display: block; }






/* BASE 
----------------------------------------------------------------------------- */
body { 
margin:0px auto;
padding: 0; 
background: #000 url('') repeat top center; 
}


* {margin: 0; padding: 0; border: 0; font-family:"IM Fell Double Pica SC", Georgia, Times, serif; }

/* Basic styles  */
h1, h2, h3, h4, h5, span#copyright {
	margin: 0px;
	color: #999999;
	font-weight: normal;
	font-family:"IM Fell Double Pica SC", Georgia, Times, serif;
}


p { 
font-size: 12px;
font-family:Georgia, "Times New Roman", Times, serif;; 
line-height: 16px; 
padding:5px 0;
color: #999999;
}

h1{
	font-size:21px;
	letter-spacing: 0.8px;
	height:100%;
	margin-bottom:5px;
	padding:0px 0px 10px 0px;
	font-weight: bold;
	color:#99CCCC;
	text-transform: uppercase;
}	

/* site heading */
h2 { 
font-size: 18px; 
line-height: 2.40em; 
font-weight: bold;
color:#99CCCC;
text-align: right;
}	/* site heading */

h3 {
	color:#99CCCC;
	font-size:16px;
	font-weight: normal;
	margin: 15px 0 10px 0px;
	padding-bottom:10px;
	padding:0px;
	text-decoration: none;
	letter-spacing:0.08px;
	height:auto;
	background:none;
	border-bottom:1px dotted #333333;
}

h4 { 
font-size: 12px; 
font-weight:bold;
line-height: normal;
color:#d6d7b2;
}


/* sub headings */
h5 { 
margin:0px 0 5px 0px;
font-size:10px; 
color:#666666; 
font-style:italic;
}

h5 a{color:#ffedce;}

span#copyright { font-size: 13px; line-height: 35px; color: #000 }

div { padding: 0px 0; margin:0;}

a {
color:#fff;
line-height:normal;
text-decoration:none;
text-align:left;

}

a:hover{
color:#000;
text-decoration:none;
background-color:#99CCCC;
}

a:visited {
color:#eee;
text-decoration:none;
}
 
a.moreLink{
color:#b1212b;
font-size:10px;
font-weight:bold;
margin:0px;
text-align:right;
text-decoration: none;
}
a.moreLink:hover{
color:#990000;
font-size:10px;
font-weight:bold;
margin:0px;
text-align:right;
text-decoration: underline;
}

 

.divider{height:1px;clear:both;}
ul, ol, li {
list-style:none;
padding:0px;
margin:0;
}

blockquote{
background:#eee;
width:90%;
padding:13px 10px 0px 15px;
margin:5px 0px 15px 5px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}




/* 3. ---------------------------------------------Layout------------------------------------------------------*/


/* CONTENT
/* ----------Wrapper -----*/
#wrapper{
	margin:50px auto;
	padding:0px;
	width:920px;
}





/*----whole header section*/
#header {
	margin:0;
	width:920px;
	height:40px;
	border:0px solid white;
}


#header .logo{
	float:none;
	width: 220px;
	height:100px;
}



.leftCol{
	margin:0;
	float:left;
	width:200px;
}

.rightCol{
	margin:0;
	float:right;
	width:700px;
	padding: 0;
}


/* ---------- nav  -------*/

.main-nav{
	margin-top:20px;
}

/*-- btn listing --*/
.main-nav ul{
list-display:none;
margin:0;
font-size:12px;

}

.main-nav li{
	display:block;
	margin:0;
	font-size:14px;
	text-transform:uppercase;
	color:#ffedce;
	padding: 5px;
}

.main-nav ul li a{
	display:block;
	padding:2px 8px;
	color:#fff;
	letter-spacing:.2em;
}

.main-nav ul li a:hover{
	color:#fff;
	text-decoration:none;
	background: url('') repeat-x top left;
}


.main-nav ul li a:visited{
color:#eee;

}






/*-----------  FOOTER  -------------------*/
.footer {
float:left;
width:920px;
height:100px;
margin:20px auto;
text-align: left;
border-top:1px dotted #666;
}



.details {
padding:10px 0;
color:#999;
font-size: 9px;
line-height:normal;
}

#footer a {
color:#ffedce;
text-decoration: none; 
font-style: normal
}

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






/* HOME */
/*------------------- ----------------------*/

.featured{
	background:transparent url() repeat-x top left;
	margin:0;
	padding:0px;
	width:700px;
	float: right;
}

.headingBox{
margin: 5px 0px;
height:80px;
border-top:2px solid black;
border-bottom:2px solid black;
}

.mainImage {
width: 800px;
height:400px;
margin:10px 0 0 0px;
padding:0px;
background:#fff url() no-repeat top left;
}

.mainHeading{
padding: 0px 0;
height:70px;
border-top:1px solid black;
border-bottom:1px solid black;
line-height:21px;
margin: 4px 0;
}

.mainHeading h3 {
color: #000;	
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:20px;	
margin: 0px;
padding: 0px;
}


a.logoTop {
background:transparent url('') no-repeat 0 0;
width:285px;
height:135px;
float:none;
margin: -65px 0px 0 20px;
}


.leftColumn{
float:left;
margin:0;
padding:10px 0px;
width:400px;
border-right:1px solid black;
line-height:normal;
}

.rightColumn{
float:right;
margin:0px 20px 0 0;
padding:10px 0px;
width:390px;
border-left:0px solid black;
line-height:normal;
}



#flashcontent {
width:100%;
height:100%;
}

#news {margin-top:80px;}

.content{
	margin:0px;
	padding:20px;
	width:600px;
	border-right:1px solid #000;
}

#insidecontent{background-color:#000; padding:10px 15px;}

#item {margin-bottom:2px; border-bottom:1px solid #fff;}

.feedText{margin-bottom:20px; border:1px solid #fff;}

.feednaTitle {font-size:16px; color:#FFFFFF; padding:10px 0; width:480px;}
.feednaTitleSm {font-size:12px; color:#FFFFFF;}
.feednaDate {font-size:11px; color:#cccccc; padding:10px 0;}
.feednaArticle {padding:5px 0 10px 0; line-height:18px;}






/*----------- jQuery lightBox plugin - Gallery style ------------*/
#gallery {
	margin: 0px 0px 40px 0;
	padding:0px;
	width: 620px;
	float:left;
}
#gallery ul { list-style: none; }
#gallery ul li { float:left; display: inline;}
#gallery ul img {
border: 2px solid #000;
border-width: 2px 2px 2px;
}

#gallery ul a:hover img {
border: 1px solid #99cccc;
border-width: 2px 2px 2px;
color: #fff;
}

#gallery ul a:hover { color: #fff; }


#slider {
width: 620px;
margin: 0 auto;
position: relative;
}

#slider ul { list-style: none; }
#slider ul li { display: inline;}
#scroll ul { list-style: none; }
#scrollContainer ul li { display: inline;}

.scroll {
  height: 250px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 210px;
  width: 580px; /* change to 560px if not using JS to remove rh.scroll */
}
.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}
