body {
    padding: 0px;
    margin: 0px;
    background-color: #000000;
    background-image: url('../Images/Template/wrapper_top.jpg');
    background-repeat: no-repeat;
    font-family: 'Arial', 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 10px;
    background-position: center top;
    color: #ffffff;
    font-weight: normal;
    height: 100%;
}

div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}

h2 {
    padding: 0px 0px 8px 0px;
    color: #1d9614;
    font-family: Arial;
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: capitalize;
}

img
{
    border: none;
}

.SiteFrameWork {
    width: 1000px;
    height: auto;
    background-image: url('../Images/Template/wrapper-content.gif');
    background-repeat: repeat;
    background-position: center center;
}

#SiteHeader {
}

#SiteFooterImage {

    min-height: 100px;
    
}

#SiteFooter {
    background-color: #000000;
    font-size: 10px;
    height: 200px;
    color: #ffffff;
    background-image: url('/Images/Template/wrapper_bottom.png');
    background-repeat: repeat-x;
    background-position: center bottom;
}

.SiteFooterCopy {

    font-size: 10px;
    color: #ffffff;
    background-image: url('/Images/Template/wrapper_top.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}

#SiteContainer {
   min-height:100%;
   position:relative;
}

.Navigation {
    background-image: url('../Images/Template/top-menu.gif');
    background-repeat: repeat-x;
    background-position: center center;
    height: 62px;
}

#Logo {
    height: 124px;
    width: 1000px;
    background-image: url('../Images/Template/wrapper-content.gif');
    background-repeat: repeat;
    background-position: center center;
}

.SiteCopy {
    font-family: 'Arial', 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
}

.GeneralSiteCopy {
    font-family: 'Arial', 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    text-transform: capitalize;
}

.GeneralSiteCopy a {
    font-family: 'Arial', 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    text-transform: capitalize;
    font-style: italic;
    text-decoration: underline;
}

.GeneralSiteCopy a:link {
    font-family: 'Arial', 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    text-transform: capitalize;
    font-style: italic;
    text-decoration: underline;
}

.GeneralSiteCopy a:hover {
    font-family: 'Arial', 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    text-transform: capitalize;
    font-style: italic;
    text-decoration: underline;
}

.GeneralSiteCopy a:visited {
    font-family: 'Arial', 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    text-transform: capitalize;
    font-style: italic;
    text-decoration: underline;
}

a {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    letter-spacing: 1px;
    text-decoration: none;
    height: 62px;
}

a:link {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    letter-spacing: 1px;
    text-decoration: none;
    height: 62px;
}

a:hover {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #1d9614;
    font-weight: normal;
    letter-spacing: 1px;
    text-decoration: none;
    height: 62px;
}

a:visited {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    letter-spacing: 1px;
    text-decoration: none;
    height: 62px;
}

/*
  Hide radio button (the round disc)
  we will use just the label to create pushbutton effect
*/
input[type=radio] {
    display:none; 
    margin:10px;
}
 
/*
  Change the look'n'feel of labels (which are adjacent to radiobuttons).
  Add some margin, padding to label
*/
input[type=radio] + label {
    display:inline-block;
    margin:-2px;
    padding: 4px 12px;
    background-color: #e7e7e7;
    border-color: #ddd;
}
/*
 Change background color for label next to checked radio button
 to make it look like highlighted button
*/
input[type=radio]:checked + label { 
   background-image: none;
    background-color:#d0d0d0;
}

/*         _____________
__________/ scroll-menu \_______________________________________________________________
--------------------------------------------------------------------------------------- */

.scroller_roll{
    padding: 0px;
    margin: 2px 0px 0px 0px;
    overflow: hidden;
	width:1000px !important;
	border:none !important;
	background:none !important;
}
.scroller_roll ul{
    padding: 0px;
    margin: 0px;
    float: left;
	
}
.scroller_roll ul li{
    display: block;
	float: left;
	width:170px !important;
	height:180px !important;
	border:1px solid #0b215e !important;
	background:url(/Images/Template/scroll_bg.gif) 0 0 repeat !important;
	margin:0 0 0 0px !important;	
}
.scroller_roll ul li:hover{
	border:1px solid #0b215e !important;
	background:url(/Images/Template/scroll_bg_act.gif) 0 0 repeat !important;
}
.scroller_roll ul li a{
    text-decoration: none !important;
}
.scroller_roll ul li a:hover{
    text-decoration: underline;
}
.scroller_roll ul li span{
	margin-top: 6px;
	text-align: center;
	font-size: 12px;	
	color: #ffffff;
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
	text-decoration: none !important;
}
.scroller_roll ul li a img{
    border: none;
    width:140px !important;
    height:130px !important;
    margin:9px 0 0 2px;
}