@charset "utf-8";
/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body, div, h1, h2, h3, p, ul, ol, li, img, header, section, aside, footer, button {
	margin: 0; padding: 0; border: 0; list-style: none;
}
div.clear { clear:both; overflow:hidden; height:0; }

a { text-decoration:none;


     }





body {
    background:#fff;
    font-size: .85em;
    margin: 0;
    padding: 0;
    color: #696969;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	
	font-family: 'Open Sans', sans-serif;

    
}


#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:980px; margin:0 auto; display:none; height:650px}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:980px; height:540px; padding:2px; border:1px solid #ccc; background:#fff}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px; color:#f68933}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left_arrow.png) left center no-repeat}
#imgnext {right:0; background:url(../images/right_arrow.png) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#fff}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#fff url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:920px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}



/* HEADINGS   
----------------------------------------------------------*/


h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2
{
	font-size: 1.4em;
	color:#132445;
}

h3 {
    font-size: 1.2em;
	color:#132445;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#logo
{ position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    text-align:center;
    background-color:#ffffff;
   
    width:158px;
    margin-left:43.5%;
   
    
    
}

.slider-wrapper { 
	width: 80%; 
	margin: 0;
	text-align:center;
}

.form_s
{
	font-size:10px;
	font-weight:bold;
	color:#f68933;
}
.tytle
{
	color:#132445;
	font-weight:bold;
}

.tytle4
{
	color:#132445;
	font-weight:bold;
	font-size:12px;
}

.tytle2
{
	color:#132445;
	font-weight:bold;
	font-size:11px;
}

.tytle3
{
	color:#132445;
	font-weight:bold;
	font-size:13px;
}
.ll
{
	font-size:12px;
}
.midle
{
	height:424px;
	
}
.topbdng {
	padding-top:50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.tbl_cont
{
	margin-top:71px;
	margin-bottom:230px;
}

.ptbl1
{
	font-family:"Open Sans";
	font-weight: 600;
	font-size:15px;
	color:#000000;
}

.ptbl2
{
	font-family:"Open Sans";
	/*font-family:"Open Sans Semibold";*/
	font-size:15px;
	line-height:19px;
	letter-spacing:0.7px;
	color:#000000;
}

.ct
{
	margin-left:5px;
}

.tel{
	font-family:"Open Sans";
	font-style:italic;
	font-weight:600;
	font-size:15px;
	color:#000000;
}

.hder_gal
{
	color:#f26f0a;
	
}



.pub_img
{
	margin-top:127px;
	margin-left:432px;
}


#layer1
{
	top: 228px;
	height: 400px;
	position: absolute;
	z-index: 6;
	background-color: #ffffff;
	left: 0px;
	width: 824px;
	text-align: center;
}

#layer2
{
	height:400px;
	position:absolute;
	top:265px;
	z-index:5;
	background-color:#ffffff;
}

#layer3
{
	height:400px;
	position:absolute;
	top:265px;
	z-index:1;
	background-color:#ffffff;
}

#layer4
{
	height:400px;
	position:absolute;
	top:265px;
	z-index:1;
	background-color:#ffffff;
}
#layer5
{
	height:400px;
	position:absolute;
	top:265px;
	z-index:1;
	background-color:#ffffff;
}



.aleft
{
	float:left;
	width:247px;
	height:280px;
	/*background-color:#ffffff;*/
}

.div_menu
{
	z-index:100000;
	position:relative;
	top:0px;
	width:980px;
	background: #fff;
	height:75px;
	border-radius:50px 0px 0px 50px;
	border: 0px solid #bbb;
	font-family: 'Scada', sans-serif;
}



#menu{
	height:70px;
	line-height:45px;
	list-style-image:none;
	list-style-type:none;
	margin-left:235px;
	padding:0 0 0 5px;
	position:relative;
	width:750px;
	background-color: #fff;
	color:#666666;
	border: 0px solid #bbb;
	
}
#menu li{
	
	float:left;
	position:relative;
	padding: 0 5px;
	height: 35px;
	font-size: 16px;
	font-family: 'Scada', sans-serif;
}

.ac
{
	text-align:center;
}

/*#menu:before{
        border-right: 10px solid #00355d;
        border-left: 10px solid rgba(255, 255, 255, 0);
        border-top: 6px solid rgba(255, 255, 255, 0);
        content: " ";
        display: block;
        height: 0;
        position: absolute;
        left: -10px;
        top: -7px;
        width: 0;
}
#menu:after{
        border-left: 10px solid #00355d;
        border-right: 10px solid rgba(255, 255, 255, 0);
        border-top: 6px solid rgba(255, 255, 255, 0);
        content: " ";
        display: block;
        height: 0;
        position: absolute;
        right: -10px;
        top: -7px;
        width: 0;
}
*/

