/* CSS Document */
/* Stylesheet for Afrivision Ghana
Hand coded by MyGhanaonline.com
 */
*{margin: 0; padding: 0;}

body {
 margin: 0;
 padding: 0;
 font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
 background: #fff;
 color: #666;
}

#main-wrapper {
 margin: 0;
 padding:0;
}

#top-head-wrapper {
 margin: 0;
 padding: 0;
 height: 130px;
 background: #eeead6;
}

#logo-company {
 margin: 0;
 padding: 0;
 height: 130px;
 width: auto;
 float: right;
}

#main-menu-wrapper {
 height: 27px;
 width: auto;
 background: url(../images/main_menu_strip.gif) repeat-x;
 margin: 0;
 padding:0;
}

#menu-align {
 margin: 0 auto;
 padding: 0;
 width: 800px;
 clear: both;
}

#main-menu-wrapper ul{
  margin: 0;
  padding-left: 0;
  float: left;
  font-weight: bold;
  width: 100%;
}

*html #main-menu-wrapper ul{ /*IE only rule. Delete extra margin-bottom*/
  margin-bottom: 0;
}

#main-menu-wrapper ul li{
  display: inline;
 }
 
#main-menu-wrapper ul li a{
  float: left;
  color: white;
  padding: 7px 17px 2px 17px;
  text-decoration: none;
  font: bolder 12px Arial, Verdana, Arial, Helvetica, sans-serif;
  border-bottom: 4px solid inherit !important;
}

#main-menu-wrapper ul li a:hover{
  color: white;
  background-color: #a38e29 !important;
  padding: 7px 17px 2px 17px;
  border-bottom: 4px solid #a38e29;
}

.ative_link {
  background-color: #615417 !important;
  padding: 7px 17px 2px 17px;
  border-bottom: 4px solid #615417;
}

#main-flash-wrapper {
 margin: 0;
 padding: 0;
 width: auto;
 background: #eeead6;
 clear: both;
}

#flash-wrapper {
 margin: 0 auto;
 padding: 0;
 width: 800px;
 height: 235px;
 background: #000;
}

#fade-effect {
 clear: right;
 margin: 0;
 padding: 0;
 width: auto;
 height: 20px;
 background: url(../images/fade_effect.gif) repeat-x;
}

#main-content-wrappper{
 margin: 0;
 padding: 0;
 width: auto;
 clear: left;
}

#main-content {
 margin: 5px auto;
 padding: 0 0 20px 0;
 width: 800px;
 height: auto;
 border-left: 1px solid #e7e0c0;
}

#main-content h1 {
 margin: 20px 0 5px 0;
 padding: 0 8px;
 color: #a3890d;
 font: bold 18px Helvetica, Tahoma, Arial, sans-serif;
}

#main-content p {
 margin: 0;
 padding:  8px 12px;
 font: 13px Tahoma, Arial, Helvetica, sans-serif;
 color: #666;
 line-height: 20px;
 text-indent: 1em;
 text-align: justify;
}

.img_float_right{
 margin: 4px 15px; padding: 0;
 float: right;
}

.clear {
 clear: both;
}

#main-footer-wrapper{
 margin: 30px 0 0 0;
 padding: 0;
 clear:both;
 width: auto;
 height: auto;
 position: relative;
 bottom: 0;
}


#bottom-fade-effect {
 margin: 0;
 padding: 0;
 width: auto;
 height: 20px;
 background: url(../images/bottom_fade_effect.gif) repeat-x;
}

#footer {
 margin: 0;
 padding: 0;
 height: 22px;
 width: auto;
 background: #8f7b1e;
 font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
 color: #fff; 
}

#left-footer {
 float: left;
 margin: 0;
 padding: 0;
 padding: 4px 15px;
}

#right-footer {
 float: right;
 margin: 0;
 padding: 4px 15px;
}

#footer a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}

#footer a:hover {
  text-decoration: underline;
  color: black;
  font-weight: bold;
}



/* Rest of the pages */

#date-time-wrapper {
 margin: 0;
 padding: 4px 10px;
 background: #eeead6;
 height: auto;
 width: auto;
} 

#other-main-content-wrappper {
 float: left;
 width: 100%;
}


#left-content {
 margin-right: 240px; /*Set right margin to RightColumnWidth*/
 padding-right: 20px;
}

#left-content h1 {
 margin: 20px 0 5px 0;
 padding: 0 8px;
 color: #a3890d;
 font: bold 18px Helvetica, Tahoma, Arial, sans-serif;
}

#left-content h2 {
 margin: 20px 0 5px 0;
 padding: 0 8px;
 color: #a3890d;
 font: bold 15px Helvetica, Tahoma, Arial, sans-serif;
}

