.body1
{
    background: #eff2ef url(images/bg_top.gif) repeat-x left top;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px;
    height: 100%;
    text-align: left;
    font-family: Trebuchet MS,Verdana, Arial;
    color: #333333;
}
.body2
{
    background: #eff2ef url(images/sbg_top.gif) repeat-x left top;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px;
    height: 100%;
    text-align: left;
    font-family: Trebuchet MS,Verdana, Arial;
    color: #333333;
}

.setmargin
{   margin: 0px 0px 0px 0px;   
    *margin: 0px 0px 0px 5px;  
}
   
.ContentTop
{
    height: 100%;
}

.ContentBottom
{
    height: 100%;
    padding-bottom: 0;
}

.Search
{
    text-align: Left;
    vertical-align: bottom;
    width: 300px;
    padding-bottom: 8px;
    padding-left: 10px;
}

#searchbutton
{
    float: right;
    position: relative;
    top: -8px;
    cursor: pointer;
}

#searchbutton
{
    width: 21px;
    height: 26px;
    background-image: url(images/search_go_button.gif);
    background-repeat: no-repeat;
    display: block;
}

.topDiv
{
    width: 948px;
    padding-left: 8px;
}

#searchtext
{
    vertical-align: middle;
    padding-top: 3px;
    color: #F58220;
    font-weight: bold;
    Font-size: 11.5px;
    text-transform: lowercase;
}

.BannerPane .searchdiv
{
    float: right;
    padding-top: 5px;
}

.searchdiv .SkinObject
{
    display: none;
}

.searchdiv a.SkinObject
{
    display: inline;
}

#searchbar
{
    width: 179px;
}

#searchbar input
{
    border: solid 1px #F58220;
    font-size: 11px;
    height: 15px;
    width: 150px;
    font-family: Trebuchet MS, Verdana, Arial;
}

.MenuBar
{
    vertical-align: middle;
    text-align: left;
}

.MenuBar td
{
    border-left: solid 0px #fff;
    border-top: solid 0px #eff2ef;
}