/* main menu styles */
#nav {
    display:inline-block;
    width:770px;
	font-family: 'Scada', sans-serif;
    margin:0px auto;
	margin-left:0px;
	margin-top:3px;
    padding:0;
    background:url(../images/bg.png) repeat-x 0 -110px;

   /* border-radius:10px; /*some css3*/
   /* -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);*/
}
#nav li {
    margin:9px;
    float:left;
    position:relative;
    list-style:none;
}
#nav a {
	/*background:#105186 url(../images/bg.png) repeat-x 0 -20px;*/
    color:#666666;;
    text-decoration:none;
    display:block;
    padding:2px 4px;
    border:0px solid #0e6085;
    border-radius:15px; /*some css3*/
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    
}

/* selected menu element */
#nav .current a, #nav li:hover > a {
   /* background:#105186 url(../images/bg.png) repeat-x 0 -20px;*/
    color:#ed5606;
    border:0px solid #0e6085;
	

   /* box-shadow:0 2px 2px rgba(0,0,0, .7); some css3
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);*/
    
}

/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
    background:none;
    border:none;
    color:#000;
	
}
#nav ul li a:hover {
    background:none;
    color:#fff;
 
   
   
  
   
}

#nav ul li:first-child > a {
    /*-moz-border-radius-topleft:1px; some css3
    -moz-border-radius-topright:1px;
    -webkit-border-top-left-radius:1px;
    -webkit-border-top-right-radius:1px;*/
	
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:1px; /*some css3*/
    -moz-border-radius-bottomright:1px;
    -webkit-border-bottom-left-radius:1px;
    -webkit-border-bottom-right-radius:1px;
	
}

/* drop down */
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
	padding:0;
}
#nav ul {
    opacity:0;
    visibility:hidden;
    padding:0px;
	text-align:left;
	font-size:10px;
    width:200px;
	margin-bottom:5px;
    position:absolute;
   /* background:#105186 url(../images/bg.png) repeat-x 0 0;*/
    border:1px solid #7788aa;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;

    border-radius:4px; /*some css3*/
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
    float:none;
    margin:0;
	text-align:left;
padding:0;
	
	
}
#nav ul a {
    font-weight:normal;
   
}
#nav ul ul {
    left:160px;
	margin-bottom:5px;
    top:0px;
}

#arite
{
	
	
	left:350px;
	top:41px;
	width:468px;
	height:300px;
	overflow-y:scroll;
	z-index:1;
	position:absolute;
	

}
#arite2
{
	
	
	left:350px;
	top:41px;
	width:468px;
	height:300px;
	
	z-index:1;
	position:absolute;
	

}

.form_btn
{
	font-size:10px;
	 border-radius:1em; 
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
	width:150px;
	color:#033e6d;
}

.inboxes
{
	 background-color:#f2f7fd;
	 border-radius:0.4em; 
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
}

.ull ul{
padding: 0px 0 0px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: left; //set value to "left", "center", or "right"*/
}

.ull ul li{
display: inline;
/*padding-right:6px;*/

}
.ull ul li:last-child{
display: inline;
padding-right:0px;

}

.rite
{display: inline;
padding-right:6px;
	
}



#ttop{
	position:absolute;
	width:500px;
	height:100px;
	left:353px;
	top:344px;
	
}

.ttop{
width: 100%;
overflow: hidden;
/*border-bottom: 1px solid black; bottom horizontal line that runs beneath tabs*/
}

.ttop ul{
margin: 0;
padding: 0;
padding-left: 30px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.ttop li{
display: inline;
margin: 0;
}

.ttop li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 40px solid white; /*right divider between tabs*/
color: #fff;
background: #221f1f; /*background of tabs (default state)*/
}

.ttop li a:visited{
/*color: white;
background: black;*/

}

.ttop li a:hover, .ttop li.selected a{
background: white; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color:#000;
}




.arite
{
	float:right;
	top:0px;
	width:468px;
	height:400px;
	background-color:#ffffff;
	
}



.name_divs
{
	background-color:#000;
	height:3px;
	width:305px;
	
}

.cont_img
{
	margin-top:70px;
	margin-bottom:187px;
}



.name_p2

