

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
	text-decoration: none;
	font-size: small;
}
a.nav:hover
{
	font-weight: bold;
  	color: white;
	text-decoration: underline;
}
/* Alternating backgrounds... */
.windowbg
{
padding:5px;
//background:#EFEFEF none repeat scroll 0%;
background:#EDDBFF none repeat scroll 0%;
color:#000000;
}
.windowbg2
{
padding:5px;
//background:#DEE3E7 none repeat scroll 0%;
background:#F6F6F6 none repeat scroll 0%;
color:#000000;
}
/* Tables should show empty cells too. */

input.check
{
	background-color: transparent;
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	background-color: #f7ede9;
}

/* Standard horizontal rule.. */
hr
{
	color: #6394bd;
	background-color: transparent;
}
/* A more colorful hr.. */
.hrcolor
{
	height: 1px;
	border: 0;
	color: #6394bd;
	background-color: #6394bd;
}

/* A quote, perhaps from another post. */
.quote
{
	color: #000000;
	border-left:2px solid #CCCCCC;
	margin-left:1em;
	padding-left:1em;
}

/* A code block - maybe even PHP ;). */
.code
{
	color: #000000;
	background-color: #FFFF99;
	border: 1px solid black;
	margin: 1px;
	padding: 1px;
	font-size: x-small;
	line-height: 1.3em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
	line-height: 1.2em;
}

/* Generally, those [?] icons. */
.help
{
	cursor: help;
	background-color: transparent;
}

/* /me uses this a lot. */
.meaction
{
	color: red;
	background-color: transparent;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
	width: 100%;
}

/* Highlighted text - such as search results. */
.highlight
{
	background-color: yellow;
	font-weight: bold;
	color: black;
}
.bname
{
	font-size: 1.5em;
}
/* Titles - such as table headers. */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
	font-style: normal;
	height:25px;
	border:0px;
	margin:0px;
	padding: 5px;

}

.titlebg a:link, .titlebg a:visited, .titlebg2 a:link, .titlebg2 a:visited
{
	font-style: normal;
	//color: #ab593f;
	height:25px;
	border:0px;
	padding:0px;
	margin:0px;
}



.titlebg a:hover, .titlebg2 a:hover
{
	color: #ffffff;
	text-decoration: underline;
}
.desc
{
	color: #666;
	font-size: 1.3em;
}
/* The category headers, page indexes, and such things. */
.catbg, .catbg3, .catbg2
{
	font-weight: bold;
	padding: 10px 10px;
	text-align: left;
	word-spacing: 0.25em;
	display:block;
}


/* The borders around things. */
.bordercolor
{
background-color: #F6F6F6;
}
.tborder
{
	border: 1px solid #EADFB4;
	background-color: #FFFFFF;
	padding: 2px;
}

/* Default font sizes. */
.smalltext
{	
	font-size: x-small;
}
.normaltext
{
	font-size: small;
}
.largetext
{
	font-size: large;
}
/* No image should have a border when linked */

.smalltext img{margin-top:3px;}
.tborder a img{margin:3px;}

