﻿/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* Elements */

body {
	background: #60AE5F;
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 20px 0 0 0;
    margin: 0;
}

h3 {
	margin-top: 0px;
	color: #2D661F;
}

h2 {
	margin-top: 0px;
	color: #2D661F;
}

h2 {
	font-size: 18px;
}

h3 {
	margin: 0;
	font-size: 16px;
}

h6 {
}

h5 {
}

h4 {
}

blockquote {
	margin-top: 0;
}

dl {
	margin-top: 0;
}

ul {
	margin-top: 0;
}

ol {
	margin-top: 0;
}

p {
	margin-top: 0;
}

a {
	color: #248A06;
}

a:hover {
	text-decoration: none;
}

/* Country */

#country {
	width: 95%;
	height: 15px;
	margin: 0 auto;
	padding: 0px 0px 5px 0px;	
	
	

}


#wrapper {
    width: 90%;
    min-width: 900px;
    margin: 0 auto;
    padding: 0;
}

#shad-l {
    padding-left: 18px;
    background: url(images/shadow-l.gif) 0 0 no-repeat;
}

#shad-r {
    padding-right: 18px;
    background: url(images/shadow-r.gif) 100% 0 no-repeat;
}

/* Header */

#header {
    position: relative;
    height: 120px;
    overflow: hidden;
    margin: 0 0 0 0;
    background: url(images/logo.jpg) no-repeat;
}

#head-r {
    height: 120px;
    padding-right: 20px;
    margin: 0 0 0 0;
    background: #ffffff url(images/header-r.jpg) 100% 0 no-repeat; 
}

#head-l {
    padding-left: 20px;
    margin: 0 0 0 0;
    background: #A60328 url(images/header-l.jpg) 0 0 no-repeat; 
}

#header a {
	text-decoration: none;
	color: #000000;
}


/*NEW Drop menu codes*/

.navigationwrapper {
	/*width: 710px;*/
	width: 100%;
	height: 30px;
    min-width: 900px;
    margin: 0 auto;
    padding: 0;
    background: #0273b1;

}
.wrapper1{
	color: white;	
	font: 14px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0px 18px 0px 18px;
	}
	.wrapper1 a{
		color: #E5F2FB;
		text-decoration: none;
	}
	.wrapper1 a:hover {
		color: white;
	}
	.wrapper1 p {
		margin: 0 0 17px;
		padding: 0;
		line-height: 18px;
	}


.nav-wrapper {
	clear: both;
	float: left;
}

.nav {
    float: left;
    margin: 0 0 0 0;
    font-size: 11px;
    list-style: none;
    background: url(menu/images/nav_bg.png) repeat-x;
    background-color: white;
}

.nav a:link{ 
	color: #FFFFFF; 
}

.nav a:visited {
	color: #FFFFFF;
 }

.nav-left {
    float: left;
    width: 6px;
    height: 30px;
    overflow: hidden;
    margin: 0 0 0 10px;
    list-style: none;
    background: url(menu/images/nav_left.png) no-repeat top left; 
}

.nav-right {
    float: left;
    width: 6px;
    height: 30px;
    overflow: hidden;
    margin: 0 0 0 0;
    list-style: none;
    background: url(menu/images/nav_right.png) no-repeat top right; 
}

.nav ul {   
    height: 30px;
    float: left;
    margin: 0;
    padding: 0 6px 0 4px;
    list-style: none;
    font-size: 11px;
    color: #FFFFFF;
}

.nav li {
    float: left;
    padding: 0 6px 0 4px;
    position: relative;
    z-index: 1;
    background: url(menu/images/split.png) no-repeat right center;
}

.nav li.last {
    float: left;
    padding: 0 0 0 5px;
    background: transparent;
    position: relative;
    z-index: 1;
}

.nav li:hover {
    z-index:2;
}

.nav li a {
    display: block;
    line-height: 30px;
    overflow: hidden;
    float: left;
}

a .menu-left {
    width: 8px;
    height: 30px;
    line-height: 30px;
    display: block;
    float: left;
    overflow: hidden;
    background: url(menu/images/menu_left.png) no-repeat left top;   
}

a .menu-mid {
    height: 30px;
    line-height: 30px;
    display: block;
    float: left;
    overflow: hidden;
    padding: 0 7px;
    background: url(menu/images/menu_mid.png) repeat-x top;   
}