{
	margin-bottom:13px;
	margin-top:42px;
}

 #header {
    position: relative;
    width:1234px;
	background:url(../images/top_logo.jpg) no-repeat;
	margin:0 auto;
	padding:0;	
	height:147px;
   
   
   /* text-align:center;*/
   
}

#scroller {
    position: relative;
    width:980px;
	margin:0;
	padding:0;	
	height:100px;
   
   
   /* text-align:center;*/
   
}

.agri_h
{
	color:#f68933;
	margin-top:0;
	margin-bottom:3px;
}

#divider_orange {
    position: relative;
    width:980px;
	margin:0;
	padding:0;	
	height:25px;
	background-color:#f68933;
}

#Agri_filler1 {
    position:relative;
    width:100%;
	height:200px;
	background: url(../images/agriPics/AgriHeader.jpg) no-repeat center;
}
#Agri_filler2 {
    position:relative;
    width:100%;
	height:200px;
	background:url(../images/agriPics/agri_filler2_pic.jpg) no-repeat center;
}

#filler1 {
    position:relative;
    width:100%;
	height:200px;
	background: url(../images/tomatoes_img.jpg) no-repeat center;
  
   
}

#filler2 {
    position:relative;
    width:100%;
	height:200px;
	background: url(../images/sugar_cane_img.jpg) no-repeat center;
  
   
}

#filler3 {
    position:relative;
    width:100%;
	height:200px;
	background: url(../images/corn_img.jpg) no-repeat center;
  
   
}


#filler4 {
    position:relative;
    width:100%;
	height:20px;
	
   
}

#divider_green {
    position: relative;
    width:980px;
	margin:0;
	padding:0;	
	height:25px;
	background-color:#0c7052;
   
   
   /* text-align:center;*/
   
}


#header2 {
    position: relative;
    width:980px;
	height:542px;
	margin:0;
	padding:0;

   /* text-align:center;*/   
}








.tbl_foter
{
	margin-top:20px;
	
	
}


.tbl
{
	margin-top:167px;
}




.fleft
{
	text-align:left;
	font-family: 'Open Sans';
	color:#404040;
	font-size:12px;
}

.fright
{
	text-align:right;
	font-family: 'Open Sans';
	color:#404040;
	font-size:12px;
}

.fcenter
{
	
	
	color:#404040;
	font-size:12px;
}


.img_top
{
	margin-top:50px;
	float:left;
}


.img_top_social
{
	margin-top:20px;
	float:right;
}

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}

#Column_Container
{   width:95%;
	border:#609 0px solid;
	padding:0px; }

#main_container {   
	border:#609 0px solid;
	padding-bottom:5px;
	margin:0 auto;
    width:980px;
	height:550px;
	position:relative;
}

#main_container_agri {   
	border:#609 0px solid;
	padding-bottom:5px;
	margin:0 auto;
    width:980px;
	height:425px;
	position:relative;
}

#main_container_agri_y {   
	border:#609 0px solid;
	padding-bottom:5px;
	margin:0 auto;
    width:980px;
	height:470px;
	position:relative;
}

#main_container_limpopo {   
	border:#609 0px solid;
	padding-bottom:5px;
	margin:0 auto;
    width:980px;
	height:580px;
	position:relative;
}

#main_container_kzn {   
	border:#609 0px solid;
	padding-bottom:5px;
	margin:0 auto;
    width:980px;
	height:660px;
	position:relative;
}

.ht
{
	color:#0c7052;
}

.bdi
{
	font-family:"Open Sans bolditalic";
}
#main_container_dynamic {   
	border:#609 0px solid;
	padding-bottom:5px;
	margin:0 auto;
    width:980px;
	position:relative;
}

.dates
{
	font-weight:bold;
	font-size:16px;
	font-family:"Open Sans bolditalic";
}


#main {   
	border:#609 0px solid;
	padding-bottom:20px;
    float:left;
    width:600px;
	position:relative;
}

#sidebar {
   padding: 15px;
   
   background-color: #f6f6f6;
   border-radius: 3px;
   -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width:308px;
	
    float:right;
    border:#c9c9c9 1px solid;
	position:relative;
	
    
}

#sidebar_plain {
  
   padding-left:15px;
   padding-right:15px;
   font-family:"Open Sans light";
   text-align:left;
   border-radius: 0px;
   font-size:20px;
    width:308px;
    float:right;
    border:#c9c9c9 0px solid;
	position:relative;
	line-height:30px;
	
    
}

.c_hdr
{
	margin-bottom:7px;
}

.contact_text
{
   font-family:"Open Sans light";
   text-align:left;
   font-size:20px;
}