body{background:#fff;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;margin:0px;padding:0px;text-align:left;}
h1, h2, h3, h4, h5{font-size:13px;color:#333;margin:0px;padding:0px;}
h1{font-size:14px;}
h4, h5{font-size:11px;}
p{font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;text-align:left;}
a{color:#3b5998;text-decoration:none;}
a:hover{text-decoration:underline;}

h1{
font-size:150%;
font-weight:bold;
}
h2{
font-size:130%;
font-weight:bold;
}

.inner
{
	position: relative;
	margin: auto;
	width:100%;
}
.inner2
{
position: relative;
	margin: auto;
	width:100%;
}

.comments li {
line-height:15px;
border-bottom:1px solid #ECECEC;
list-style-image:url(http://static.afriville.com/images/simplearrow.gif);
list-style-position:inside;
list-style-type:disc;
padding:1.8px;
}
.comments {
text-align:left;
}

.modHeader {
color:#FFFFFF;

margin:0pt 3px;
overflow:hidden;
background:#008698 none repeat scroll 0%;
height:20px;
margin-left:-12px;
padding-left:0px;
padding-right:0px;
width:186px;
}
.mod2Header {
color:#FFFFFF;

margin:0pt 3px;
overflow:hidden;
background:#008698 none repeat scroll 0%;
height:20px;
margin-left:-12px;
padding-left:0px;
padding-right:0px;
width:532px;
}
.modA {
 width: 170px;
}
.imagio {
 clear:both;
display:block;
height:5px;
width:532px;
border:medium none !important;
}

body {font-family:"lucida grande",tahoma,verdana,arial,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
div#features { width: 100%; padding: 0; margin: 25px 0 0 0; }
div#features h1 { font-size: 21px; line-height: 25px; color: #97C000; font-family: arial; padding-bottom: 10px; margin-left: 18px; }
div#features h2 { font-size: 21px; line-height: 25px; color: #97C000; font-family: arial; padding-bottom: 10px; margin-left: 18px; }
div#features p { font-size: 13px; line-height: 17px; color: #767676; padding: 0 0 15px 18px; text-align: justify; }
div#firstsection { width: 49%; float: left; margin-right: 1%; display: inline; }
div#secondsection { width: 49%; float: left; margin-left: 1%; }
div#secondsection ul { list-style: none; }
div#secondsection ul li { color: #767676; font-size: 11px; line-height: 15px; padding-left: 25px; padding-bottom: 12px; }
div#secondsection ul li .header { font-weight: bold; font-size: 13px; line-height: 25px; } 
div#secondsection ul li#speak { background: url(http://static.afriville.com/images/communicate.gif) no-repeat 0 4px; }
div#secondsection ul li#plan { background: url(http://static.afriville.com/images/events.gif) no-repeat 0 4px; }
div#secondsection ul li#email { background: url(http://static.afriville.com/images/email.gif) no-repeat 0 4px; }
div#secondsection ul li#meet { background: url(http://static.afriville.com/images/community.gif) no-repeat 0 4px; }
div#secondsection ul li#personal { background: url(http://static.afriville.com/images/personal.gif) no-repeat 0 4px; }
div#topicholder { border: 1px solid #D7DFDF; margin: 10px; background-color: #fff; padding: 10px 0 0 0; }
div.topic p { font-size: 11px; line-height: 15px; }
div.topic p a { color: #3D77C9; text-decoration: none; }
feature { margin: 0px;
	   }
a img { border: 0; }

a{	color: #0066CC;}
	.message {
	page-break-before: auto;
	page-break-after: auto;
}
.mtitle {
	color: #00CCFF;
	text-decoration: underline;
}
.mmenu {
	background-color: #CCFFFF;
	border: thin none;
}
.maintable {
	border: 0.5px solid #FFCC00;
}

.actions {
  list-style: none;
  margin: 0px;
  padding: 0px; }
.actions li { border-bottom: 1px solid #D8DFEA; }
.actions a {
  background: transparent;
  display: block;
  margin: 0px;
  padding: 2px 3px;
  text-decoration: none; }
.actions a:hover {
  background: #3b5998;
  color: white;
  text-decoration: none; }
fieldset {
//border: solid 2px #e68300;
}
.edit {
  color: gray;
}
a.off img{ background: #fff; padding: 2px; border:1px solid #cccccc; text-decoration: none; display: block; }
a.on img{ background: #fff; padding: 2px; border:1px solid #FF6600; text-decoration: none; display: block; }
a {
  background: transparent;
  margin: 0px;
  text-decoration: none; }
a:hover {
  background: #0066CC;
  color: white;
  text-decoration: none; }
#greenbox {
	border: thin solid blue;	
}
#nextbtn a:hover, #nextbtn a:active{
	text-decoration:underline;
}
#btndesc{
	padding-left: 14px;
}

#vidPic {
left:0pt;
position:relative;
top:0pt;
}
#vidContent{
padding-left:6px;
}

a.index_featured_tab {
background:transparent none repeat scroll 0%;
color:#434343;
float:right;
height:35px;
text-align:center;
text-decoration:none;
width:100px;
}
a.more {
background:transparent url(http://static.afriville.com/images/more-bg.gif) no-repeat scroll 0pt 60%;
padding:0pt 0pt 0pt 0.8em;
text-decoration:underline;
  color: blue;
}