a .menu-right {
    width: 8px;
    height: 30px;
    line-height: 30px;
    display: block;
    float: left;
    overflow: hidden;
    background: url(menu/images/menu_right.png) no-repeat left top;
}

.nav li a:hover .menu-left,
.nav li.current a .menu-left,

.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.current a .menu-mid,

.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.current a .menu-right,

.nav li:hover a .menu-right {
    background-position: 0 -33px;
    line-height: 30px;
    overflow: hidden;
}

.nav li a:hover,
.nav li.current a,

.nav li.hover a,
.nav li:hover a {
	color: #A90329;
 }

.nav li:hover .sub,
.nav li.hover .sub {
    display: block;
}

.nav li .sub {
    display: none;
    position: absolute;
    top: 26px;
    left: 4px;
    width: 186px;
    padding-top: 5px;
    left: 3px;
    background: url(menu/images/submenu_top.png) no-repeat;
}

.nav li ul {
    width: 170px;
    height: auto;
    margin: 0;
    padding: 0 8px 3px;
    list-style: none;
    font-size: 12px;
    background: url(menu/images/submenu_bg.png) repeat-y;
}

.nav li:hover li,
.nav li.current li {
    width: 100%;
    padding: 0;
    background: none !important;
}

.nav li:hover li a,
.nav li.current li a {
    background: none !important;
    line-height: normal;
    width: 164px;
    padding: 8px 3px 3px;
    text-indent: 4px;
    color: #A90329;
    
   
}

.nav li:hover li a:hover,
.nav li.current li a:hover {
    text-decoration: none;
    line-height: normal;
    text-indent: 4px;
    color: #CC3333;
    background: url(images/catbg.gif) !important;
}

/*IE*/
.nav li li a:hover {
    text-decoration: none;
    line-height: normal;
    text-indent: 4px;
     color: #CC3333;
    background: url(images/catbg.gif) !important;
}
/**/

.nav .btm-bg {
    width: 205px;
    height: 9px;
    overflow: hidden;
    clear: both;
    background: url(menu/images/submenu_bottom.png) no-repeat;
}
.navcontent {
	width: 670px;
	background: transparent url(menu/images/content_bg.png) repeat-y;
	float: left;
	padding: 10px 20px;
}
.navcontent h1 {
	color: #333;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: 1px dashed #C1D9F0;
}
.navcontent h2 {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
	padding-left: 10px;
	margin-bottom: -5px;
}
.navcontent p {
	padding: 0 15px;
	text-align: justify;	
}
.navcontent-bottom {
	width: 710px;
	background: transparent url(menu/images/content_bottom.png) no-repeat;
	height: 13px;
	float: left;
}

/* Menu */

#menu {
	position: relative; 
	padding: 0px;
	height: 30px;
	margin: 0 18px 0px 18px;
	background: #a90329;
}

#menu ul {
	width: 964px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: #333333;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	padding: 7px 15px 5px 15px;
	border-left: 1px solid #666666;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	background: #CCCCCC;
	color: #000000;
}

#menu .first a {
	border: none;
}

/* Splash */

#splash {
	position: relative;
	height: 213px;
	margin: 0 18px 0px 18px;	
	background: url(images/img2x750.jpg) repeat-x;
}

/* Content */

#content {
	position: relative;
	margin: 0 18px 0px 18px;
	background: white;
}

#colOne {
	
	width: 100%;
	padding: 0 15px 0 0;
	
}

#colTwo {
	float: left;
	width: 160px;
	padding: 0 0 0 15px;
}

/* Footer */

#footer {
    background: url(images/footer-bg.gif) 0 100% repeat-x;
    height: 130px;
    
}

#foot-r {
    background: url(images/footer-r.gif) 100% 100% no-repeat;
    height: 130px;
    padding-right: 280px;
    margin-right: 18px;
    
}

#foot-l {
    background: url(images/footer-l.gif) 0 100% no-repeat;
     height: 130px;
    padding-left: 280px;
    margin-left: 18px;
}

#footerarea {
    color: #BFBFBF;
    text-align: center;
    padding: 17px;
}

#footerarea a:link, #footerarea a:visited {
    color: #A0A0A0;
}

#footerarea a:hover {
    color: #CCCCCC;
    text-decoration: none;
}

