﻿/* CSS RESETS & FRAME ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
html, body
{
    height:100%;
    margin:0px;
}
ul, li, ol
{
    margin:0px;
    padding:0px;
}
body
{
	font-family:Tahoma, sans-serif;
	color:#777777;
    font-size:0.8em;
}
body#MainBody
{
    background:url("images/SowetoBackground.gif") repeat top left;
}
div#Frame
{
    margin:0px auto 0px auto;
    width:800px;
    min-height:100%;
}
/* HEADER ELEMENTS ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#Header
{
    width:800px;
    margin-top:10px;
}
div#Header div#Logo
{

    background:#ffffff url("images/TopBanner.jpg") no-repeat top left;
    height:210px;
    width:800px;
}
div#Header h1
{
}
div#Header h1 a
{
}
div#Header h2
{
}
div#Header h2 a
{
}
div#HeaderImage
{
}
div#TopMenu
{
}
div#TopMenuListHolder
{
}
ul.TopMenuList 
{
}
ul.TopMenuList li 
{
}
ul.TopMenuList li a
{
}
ul.TopMenuList li a:hover
{
}
/* BODY ELEMENTS ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#Body
{
    width:100%;
    background:#CCCCCC;
}
div#Content
{
    background:#FFFFFF;
	font-family:Verdana,Tahoma, sans-serif;
	font-size:0.9em;
	line-height:1.5em;
	text-align:justify;
    width:575px;
    float:right;
    padding:15px 10px 90px 10px;
    height:100%;
}
div#SideBar
{
    width:204px;
    background-color:#CCCCCC;
    float:left;
    height:100%;
}
div.SideMenuHeader
{
}
div.SideMenu
{
	font-family:Arial, Tahoma, sans-serif;
    width:204px;
	margin-bottom:20px;
	padding-bottom:2px;
}
div.SideMenu ul.SideMenuList
{
    margin-left:10px;
    margin-top:5px;
    margin-bottom:0px;
    margin-right:10px;
} 
div.SideMenu ul.SideMenuList li 
{
    list-style:none;
    background:url("images/Bullet.gif") no-repeat left;
    padding-left:10px;
    padding-top:6px;
    padding-bottom:6px;
    font-size:0.9em;
	font-weight:bold;
	color:#6CBC1C;
}
div.SideMenu ul.SideMenuList li a
{
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#6CBC1C;
}
div.SideMenu ul.SideMenuList li a:hover
{
	text-decoration:underline;
}
div.SideMenuBlock
{
    text-align:center;
    margin-bottom:20px;
}
/* FOOTER ELEMENTS ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#Footer
{
    background:url("images/Footer.gif") no-repeat top;
    width:800px;
    height:58px;
    margin-bottom:20px;
}
div#Footer a
{
}
div#Footer a:hover
{
}
/* GENERAL CONTENT CSS ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
a {
	color:#2662CC;
}
a:hover {
	text-decoration:none;
}
H1
{
	COLOR:#555555;
	FONT-WEIGHT:normal;
	FONT-SIZE:24pt;
	FONT-FAMILY:Agency FB,Mistral,Perpetua,Arial Narrow,Tahoma,Verdana;
	MARGIN-TOP:0px;
	TEXT-DECORATION:underline;
}
H2
{
	COLOR:#333333;
	FONT-WEIGHT:bold;
	FONT-SIZE:16pt;
	FONT-FAMILY:Agency FB,Century Gothic,Tahoma,Verdana;
	MARGIN-BOTTOM:20px;
	MARGIN-TOP:20px;
	TEXT-DECORATION:none;
}
H3
{
	COLOR:#333333;
	FONT-WEIGHT:normal;
	FONT-SIZE:14pt;
	FONT-FAMILY:Agency FB,Century Gothic,Tahoma,Verdana;
	MARGIN-BOTTOM:10px;
	MARGIN-TOP:10px;
	TEXT-DECORATION:underline;
}
p
{
    text-align:justify;
    margin-top:1.6em;
    margin-bottom:1.6em;
}
ul
{
    margin-left:25px;
}
img
{
    border:none;
}
div.ImageLabel
{
}
hr
{
    color:#064276;
    height:1px;
    width:70%;
    text-align:center;
    margin-top:20px;
    margin-bottom:10px;
}
div.LinkExample
{
    padding:5px;
    background-color:#e6e6ff;
    line-height:1.5em;
}
label
{
    float:left;
    width:100px;
}
.ResponseToUser 
{
    border:solid 1px red;
    padding:5px 5px 5px 5px;
    margin:10px 0px 10px 0px;
    background-color:#ffcccc;
    color:Red;
    width:95%;
    font-weight:bold;
}
table.ContactUs td
{
    border-bottom:solid 1px #bbbbbb;
}
.PaddedButtons
{
    padding:5px;
}
table.Links
{
    width:100%;
    margin:0px;
    border:none;
}
table.Links td.LinkCategory
{
    font-weight:bold;
}
table.Links td.Link
{
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
    padding-top:5px;
    background-color:#e6e6ff;
    border-bottom:solid 1px #bbbbbb;
    line-height:1.5em;
}
table.Links td.Link2
{
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
    padding-top:5px;
    border-bottom:solid 1px #bbbbbb;
    line-height:1.5em;
}
table.Links td.Link a, table.Links td.Link2 a
{
    font-weight:bold;
    color:#CC0000;
}
TABLE.LeftMenu
{
	BACKGROUND-COLOR:#CCCCCC;
	WIDTH:204px;
	FONT-FAMILY:Verdana,Arial;
	FONT-SIZE:9pt;
}
TABLE.LeftMenu TD
{
	BACKGROUND-COLOR:#EEEEEE;
	BORDER:solid 1px #555555;
}
TABLE.LeftMenu TD.LeftMenuTD1
{
	WIDTH:175px;
	PADDING-LEFT:3px;
}
TABLE.LeftMenu TD.LeftMenuTD2
{
	WIDTH:25px;
}
TABLE.LeftMenu TD A
{
	FONT-WEIGHT:bold;
	COLOR:#555555;
	TEXT-DECORATION:none;
	DISPLAY:block;
	WIDTH:100%;
	HEIGHT:100%;
	PADDING-TOP:5px;
	PADDING-BOTTOM:6px;
}
TABLE.LeftMenu TD A:hover
{
	COLOR:#222222;
	TEXT-DECORATION:none;
	DISPLAY:block;
	WIDTH:100%;
	HEIGHT:100%;
}
TABLE.INPUT TH
{
	TEXT-ALIGN:center;
	PADDING-BOTTOM:5px;
	PADDING-TOP:5px;
	PADDING-RIGHT:10px;
	PADDING-LEFT:10px;
	BACKGROUND-COLOR:#888888;
	COLOR:#FFFFFF;
}
TD.LABEL
{
	TEXT-ALIGN:right;
	PADDING-BOTTOM:2px;
	PADDING-TOP:2px;
	PADDING-RIGHT:5px;
	PADDING-LEFT:10px;
	FONT-STYLE:italic;
	BACKGROUND-COLOR:#CCCCCC;
	COLOR:#555555;
}
TD.VALUE
{
	PADDING-LEFT:5px;
	PADDING-RIGHT:10px;
	PADDING-BOTTOM:2px;
	PADDING-TOP:2px;
	BACKGROUND-COLOR:#EEEEEE;
}

div.webfreshfooter
{
    width:100%;
    margin:0 auto 10px auto;
    text-align:center;
}
div.webfreshfooter a
{
    color:#aaa;
    text-decoration:none;
    font-size:10px;
}
div.webfreshfooter a:hover
{
    color:#ccc;
    text-decoration:none;
}
div.webfreshfooter img
{
    vertical-align:text-bottom;
}
