/*******************/
/* Template Layout */
/*******************/

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:12px;
background: #000;
position:relative;
}

#container {
z-index:10;
position: relative;
top: -43px;
width:1024px;
height: 745px;
height:auto;
text-align:left;
margin:auto;
border-top:2px solid #D2D2D2; /* turn on for visual spacing aid or style */
}

#wrapper {
float:left;
width:1024px;
margin-right: 0px;
margin-bottom:0px;
background: #666666;
}
#homepage-wrapper {
float:right;
width:615px;
margin-right: 0px;
margin-bottom:0px;
background: #666666;
}

#bottom-menu {
z-index:35;
clear:both;
position: relative;
top:705px;
background: url(images/menubkg.png) 0 0 no-repeat;
width:1024px;
height:62px;
}
#altmenu {
z-index:35;
clear:both;
position: absolute;
top:40px;
left:160px;
width:864px;
height:20px;
display: block;
}
#left-wrapper{
float:left;
width:409px;
height:662px;
margin-left: 0px;
margin-bottom:0px;
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#left-header {
z-index:20;
clear: both;
position:relative;
width:409px;
height:282px;
background: url(images/logohome.png) 0 0 no-repeat;
margin-bottom:0px;
}

#left-content {
z-index:10;
position:relative;
top: -33px;
clear:both;
width: 409px;
height: 375px;
overflow: hidden;
}

#left-footer {
	z-index:20;
	clear: both;
	position:relative;
	top:-95px;
	width: 409px;
	height: 143px;
	background: url(images/bottomlefthome.png) 0 0 no-repeat;
}

#left-wrapper H1,
#left-wrapper H2,
#left-wrapper H3,
#left-wrapper H4,
#left-wrapper H5,
#left-wrapper H6,
#left-wrapper p {
padding:2px 6px;
}
#pagetitle-container {
   clear:both;
	position:relative;
}
#pagetitle {
	clear:both;
	position:relative;
	padding-top:10px;
	padding-right: 20px;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.4em;
	color: #FFF;
	height:31px;
	font-weight: bold;
	background-color:#57B6DD;
}
#pagetitletriangle{
 clear: both;
 float:right;
 position: relative;
 width:42px;
 height:41px;
 background-image: url(images/pagetitletriangle.gif);
}
#homepage-main-container {
z-index:10;
float:left;
width:615px;
height:671px;
padding:0px 0px;
background:  url(images/homemainbkg.jpg) 0 0 no-repeat;
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}
#top-content {
z-index:20;
padding-top: 40px;
width: 615px;
height: 141px;
overflow: hidden;

}

#main-content2colhome {
z-index:20;
position:relative;
top:85px;
width:545px;
height: 207px;
overflow: auto;
left:35px;
padding-right:35px;
}

#main-content2colhome H1,
#main-content2colhome H2,
#main-content2colhome H3,
#main-content2colhome H4,
#main-content2colhome H5,
#main-content2colhome H6 {
color:#FFFACC;
padding:2px 6px;
}
#main-content2colhome p {
color:#FFF;
padding:2px 16px;
font-size:14px;
font-family:Verdana, Arial, Sans-serif;
}
#main-content2colhome a {
	color: #BDDFA2;
}

#main-content2colhome a {
	color: #53A326;
}

#logo {
   position:absolute;
	top:30px;
	left:-15px;
	z-index: 250;
}

#main-content-container {
z-index:10;
clear:both;
float:left;
width:726px;
height:705px;
padding:0px 0px;
background: #FEFEFD  url(images/subpagebkg.jpg) 0 0 no-repeat;
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#main-content2colsub {
z-index:20;
clear:both;
float:right;
padding-left:25px;
padding-right: 15px;
padding-top: 20px;
top:41px;
left: 19px;
width:662px;
height: 592px;
overflow: auto;
}

#main-content2colsub H1,
#main-content2colsub H2,
#main-content2colsub H4,
#main-content2colsub H5 {
color:#53A326;
padding-top:3px;
padding-left:10px;
padding-right:10px;
}