#left-content p {
 margin: 0;
 padding:  8px 12px;
 font: 13px Tahoma, Arial, Helvetica, sans-serif;
 color: #666;
 line-height: 20px;
 text-indent: 0.5em;
 text-align: justify;
}

#image-gallery {
 margin: 0 20px !important;
 padding: 0;
}


#right-content {
float: right;
width: 230px; /*Width of right column in pixels*/
margin-left: -230px; /*Set left margin to -(RightColumnWidth) */
}

#latest-news-wrap {
 margin: 0;
 padding: 0;
 height: 190px;
 background: url(../images/new_fade.jpg) no-repeat;
 border-bottom: 2px solid #8f7b1e;
}

#latest-news-wrap h1 {
 font: bolder 14px Arial, Verdana, Helvetica, sans-serif;
 color: #fff;
 border:1px solid #8f7b1e;
 padding: 4px 12px;
 margin: 0;
 background: url(../images/main_menu_strip.gif) repeat-x;
}

#afrivision-video-doc {
 margin: 25px 0 0 0;
 padding: 0;
 width: 230px;
 height: 230px;
}

#afrivision-video-doc h1 {
 font: bolder 14px Arial, Verdana, Helvetica, sans-serif;
 color: #fff;
 border:1px solid #8f7b1e;
 padding: 4px 12px;
 margin: 0;
 background: url(../images/main_menu_strip.gif) repeat-x;
}
.thumbnail  img{
 border: 1px solid #999;
 padding: 3px;
 margin: 0 10px 8px 0;
 background: #fff;
}

.back-to-top a {
 margin: 4px 0;
 padding: 0;
 float: right;
 width: auto;
 text-decoration: none;
 font: 12px bold Tahoma, Arial, Helvetica, sans-serif;
 color: #b57235;
}

.news-frame {
 margin: 3px 1px;
 padding: 0 1px;
}

#main-otherpages-footer-wrapper{
 clear: left;
 margin: 40px 0 0 0;
 padding: 0;
 width: auto;
 height: auto;
 bottom: 0;
}

.ullist {
 margin: 0 0 0 60px;
 padding: 0;
 list-style: decimal;
 line-height: 18px;
}

#video-gallery {
 border:1px solid #888;
 margin: 8px 0 0 20px;
 width: 616px;
 padding: 1px 2px;
 background: #fff; 
 }
 
#video-gallery ul {
 margin: 0 0 0 2px; padding: 0;
 list-style: none;
}

#video-gallery ul li {
 display: inline;
 padding: 0 1px;
}

#customer_services {
 margin: 0 0 5px 0;
 padding: 0;
}

#customer_services a img{
 border: 1px solid #000;
}

#management_table {
 margin: 0 0 0 8px;
 padding: 0;
 border:1px solid #cfceb7;
 max-width: 700px;
}

.headen_td {
 margin: 0;
 padding: 0;
 height: 20px;
 color: #fff;
 font: bolder 13px Tahoma, Arial, Helvetica, sans-serif;
 text-align: center;
 background: url(../images/main_menu_strip.gif) repeat-x;
}

.staffinfo_td {
 margin: 0;
 padding: 0;
 height: 140px;
 color: #333;
 background: #f5f4e1;
 font: 11px Tahoma, Arial, Helvetica, sans-serif;
 text-align: center;
 vertical-align: inherit;
}

form * {margin: 0;padding:0;}

fieldset
{
 border: 1px solid #ececec;
 margin: 6px;
 max-width: 700px;
 background: #fdfcfc;

}

legend {
	margin-left: 20px; /* A hack that only ie reads to position the legend in the same place cross browser */
	font-weight: bolder;
	color: #a3890d; /* IE styles legends with blue text by default */
}

fieldset p {
	overflow:hidden; /* Contain the floating elements */
	display:inline-block; /* Give layout in ie to contain float */
}

fieldset p {display:block;} /* Reset element back to block leaving layout in ie */

label {
	float:left; /* Take out of flow so the input starts at the same height */
	width: 250px; /* Set a width so the inputs line up */
	text-align: left;
	font: bold 12px  Arial, Helvetica, sans-serif;
}


.radio {
	position:relative; /* Position so children are relative to this container */
	border:0; /* Remove the border */
}

.submit {
 margin: 0 0 0 20em;
 padding: 4px 7px;
 border:1px outset #666;
 background: url(../images/main_menu_strip.gif) repeat-x;
 color: #fff;
}

.reset {
 margin: 0 5px;
 padding: 4px 7px;
 border:1px outset #666;
 background: url(../images/main_menu_strip.gif) repeat-x;
 color: #fff;
}

.differ label {
   float:left; /* Take out of flow so the input starts at the same height */
  width: 140px; /* Set a width so the inputs line up */
  text-align: left;
}

.locationMap {
  margin: 0 15px;
  padding: 0;
}