#linkabout
{
    background-image: url(images/mainNav_bg_1.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

#linkabout:hover
{
    background-image: url(images/mainNav_bg.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
    color:#fff;
}

#linkcommunity
{
    background-image: url(images/mainNav_bg_2.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    vertical-align:top;
}

#linkcommunity:hover
{
    background-image: url(images/mainNav_bg.gif);
    background-position: 0 0;
    background-color: #f58220;
}

#linkresources
{
    background-image: url(images/mainNav_bg_3.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
        vertical-align:top;
}

#linkresources:hover
{
    background-image: url(images/mainNav_bg.gif);
    background-position: 0 0;
    background-color: #f58220;
}

#linktoolkit
{
    background-image: url(images/mainNav_bg_4.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
        vertical-align:top;
}

#linktoolkit:hover
{
    background-image: url(images/mainNav_bg.gif);
    background-position: 0 0;
    background-color: #f58220;
    
}

#linkinteract
{
    background-image: url(images/mainNav_bg_5.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
        vertical-align:top;
}

#linkinteract:hover
{
    background-image: url(images/mainNav_bg.gif);
    background-position: 0 0;
    background-color: #f58220;
}
#linkabouts
{
    background-image: url(images/smainNav_bg_1.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

#linkabouts:hover
{
    background-image: url(images/smainNav_bg.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
    color:#fff;
}

#linkcommunitys
{
    background-image: url(images/smainNav_bg_2.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    vertical-align:top;
}

#linkcommunitys:hover
{
    background-image: url(images/smainNav_bg.gif);
    background-position: 0 0;
}

#linkresourcess
{
    background-image: url(images/smainNav_bg_3.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
        vertical-align:top;
}

#linkresourcess:hover
{
    background-image: url(images/smainNav_bg.gif);
    background-position: 0 0;
}

#linktoolkits
{
    background-image: url(images/smainNav_bg_4.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
        vertical-align:top;
}

#linktoolkits:hover
{
    background-image: url(images/smainNav_bg.gif);
    background-position: 0 0;
    
}

#linkinteracts
{
    background-image: url(images/smainNav_bg_5.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
        vertical-align:top;
}

#linkinteracts:hover
{
    background-image: url(images/smainNav_bg.gif);
    background-position: 0 0;
}

a#linkhome
{
    background-repeat: no-repeat;
    background-image: none;
    background-position: 0px 0px;
    width: 100%;
    height: 16px;
    display: block;
    color: #707070;
    text-align: center;
    padding-top: 6px;
    font-size: 11px;
    font-weight: bold;
    vertical-align: top;
}

a#linkhome:hover
{

    background-position: 0 0;
    width: 100%;
    height: 16px;
    display: block;
    color: #40561C;
    text-align: center;
    padding-top: 6px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    vertical-align: top;
}

a#linkblog
{
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 100%;
    height: 16px;
    display: block;
    color: #707070;
    text-align: center;
    padding-top: 6px;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
}

a#linkblog:hover
{

    background-position: 0 0;
    width: 100%;
    height: 16px;
    display: block;
    color: #40561C;
    text-align: center;
    padding-top: 6px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
}

a#linkforums
{
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 100%;
    height: 16px;
    display: block;
    color: #707070;
    text-align: center;
    padding-top: 6px;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
}

a#linkforums:hover
{

    background-position: 0 0;
    width: 100%;
    height: 16px;
    display: block;
    color: #40561C;
    text-align: center;
    padding-top: 6px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
}

a#linkfaqs
{
    background-image: none;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 100%;
    height: 16px;
    display: block;
    color: #707070;
    text-align: center;
    padding-top: 6px;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
}

a#linkfaqs:hover
{

    background-position: 0 0;
    width: 100%;
    height: 16px;
    display: block;
    color: #40561C;
    text-align: center;
    padding-top: 6px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
}

a#linkcontactus
{
    background-image: none;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 100%;
    height: 16px;
    display: block;
    color: #707070;
    text-align: center;
    padding-top: 6px;
    font-size: 11px;
    font-weight: bold;
    vertical-align: top;
}

a#linkcontactus:hover
{

    background-position: 0 0;
    width: 100%;
    height: 16px;
    display: block;
    color: #40561C;
    text-align: center;
    padding-top: 6px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    vertical-align: top;
}

a.linksignin:active, a.linksignin:link
{
    color: #707070;
    text-decoration: none;
}

a.linksignin
{
    background-image: none;
    background-position: 0px 0px;
    width: 100%;
    height: 16px;
    display: block;
    text-align: center;
    padding-top: 6px;
    font-size: 11px;
    font-weight: bold;
}

a.linksignin:hover
{

    background-position: 0 0;
    color: #707070;
    font-size: 11px;
}

a.linkjoin:active, a.linkjoin:link
{
    color: #707070;
    text-decoration: none;
}

a.linkjoin:hover
{
    color: #fff;
    text-decoration: none;
}

td a.linkjoin
{
    background-image: none;
    background-position: 0px 0px;
    border-right: solid 1px #fff;
    width: 100%;
    height: 16px;
    display: block;
    padding-top: 6px;
    font-size: 11px;
    font-weight: bold;
}

td a.linkjoin:hover
{

    background-position: 0 0;
    border-right: 1px solid #fff;
    font-size: 11px;
    color:#40561C;
    font-weight: bold;
}

.BannerPane
{
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    border: 0px;
    padding-bottom: 0px;
    vertical-align: top;
}
.BannerMenuArea
{
 /*   background:transparent url(images/banner_bg.jpg) no-repeat left top; */
    width:897px;
}
.ForumSkin .BannerMenuArea
{
 /*   background:transparent url(images/banner_bg.jpg) no-repeat left top; */
    width:0px;
    height:0px;
    padding-bottom:0px;
}
.ContentTable td 
{
    border : solid 1px #EFF2EF;
}
.ContentArea
{
    width: 938px;
}

.RightPane
{
    width: 228px;
}

.LeftPane
{
    width: 194px;
}

.Content
{
    text-align: left;
    vertical-align: top;
    padding: 0px;
}
.frontpageinput
{
    border: solid 1px #7f9db9;
    height: 16px;
    font-family: Trebuchet MS, Verdana, Arial;
    font-size: 11px;
}
textarea
{
    font-family: Trebuchet MS, Verdana, Arial;
    font-size: 11px;
}
select
{
    font-family: Trebuchet MS, Verdana, Arial;
    font-size: 11px;
}
.frontpageinput2
{
    border: solid 1px #7f9db9;
}

.searchcontentbutton
{
    height:20px;
    background-color: #c6b13c;
    color:#fff;
    border:solid 0px #fff;
    margin-top: 1px;
    font-family: Trebuchet MS,Verdana, Arial;
}

.searchtopicsbutton
{
    height:20px;
    color:#fff;
    background-color: #f48221;
    border:solid 0px #fff;
    margin-top: 1px;
    font-family: Trebuchet MS,Verdana, Arial;
}

.Footer
{
    background-image: url(images/contactus.jpg);
    background-repeat: no-repeat;
    background-position: right;
    height: 89px;
    border-left: solid 1px #787878;
    display: block;
    width: 347px;
}

.FooterMenu
{
    text-align: right;
    height: 10px;
}

.Statements
{
    color: #26303F;
    Font-size: 11.5px;
    text-align: center;
    font-family: Trebuchet MS,Verdana, Arial;
    border-top: solid 1px #ccc;
    vertical-align: top;
    margin-top: 10px;
}

/*MENU Classes*/
.MainMenu_MenuContainer
{
    background-color: transparent;
    width: 100%;
}

.MainMenu_MenuBar
{
    cursor: pointer;
    cursor: hand;
    height: 16px;
    background-color: Transparent;
    text-transform: uppercase;
    text-align: center;
}

.forumsidemenubackground
{
width:273px;
padding-bottom:25px;
*padding-bottom:25px;
background-image:url(images/bg_side_menu_bottom.gif);
background-position:right 95px;
background-repeat:no-repeat;
background-color:#FFFFFF;
margin-right:0px;
margin-left: 0px;
padding-left: 0px;
height:100px;
vertical-align:top;
margin-bottom:0px;
}

.forumsidemenubackground *
{padding:0 0;}
.sidemenubackground
{
width:273px;
padding-bottom:35px;

background-image:url(images/bg_side_menu_bottom.gif);
background-position:right bottom;
background-repeat:no-repeat;
background-color:#fff;
margin-right:15px;
vertical-align:top;
margin-bottom:5px;
}
.sidemenubackground *
{padding:0 0;}

.Communities table.MainMenu_MenuContainer
{padding:0 0;}

.MainMenu_MenuItem
{        padding-bottom:0px;
    border-left: #5069BC 0px solid;
    border-bottom: #eff2ef 0px solid;
    border-top: #5069BC 0px solid;
    border-right: #5069BC 0px solid;
    cursor: pointer;
    cursor: hand;
    color: #656762;
    font-family: Trebuchet MS,Verdana, Arial;
    Font-size: 12.5px;
    font-weight: normal;
    font-style: normal;
    background-color: Transparent;
    letter-spacing: 0em;
    text-transform: none;
    vertical-align: middle;
    height:20px;
    background-image:url(images/bg_MenuItem.gif);
    background-position:5px center;
    background-repeat:no-repeat;
    

}
.MainMenu_MenuItem TD
{
    padding-top: 0px;
    padding-left: 10px;
    padding-bottom:0px;
    font-family: Trebuchet MS,Verdana, Arial;
    Font-size: 12.5px;
    color: #656762;
    padding-left:23px;    border-bottom: #eff2ef 1px solid;
  

}

.MainMenu_MenuItemSel TD
{
    padding-top: 0px;
    padding-left: 10px;
    font-family: Trebuchet MS,Verdana, Arial;
    Font-size: 12.5px;
    color: #4E504C;
    padding-bottom:0px;
    padding-left:23px;
    border-bottom: #eff2ef 1px solid;
}

.MainMenu_MenuItemSel
{        
    padding-bottom:0px;
    border-left: #5069BC 0px solid;
    border-bottom: #eff2ef 0px solid;
    border-top: #5069BC 0px solid;
    border-right: #5069BC 0px solid;
    cursor: pointer;
    cursor: hand;
    color: #4E504C;
    font-family: Trebuchet MS,Verdana, Arial;
    Font-size: 12.5px;
    font-weight: normal;
    font-style: normal;
    background-color: #EFF2EF;
    letter-spacing: 0em;
    text-transform: none;
    vertical-align: middle;
    height:20px;
    background-image:url(images/bg_MenuItem.gif);
    background-position:5px center;
    background-repeat:no-repeat;
    margin-left:10px;
}

.MainMenu_SubMenu .MainMenu_MenuItem
{
    padding: 2px;
    Font-size: 12.5px;
    text-align: left;
    height: auto;
    color: #656762;
    background-image:none;
    border:solid 0px #333;
}

.MainMenu_SubMenu .MainMenu_MenuItemSel
{
    color: #4E504C;
    padding: 2px;
    Font-size: 12.5px;
    text-align: left;
    height: auto;
    background-image:none;
    border:solid 0px #333;
}

.MainMenu_MenuIcon
{
    display: none;
    background-color: #5069BC;
    border-left: #5069BC 1px solid;
    border-bottom: #5069BC 0px solid;
    border-top: #5069BC 0px solid;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    width: 15px;
    height: 21px;
}

.MainMenu_SubMenu
{
    background-color: #D8DBD8;
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    border-top: solid 0px #02aeae;
}

.MainMenu_MenuBreak, .menu_seperator
{
    width: 0px;
    height: 0px;
    background: none;
    background-repeat: no-repeat;
    border: solid 0px #000;
    border-bottom: solid 0px #000;
}

.MainMenu_MenuArrow
{
    display: none;
    border-right: #5069BC 1px solid;
    border-bottom: #5069BC 0px solid;
    border-top: #5069BC 0px solid;
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}

.MainMenu_RootMenuArrow
{
    display: none;
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}

.MenuPane .SkinObject
{
    color: #fff;
    font-family: Trebuchet MS,Verdana, Arial;
    font-size: 1em;
    font-weight: normal;
}

a.SkinObject:link
{
    color: #fff;
    text-decoration: none;
}

a.SkinObject:active
{
    color: #fff;
    text-decoration: none;
}

a.SkinObject:visited
{
    color: #fff;
    text-decoration: none;
}

a.SkinObject:hover
{
    color: #fff;
    text-decoration: underline;
}

p, td
{
    font-family: Trebuchet MS,Verdana, Arial;
    Font-size: 12.5px;
    color: #000;
}

h1
{
    font-family: Trebuchet MS,Verdana, Arial;
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    border: 0px;
}

h2
{
    font-family: Trebuchet MS,Verdana, Arial;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

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

h4
{
    font-size: 1.1em;
    color: #000000;
}

h5
{
    font-size: 1.0em;
    color: #000000;
}

h6
{
    font-size: 0.9em;
    color: #000000;
}

a:hover, a:active, a:visited, a:link
{
    color: #385C9E;
}

ul li
{
    color: #000;
    list-style-type: disc;
}

.topLogoDiv
{
    height: 30px; *height:28px;

}
.Statements a:hover,.Statements  a:active,.Statements  a:visited, .Statements a:link
{
    color: #385C9E;
}
.Details a:hover,.Details  a:active,.Details  a:visited, .Details a:link
{
    color: #385C9E;
}
.Details
{
    color: #26303F;
    Font-size: 11px;
    text-align: center;
    font-family: Trebuchet MS,Verdana, Arial;
    vertical-align: top;
}



/*--------------------------------------------------------------------------------*/
.ControlPanel
{
    position: absolute;
    z-index: 99999;
    background-color: #eee;
    border: solid 1px #ccc;
    width: 100%;
}

/*---------------------------------------------------------------*/

/*DNN Elements*/
.Head
{
    color: #385C9E;
    font-family: Trebuchet MS,Verdana, Arial;
    font-size : 11px;
    font-weight: bold;
}

.SubHead
{
    color: #385C9E;
    font-family: Trebuchet MS,Verdana, Arial;
    font-size : 11px;
}

a.Trebuchet MS,Verdana, Arial;:link, a.CommandButton:visited, a.CommandButton:active, a.CommandButton:hover
{
    color: #385C9E;
}

.ModuleTitle_SubMenu
{
    background-color: #fff;
    border: solid 1px #ccc;
}

/*---------------------------------------------------------------*/

/*DNN Blog*/

/*CSS for OER Africa Blog*/
.input
{
    font-family:Trebuchet MS,Verdana, Arial;
    font-size : 11px;
}
.NormalTextBox
{
    font-family:Trebuchet MS,Verdana, Arial;
    font-size : 11.5px;
}
h2.blog_title a
{
    color: #385C9E;
    font-family: Trebuchet MS,Verdana, Arial;
    Font-size: 13.5px;
    font-weight: normal;
}
h2.blog_title
{
    color: #323232;
    font-family: Trebuchet MS,Verdana, Arial;
    background-color: #fff;
    margin-top: 0px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-top: 2px;
    margin-left: -3px;
    margin-right: -3px;
    margin-bottom:1px;
}
.blog_body
{
    border: solid 0px #385C9E;
    padding: 0px 3px 3px 3px;
}
.blog_dateline
{
    padding-left: 4px;
    font-style:italic;
}
.blog_body p
{
    padding-left: 0px;
    margin:0px 0 7px 0;
    color:#353535;
}

.blog_body p span
{
    padding-left: 0px;

 
}

.blog_author .blog_body p span
{
    padding-left: 0px;
}

span.blog_author span
{display:inline;}

.blog_body p span.blog_date 
{display:inline;
padding:0 0;}

.blog_body p p, .blog_body p p
{
    padding-left: 0px;
    border-top:solid 0px #fff;
}
.blog_body blog_more_link
{
    padding-left: 4px;
}
.blog_footer
{
    padding-left: 4px;
    width: auto;
    clear:both;
}

.blog_comments
{
    background-position: 0px 0px;
}
.blog_footer a:hover,.blog_footer  a:active,.blog_footer  a:visited,.blog_footer  a:link 

{

}

.blog_more_link p
{background-color:#F67E1D;
padding: 2px 2px;
display:block;
width:75px;
color:#fff;
text-transform:uppercase;
float:right;
text-align:center;
font-size:8px;
margin:0 15px 10px 0;
margin-right:15px;
}
.blog_more_link p a:hover
{text-decoration:none;}
p.blog_subhead a
{display:none;}

/*Blog Calendar*/
.Blog_Archive_Title
{}
.Blog_Archive_DayHeader
{background-color:#E5EAE3;
color:#325992;}
.Blog_Archive_WeekendDay {
background-color:#FFF;
}
.Blog_Archive_OtherMonth {
background-color:#Fff;
}

.Blog_Archive_TodayDay {
background-color:#829FD1;
border:0px solid #CCCCCC;
color:#fff;

}
/*End of blog CSS*/
.BorderLeft
{
    border-right: solid 0px #eff2ef;
    border-left: solid 0px #eff2ef;
}

.MenuLinkBottom
{
    font-size:11px; 
    font-weight:bold;
    text-align:center;
    vertical-align:top;
    text-decoration:none;
    color:#40561c;
    margin-top:0px;
}
.MenuLinkTop
{
    font-weight:bold;
    font-size:14px; 
    color:#fff; 
    text-align:center;
    
    text-decoration:none;
    margin-top:7px;
    margin-bottom:7px;
    
}
a:hover .MenuLinkBottom, a:active .MenuLinkBottom
{
    color:#fff;
    text-decoration: none;
}
.MainPage .BannerMenuArea
{background-color:#f48221;}

.leftcontentarea
{padding-right:8px;}

/*
NEWS AND EVENTS MODULE STYLING
*/
.News
{
    border : solid 1px #FFFFFF;
    font-family : Lucida Sans,Trebuchet MS,Arial,Sans-Serif;
    background-color : #FFFFFF;
}
.Events
{
    border : solid 1px #FFFFFF;
    font-family : Lucida Sans,Trebuchet MS,Arial,Sans-Serif;
    background-color : #FFFFFF;
}
a.SmallNews 
{
    text-decoration : none;
    font-size : 14px;
    color : #859382;
    font-weight : bold;
}
a.SmallEvents 
{
    text-decoration : none;
    font-size : 14px;
    color : #859382;
    font-weight :bold;
}
.Label
{
    text-transform:uppercase;
    font-size : 11px;
}
.breadcrumb
{
    font-size: 10.5px;
}
.breadcrumba:hover,.breadcrumb  a:active,.breadcrumb  a:visited, .breadcrumb a:link
{
    color: #385C9E;
}
.GreyLables
{
    background-color : #999999;
    text-align : right;
    font-style : italic;
    color : #000000;
    width : 30%;
    padding-right : 3px;
}
.LightGreyTable
{
    background-color: #EFF2EF;
    text-align: left;
    color : #000000;
    width : 70%;
}