#main-content2colsub H1 A,
#main-content2colsub H2 A,
#main-content2colsub H3 A,
#main-content2colsub H4 A,
#main-content2colsub H5 A {
color:#608F49;
text-decoration:underline;
}
#main-content2colsub H6 {
font-size:14px;
font-weight: bold;
color:#53A326;
padding-bottom: 40px;
}
#main-content2colsub p {
color:#333;
padding:2px 16px;
font-size:13px;
font-family:Verdana, Arial, Sans-serif;
}


#bottom-button {
top:118px;
left:215px;
clear: both;
position: relative;
color: #FFF;
width: 153px;
height: 45px;
z-index: 50;
}

#banner-img {
z-index:20;
position: relative;
top:70px;
height: 182px;
overflow: hidden;
padding:10px 10px;
}

#right-col-container {
float: right;
width: 298px;
height: 640px;
}

#right-col {
float:right;
width:292px;
background: #E7E7E7;
border-left:2px solid #656565; /* turn on for visual spacing aid or style */
}
#right-content {
height:540px;
font-size:11px;
overflow: auto;
width:292px;
z-index:20;
}

#right-content p {
	font-size:11px;
	padding:0px 10px;
}
#right-content H1 A, #right-content H2 A, right-content H3 A, #right-content H4 A, #right-content H5 A { color: #BBAB9C; text-decoration:none; }

#right-content H1 A:hover, #right-content H2 A:hover, #right-content H4 A:hover, #right-content H5 A:hover {
	color: #DDD;
}
#right-content H3 A:hover {
	color: #53A326;
}
#right-content H1 { font-size:13px; font-weight:bold;}
#right-content H2 { font-size:12px; font-weight:bold;}
#right-content H3 { font-size:11px; padding-left:6px;}
#right-content H5 { font-size:12px; font-weight:normal; color:#333;}
#right-content H6 { font-size:11px; color:#333; font-weight:bold; padding-left:6px;}

#right-content H1,
#right-content H2,
#right-content H4,
#right-content H5 {
padding:2px 6px;
padding-top: 25px;
margin-bottom: 8px;
color:#BBAB9C;
text-transform: uppercase;
background: #666666  url(images/rightheadingbkg.jpg) 0 0 no-repeat;
}
#bottom-button-sub {
clear: both;
position: relative;
color: #FFF;
left:70px;
top:7px;
padding: 5px;
height: 45px;
}

#footer{
clear:both;
position:absolute;
width: 100%;
top: 745px;
clear:both;
height:30px;
margin:2px;

color: #FFF;
border-top:0px solid #333; /* turn on for visual spacing aid or style */
}
#footertext {
text-align:center;
margin-top:0px;
font-size:10px;
font-weight: bold;
color: #FFF;
}


#footertext a {
font-size:10px;
font-weight: bold;
color: #BDDFA2;
text-decoration: underline;
}

.footerlink a:hover {
color: #333;
}

#footer2 {
clear:both;
position:relative;
padding:10px;
}


/********************************/
/* Form elements */
/*******************************/

#login {
padding:0;
margin:0;
z-index: 1000;
position:relative;
float:right;
text-align:right;
width:210px;
margin-top:-129px;
}

#login input {
vertical-align: middle;
}

#login input.username,
#login input.password {
width:64px;
color:#000;
font-size:11px;
padding:2px;
margin-left:2px;
background: #fff;
border:1px solid #777;
}

.loginbutton,
.logoutbutton {
background:  url(images/gobutton.gif) 0 0 no-repeat;
padding-right:6px;
border:0;
}

.logoutbutton {
margin:2px 0px 2px 0px;
}

.logoutuser {
padding:0;
margin:0;
color:#fff;
}

#search {
clear:both;
position:relative;
z-index: 1000;
text-align:left;
padding:10px 70px;
width:180px;
display:block;
margin-top:0px;
padding-bottom:10px;
}