.line
{
	border:#e0dfdf 1px solid;
	padding-bottom:0px;
    float:left;
    width:620px;
	position:relative;
	text-align:left;
	background-color:#e0dfdf;
	height:1px;
}


.line_contact
{
	border:#e0dfdf 1px solid;
	padding-bottom:0px;
    float:left;
    width:980px;
	position:relative;
	text-align:left;
	background-color:#e0dfdf;
	height:1px;
}


.line2
{
	border:#fff 1px solid;
	padding-bottom:0px;
    width:970px;
	position:relative;
	text-align:left;
	background-color:#fff;
	height:2px;
}

.header_title
{
	color:#f26f0a;
	
}

.header_title_agri
{
	color:#0c7052;
	
}

.header_title_contact
{
	color:#5b5b5b;
	
}


#Exhibitsidebar {
   padding: 10px;
   background-color:#f68933;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   width:308px;
   float:right;
   text-align:justify;
   color:#FFF;

	
}

.wyt
{
	color:#FFF;
	margin-bottom:3px;
}

#main_a {
    padding: 10px;
    background-color: #fff;
    -webkit-border-radius: 4px ;
    -moz-border-radius: 4px ; 
	border:#bfc4d1 2px solid;
	border-radius:4px; 
    
    
}

.m1
{
	margin-top:5px;
	margin-bottom:3px;
}

#contact-form {
    /*background: url("form-fieldset.gif") repeat-x scroll left bottom #F8FDEF;
    background:#F8FDEF;*/
    border: 0px solid #DFDCDC;
    border-radius: 15px 15px 15px 15px;
    display: inline-block;
    margin: 0px;
    padding: 5px;
    width: 600px;
}
#contact-form .fieldset label.error {
    color: #FB3A3A;
   /* display: inline-block;
    margin: 4px 0 5px 125px;
    padding: 0;
    text-align: left;
    width: 220px;*/
}

#main_b {
   
   
	border:#609 0px solid;
	
}

#main_b1 {
    
    background-color: #fff;
	 border-radius:4px; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border:#bfc4d1 2px solid;
	padding:4px;
	float:left;
	width:177px;
	
}

#main_b2 {
   
    background-color: #fff;
    -webkit-border-radius: 4px;
	 border-radius:4px; 
    -moz-border-radius: 4px;
	border:#bfc4d1 2px solid;
	float:right;
	width:190px;
    padding:4px;
   
   
}




.syd_top
{
	background-color:#ffffff;
	border:#bfc4d1 2px solid;
	 -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	padding:5px;
	 border-radius:4px; 
}

#sidebar_left {
   /* padding: 30px 30px 15px 30px;*/
    
    
    background-color: #346a8c;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    margin-right: 5px; 
	border:#609 0px solid;
	
    width:23.0%;
    float:left;
    
}


.coming-soona
{
	font-weight:bold;
	font-size:50px;
	font-family: 'Fsclark';
	color:#000000;
	margin-top:50px;
	
}

.coming-soonb
{
	font-weight:bold;
	font-size:26px;
	font-family: 'Effra';
	color:#000000;
	margin-top:20px;
	
}


.coming-soon
{
	font-weight:bold;
	font-size:50px;
	font-family: 'Fsclark';
	color:#000000;
	
}



@font-face {
    font-family: 'Fsclark';
	src:url(Fonts/FS%20Clerkenwell/FSCleIta.otf);
	/*src:url(Fonts/Effra/Effra_Std_He.ttf);*/
}