#search input {
vertical-align: middle;
}

#search input.searchbox {
width:150px;
color:#000;
font-size:11px;
padding:2px;
margin-left:4px;
background: #F8FBF2;
border:1px solid #BDDFA2;
}

#search input.searchsubmit {
width: 36px;
height: 31px;
background:  url(images/gobutton.gif) 5px 0 no-repeat;
border:0;
}

/* General element styles:*/  
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family:verdana, arial, helvetica; color:#333; }
A { color:#53A326; text-decoration:none; }
A:hover { color:#608F49; text-decoration:underline; }
FORM { margin:0px; }
P, UL, OL { font-size:13px; line-height:1.5em; color:#333; margin:10px 0px;}
TEXTAREA, SELECT textarea { font-family:arial, helvetica, sans-serif; color:#333; border: #53A326 1px solid; font-size:12px; }
ul { margin-left:8px;padding-left:0px;list-style-position: inside; }
/* Frames, spacing, link-to-top */

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 {
height: 1%;
background:#333;
/*background: url(../images/frame1.jpg) 0 0 no-repeat;*/   /* uncomment this if you want to use a background image*/
color:#fff;
padding:2px 6px;
border-bottom:2px solid #fff;}

DIV.csc-frame-frame1 {
background: #fff;
border: 0px solid #ccc;
border-bottom:12px solid #fff;
}

DIV.csc-frame-frame1 p {
color:#333;
}

DIV.csc-frame-frame2 { padding:0px 0px 4px 0px; background: url(../images/menu_dot.gif) repeat-x bottom; margin-bottom:14px; margin-top:3px; font-size:12px; }

/* Headers, plain */ 
H1 { font-size:18px; color:#53A326; font-weight:bold;}
H2 { font-size:18px; color:#53A326; font-weight:bold; }
H3 { font-size:16px; color:#53A326; font-weight:bold;}
H4 { font-size:14px; color:#53A326; font-weight:bold;}
H5 { font-size:12px; color:#53A326; font-weight:bold;}
H1, H2, H3, H4, H5, H6 { margin:0; padding:0;}

H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top:0px; }

/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A { color: #555; text-decoration:none; }
H2 A { color:#53A326; }
H3 A { color:#53A326; }
H4 A { color:#53A326; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration:underline; }

/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { font-size:12px; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { font-size:12px; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { font-size:12px; }

/* Header date */ 
P.csc-header-date { font-size:10px; color:#555; }

#menu-wrapper{/*for ie6*/
margin:0 auto;
width:750px;
padding:0;
background-color:#608F49;
margin:0 15px;
}
/********************************************/
/********Horizontal Menu Styles ***********/
/********************************************/ 
/*
 *  Horizontal, top-2-bottom menu
 *  Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by-sa/2.0/
 */
 

/*  ------ Basic style ------  */

#menu {
margin:0 auto;
padding:0;
display: block;
	position: relative;
	clear:both;
	top:29px;
	font-size: 13px;
	font-style: italic;
	color: #FFFFFF;
	height: 29px;
	border-top:2px solid #BDDFA2;
	border-bottom:2px solid #BDDFA2;
}

#menu ul {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
border-right:2px solid #BDDFA2;
}

*+html #menu ul { min-height: 1px; }/*hack for ie7*/

#menu li {
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
border-left:2px solid #BDDFA2;
height: 29px;
z-index: 40;
}

* html #menu li { 
position:static;
}

#menu a {
display: block;
text-transform: uppercase;
}

#menu li li {
width: 100%;
z-index: 41;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul {
top: 0;
left: 0;
}

/* ...and then place it where it should be when shown */
#menu li li:hover ul {
left: 100%;
}

/* initialy hide all sub menus */
#menu li ul {
display: none;
position: absolute;
z-index: 39;
bottom: 21px;
}

/* display them on hover */
#menu li:hover>ul {
display: block;
bottom: 21px;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}

/*  ------   Make-up --------   */

#menu {
font-size : 12px;
}

#menu:after{
content:'.';
display:block;
height:1px;
line-height:1px;
clear:both;
visibility:hidden;
} 

#menu li li {
width: 110px;
}

#menu li a {
font-weight: bold;
text-decoration: none;
text-align: center;
color: #fff;
padding: 6px 13px 6px 18px;
margin:0;
}

#menu li a:hover {
display:block;
height: 17px;
background: #53A326;
}

#menu .active a {	/* first level menu active state style (IE6 included) */
   color: #EDFEC7;
	background-color: #53A326;
	height: 17px;
	font-weight: bold;
	text-decoration: none;
}

#menu li:hover>a {
display:block;
background:#B7BE6B;
}

#menu li li a {
text-transform: none;
text-decoration: none;
text-align:left;
padding: 2px 13px;
background-color:#7BC043;
border-bottom:1px solid #BDDFA2;
border-top:1px solid #fff;
}

#menu li ul li a:hover {
text-transform: none;
text-decoration: none;
text-align:left;
padding: 2px 13px;
color:#fff;
background-color:#53A326;
}

#menu li li:hover>a {
text-transform: none;
text-decoration: none;
text-align:left;
padding: 2px 13px;
color:#fff;
background-color:#53A326;
}

#menu li ul {
width: 110px;
}

#menu li li ul {
border-top-width: 0px;
}

#menu li li li:first-child {
}

#menu li li.submenu>a:after {
content: "";
}

#############################################
###########Alt menu Styles###################
#topmenu {
margin:0 auto;
padding:0;
display: block;
	position: relative;
	clear:both;
	font-size: 13px;
	color: #FFFFFF;
	height: 20px;
}

#topmenu ul {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}

*+html #menu ul { min-height: 1px; }/*hack for ie7*/

#topmenu li {
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
font-style: italic;
height: 20px;
z-index: 40;
}

* html #topmenu li { 
position:static;
}

#topmenu a {
display: block;
text-transform: uppercase;
}
#topmenu li li {
width: 100%;
z-index: 41;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#topmenu li li ul {
top: 0;
left: 0;
}

/* ...and then place it where it should be when shown */
#topmenu li li:hover ul {
left: 100%;
}

/* initialy hide all sub menus */
#topmenu li ul {
display: none;
position: absolute;
z-index: 39;
bottom: 21px;
}

/* display them on hover */
#topmenu li:hover>ul {
display: block;
bottom: 21px;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}

/*  ------   Make-up --------   */

#topmenu {
font-size : 12px;
}

#topmenu:after{
content:'.';
display:block;
height:1px;
line-height:1px;
clear:both;
visibility:hidden;
} 

#topmenu li li {
width: 110px;
}

#topmenu li a {
font-weight: bold;
text-decoration: none;
text-align: center;
color: #fff;
padding: 0px 13px 5px 18px;
margin:0;
}

#topmenu li a:hover {
display:block;
height: 17px;
background: #53A326;
}

#topmenu .active a {	/* first level menu active state style (IE6 included) */
   color: #656565;
	height: 17px;
	font-weight: bold;
	text-decoration: none;
}

#topmenu li:hover>a {
display:block;
background:#B7BE6B;
}

#topmenu li li a {
text-transform: none;
text-decoration: none;
text-align:left;
padding: 2px 13px;
background-color:#7BC043;
border-bottom:1px solid #BDDFA2;
border-top:1px solid #fff;
}

#topmenu li ul li a:hover {
text-transform: none;
text-decoration: none;
text-align:left;
padding: 2px 13px;
color:#fff;
background-color:#53A326;
}

#topmenu li li:hover>a {
text-transform: none;
text-decoration: none;
text-align:left;
padding: 2px 13px;
color:#fff;
background-color:#53A326;
}

#topmenu li ul {
width: 110px;
}

#topmenu li li ul {
border-top-width: 0px;
}

#topmenu li li li:first-child {
}

#topmenu li li.submenu>a:after {
content: "";
}