.fr_class {
		
		
		margin-top: 5px;
		height:25px;
		text-align:center;
		
		
	}
	
	.fr_class2 {
		
		
		margin-top: 5px;
		
		text-align:center;
		
		
	}
	
	.fr_class ul li {
		display: inline;
		
		margin:0px 7px 0px 0px ;
		
	}
	
	.left_daysb
	{
		font-size:48px;
		font-weight:bold;
		text-align: center;
		color:#000000;
		margin-right:20px;
		font-family: 'Effra';
	}
	
	.left_days
	{
		
		color:#ffffff;
		
	}
	
	.left_daysb2
	{
		font-size:48px;
		font-weight:bold;
		text-align: center;
		color:#000000;
		margin-right:8px;
		font-family: 'Effra';
	}
	
	.left_daysb3
	{
		font-size:48px;
		font-weight:bold;
		text-align: center;
		color:#000000;
		/*margin-leftt:5px;*/
		font-family: 'Effra';
	}
	
	.pright
	{
		padding-right:40px;
	}
	
	.nums
	{
		margin-top:100px;
	}
	
	.nums2
	{
		margin-top:30px;
		margin:0px 227px 0px 50px ;
	}
	.frmx
	{
		font-size:28px;
		font-weight:bold;
	}
	.frm
	{
		text-align:center;
	}
	
	.frm2
	{
		font-size:128px;
		font-weight:bold;
		-moz-border-radius: 0.2em 0.2em 0.2em 0.2em;
	border-radius: 0.2em 0.2em 0.2em 0.2em;
	/*background-color:#e5e4e4;*/
	background-image:url(images/count_img.png);
	font-family:"Effra";
	text-align:center;
	
	}
	
	.frm2_middle
	{
		font-size:28px;
		font-weight:bold;
		-moz-border-radius: 0.2em 0.2em 0.2em 0.2em;
	border-radius: 0.2em 0.2em 0.2em 0.2em;
	/*background-color:#e5e4e4;*/
	background-image:url(images/count_img.jpg);
	font-family:"Effra";
	text-align:left;
	
	}
	
	
	.left_launch
	{
		font-size:18px;
		font-weight:bold;
	}
	

    .middle{
		text-align:center;
	}


.footer2 {
    width: 986px;
	border:1px #818181 solid;
    margin-left: auto;
    margin-right: auto;
	/*background:url(../images/footer_logoc.png) top no-repeat;*/
}
.footer_logo {
    width: 986px;
	border:0px #818181 solid;
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	/*background:url(../images/footer_logoc.png) top no-repeat;*/
}
#footer_links_container {
    position: relative;
    width:100%;
	
	padding:0;
	margin:0;	
	
	background-color:#0c7052;
   
   
   
}

#footer_links {
    position: relative;
    width:980px;
	margin:0 auto;
	color:#FFF;
	padding:0;	
	background-color:#0c7052;
    text-align:center;
	border:0px #818181 solid;
	text-align:center;
   
}
#footer_credits {
    position: relative;
    width:980px;
	margin:0 auto;
	padding:0;	
	background-color:#0c7052;
    text-align:center;
	border:0px #818181 solid;
	text-align:center;
   
}

#footer {
   
    color:#ffffff;
	font-weight:bold;
	font-size:26px;
    width:100%;
	border-top:0px #1fc2ff solid;
	background:url(../images/footer_logob.png)no-repeat;
    clear:both;

	
    
}

.credits
{
	/*color:#00d5ff;
	color:#0031bf;*/
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	
}

.ftr
{
	margin-left:30px;
	
}
.ftr1
{
	margin-left:30px;
	margin-top:20px;
}


/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/



/*====================*/
/*=== Other Styles ===*/
/*====================*/



/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: center;
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/


fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}

/* TABLE
----------------------------------------------------------*/

table {
    border: solid 0px #ffffff;
    border-collapse: collapse;
	text-align:center;
}

table td {
    padding: 0px;
    border: solid 0px #ffffff;
}

table th {
    padding: 0px;
    text-align: left;
    background-color: #ffffff;
    border: solid 0px #ffffff;
}

.td_width1{
	width:300px;
	
	
}

.td_width2{
	text-align:left;
	padding-left:50px;
}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

nav, 
#menucontainer {
    margin-top: 40px;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

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

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}
/* CSS Document */

.underlinemenu_footer{
font-weight: bold;
width: 100%;
color: #ffffff;
font-family:"Effra_bold";
font-size:12px;
font-weight:bold;
}

.underlinemenu_footer ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: left; //set value to "left", "center", or "right"*/
}

.underlinemenu_footer ul li{
display: inline;
color: #ffffff;
}

.underlinemenu_footer ul li a{
	display:inline-block;
color:gray;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid gray; 


-moz-transition: all 0.7s ease-in-out; /* CSS3 transition to animate all A properties */
-webkit-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;


/*bottom border is 3px*/
}

.underlinemenu_footer ul li a:hover {
border-bottom-color: #221f1f;
color:#221f1f;
-webkit-border-radius: 10% 10% 0% 0%; /* large radius to create circular borders */
-moz-border-radius: 10% 10% 0% 0%;

}


.underlinemenu_footer li a:hover, .underlinemenu_footer li.selected a{
border-bottom-color: #221f1f;
color:#221f1f;
/*background-color:gray;*/
-webkit-border-radius: 10% 10% 0% 0%; /* large radius to create circular borders */
-moz-border-radius: 10% 10% 0% 0%;
}