/*
===== Reset Style =================================
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*
===== universal style =================================
*/
body {
	color:#666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	background:#a6c197 url(images/bg.gif) repeat-x;
}
p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	padding-bottom: 10px;
}
a {
	color: #48ab11;
	text-decoration: underline;
}
a:hover {
	color: #999966;
	text-decoration: underline;
}
strong {
	font-weight:bold;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #759e73;
	padding-bottom: 20px;
}
h2 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #666666;
	padding: 10px 0px 3px;
	text-transform: uppercase;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	font-weight: bold;
}
h4 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	background-color: #EBE6CE; 
	padding: 5px; 
	margin-bottom: 5px;
	margin-top: 15px;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	text-transform: capitalize;
	color: #759e73;
	margin-bottom: 10px;
	padding: 20px 0px 2px;
	border-width: 2px;
	border-bottom-style: solid;
	border-color: #759e73;
	width: 70%;
}
td { 
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	padding-bottom: 10px;
}
li {
	margin-bottom: 5px;
}
ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	margin: 0 15px 15px 24px;
}
ul.nostyle li{
	list-style:none;
}
ul a {
	color: #48ab11;
	text-decoration: underline;
}
ul a:hover {
	color: #999966;
	text-decoration: underline;
}
ol {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	margin: 0px 15px 15px 24px;
}
.block {
	display:block;
}
/*
===== main =================================
*/
#wrapper {
	text-align: left;
	margin: 12px auto 0;
	max-width:1024px;
	min-width:760px;
	background:#fffcee url(images/layout/sidebarBorder.gif) repeat-y;
	background-position:right;
}
#bgBorder_left {
	background:url(images/layout/bgBorder_left.jpg) repeat-y;
}

#bgBorder_right {
	background:url(images/layout/bgBorder_right.jpg) repeat-y;
	background-position:right;
}

/*
===== header =================================
*/
#header {
	height:113px;
	width:100%;
	background: url(images/layout/headerBg.jpg) repeat-x;
}
#headerBgLeft {
	background:url(images/layout/headerBg_left.jpg) no-repeat;
}
#headerBgRight {
	background:url(images/layout/headerBg_right.jpg) no-repeat;
	background-position:right;
}
#logo {
	height:73px;
	padding:20px;
}

/*
===== navigation =================================
*/
#navi {
	margin:0 8px;
	background-color:#a0976d;
}
#navbar {
	width:100%;
}
#navi a:hover span {
	text-decoration: underline;
	color: #e0d9b7;
}
#navi #navbar a:hover span {
	color:#ffffff;
	text-decoration: none;
}
#navi a {
	text-decoration: none;
}
#navi .navlink{
	text-align:center;
	vertical-align: top;
	text-transform: none;
	padding: 8px 8px;
}
/*
===== Drop Down Menu =================================
*/
#navi a span, #navi .selected a span{ /*currently selected tab*/
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	width: auto;
	text-decoration: none;
}
.dropmenudiv_a{
position:absolute;
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
padding: 6px 5px -1px;
margin-left:-10px;
font:normal 12px Arial;
line-height:18px;
z-index:100;
background-color: #a0976d;
width: 190px;
visibility: hidden;
}

.dropmenudiv_a a{
width: auto;
display: block;
border-top: 0 solid #e0d9b7;
border-bottom: 1px solid #e0d9b7; /*THEME CHANGE HERE*/
padding: 5px 0 5px 6px;
text-decoration: none;
color: white;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover {
	color: #e0d9b7;
}
/*
===== contentsLeftRight =================================
*/
#containerWrap {
	height:100%;
}
#container {
	background: url(images/layout/naviBg.jpg) repeat-x;
	height:100%;
	margin:0 8px;
}
#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*
===== contentsLeft =================================
*/
#mid-left_wrap {
	float: left;
	width: 100%;
	margin-right: -255px;
	background: url(images/layout/naviBg_left.jpg) no-repeat -8px 0;
}
#mid-left {
	padding:20px 25px;
	margin-right: 255px;
}

/*
===== contentsRight =================================
*/
#mid-right_wrap {
	float: left;
	width: 255px;
	background: url(images/layout/sidebarCorderTop.jpg) no-repeat -2px 0;
}
#mid-right {
	float :right ;
	padding: 15px 19px 20px 32px;
}
/*
===== footer =================================
*/
.footerBG {
	height: 35px;
	clear:both;
	background: url(images/layout/footerBg.jpg) no-repeat;
}
#footleft_wrap {
	float:left;
	height: 35px;
	width:100%;
	padding-top:5px;
	margin-right: -265px;
}
.footleft {
	margin-right: 265px;

}
.footright {
	float:right;
	width: 265px;
	background: url(images/layout/sidebarBottom.jpg) no-repeat;
	height: 35px;
}
.navfootlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #777777;
	vertical-align: top;
	padding-right: 6px;
	text-align: center;
	padding-left: 6px;
}
.navfootlink a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #777777;
	vertical-align: top;
	text-align: center;
	text-decoration: none;
}
.navfootlink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #888888;
	text-decoration: underline;
}
.footercaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: center;
	margin-top: 10px;
}

.tl-c {
	//background-image: url(images/tl_c.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
}
.tl-right {
	//background-image: url(images/tl_r.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 27px;
}
.top-side {
	//background-image: url(images/t_side.gif);
	background-repeat: repeat-x;
	height: 10px;
}
.tr-left {
	//background-image: url(images/tr_l.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 27px;
}
.tr-c {

	//background-image: url(images/tr_c.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
}
.tr-bot {
	//background-image: url(images/tr_bot.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 10px;
}
.tl-bot {

	//background-image: url(images/tl_bot.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 10px;
}
.l-side {
	//background-image: url(images/l_side.gif);
	width: 10px;
}
.bl-bot {
	//background-image: url(images/bl_top.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 10px;
}
.bl-c {

	//background-image: url(images/bl_c.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
}
.bl-right {
	//background-image: url(images/bl_r.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 27px;
}
.bot-side {
	//background-image: url(images/b_side.gif);
	background-repeat: repeat-x;
	height: 10px;
}
.br-left {
	//background-image: url(images/br_left.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 27px;
}
.br-c {
	//background-image: url(images/br_c.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
}
.br-top {
	//background-image: url(images/br_top.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 10px;
}
.r-side {
	//background-image: url(images/r_side.gif);
	width: 10px;
}
.tl-in {
	//background-image: url(images/tl_in.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
}
.tr-in {
	//background-image: url(images/tr_in.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
}
.br-in {
	//background-image: url(images/br_in.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
}
.bl-in {
	//background-image: url(images/bl_in.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
}
.header-tl {
	padding-top: 25px 0 0 25px;
	width: 300px;
	vertical-align: top;
}
.header-tr {
	padding: 25px 25px 0px;
	width: 460px;
	text-align: right;
	vertical-align: top;
}

.sidehead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #555555;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.label {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.img-border {
	border: 2px solid #a0976d;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 25px;
}

.img-border-logos {
	border: 2px solid #a0976d;
	padding: 0px;
	margin-top: 10px;
}
.img-border-contact {
	border: 2px solid #a0976d;
	margin-top: 0;
}
.img-border-banners-buttons {
	border: 2px solid #a0976d;
	margin-top: 10px;
}

.bodycopybold {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 16px;
	color: #666666;
	font-weight: bold;
}
.bodycopyital {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 16px;
	color: #666666;
	font-style: italic;
}

.smalltype {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
}
.bodycopyboldital {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 16px;
	color: #666666;
	font-weight: bold;
	font-style: italic;

}
.centered {
	text-align: center;
	margin-bottom: 20px;

}
.homeimage {
	margin-bottom: 40px;
	text-align: center;
}
.img-main-right {
	margin-bottom: 15px;
	float: right;
	margin-left: 15px;

}
.img-main-left {
	margin-bottom: 15px;
	float: left;
	margin-right: 25px;

}
.specialbold {
	font-weight: bold;
	color: #a0976d;
}

.contact-logo {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.image-and-text-shell {
	overflow: hidden;
	margin-bottom: 10px;
	border-bottom:1px solid #999999;
}

.special-link {
	font-size: 14px;
	font-weight: bold;	
}

.psa {
	border-collapse: collapse;
	border-spacing: 0px;
}

.psa span {
	font-weight:bold;
	text-align: center;
	display: block;
}

/*
===== socialnetworks =================================
*/
.socialnetworks {
	clear:both;
	margin-top:30px;
}
.socialnetworks dt{
	float:left;
	width:160px;
}


/*
===== Host Event, Get Involved Forms =================================
*/
#hostevent_form, #order_form {
	margin:15px 0 10px;
}
.hosteventTitle, .orderTitle {
	text-align:right;
	vertical-align:top;
	width:200px;
	padding-right:10px;
}
#hosteventSubmit {
	margin:10px 0 0 200px;
}
#orderSubmit {
	margin:10px 0 0 200px;
}
.error {
	color:#F00;
}
#tshirts_input input {
	margin:0 10px 0 5px;
}
/*
===== Global =================================
*/
.videobox {
	margin: 0px 0px 10px 0px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #cccccc;
	background: #f5f6e7;
	width: 100%; /* add 100% height for the float box-IE6 */
    overflow: auto; /* add 100% height for the float box */

}
.videobox .video {
	float: left;
	margin: 0px 10px 0px 0px;
}
 
.videobox p {
	overflow: auto;	/* for modern browser */
	zoom: 1;	/* for ie6 */
	line-height: 1.5;
}
.floatbox {
	margin: 0px 0px 10px 0px;
	padding: 5px 5px 5px 5px;
	width: 100%; /* add 100% height for the float box-IE6 */
    overflow: auto; /* add 100% height for the float box */
}
.floatbox .floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}
.floatbox .floatright {
	overflow: auto;	/* for modern browser */
	zoom: 1;	/* for ie6 */
}
/*
===== index.php =================================
*/


/*
===== HIV/AIDS Awareness Day/HIV/AIDS Awareness Day =================================
*/
#map {
	text-align:center;
}
/*
===== Get Involved =================================
*/
h1.pledge {
	padding-bottom:0;
}
/*
===== Get Involved/socialnetworks =================================
*/
.socialnetworks {
	clear:both;
	margin-top:30px;
}
.socialnetworks dt{
	float:left;
	width:160px;
}
/*
===== Get Involved, Get Involved/Host Event =================================
*/
#hostevent_form, #order_form {
	margin:15px 0 10px;
}
.hosteventTitle, .orderTitle {
	text-align:right;
	vertical-align:top;
	width:200px;
	padding-right:10px;
}
#hosteventSubmit {
	margin:10px 0 0 200px;
}
#orderSubmit {
	margin:10px 0 0 200px;
}
.error {
	color:#F00;
}
#tshirts_input input {
	margin:0 10px 0 5px;
}
/*
===== Past Campaigns =================================
*/
.pastcampaings, .campaings {
	clear:both;
	margin-top:10px;
	border-bottom:1px solid #999;
}
.pastcampaings dt, .campaings dt{
	float:left;
	width:170px;
	padding-bottom:30px
}
.pastcampaings:after, .campaings:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*
===== Public Service Announcement =================================
*/
#announcement_script {
	font-style:italic;
	margin:5px 20px 30px;
	display:block;
}
/*
===== Capacity Building Assistance =================================
*/
.border {
	display:block;
	width:100px;
	text-align:center;
	margin-bottom:6px;
	border:1px solid #999;
	padding:5px;
	background-color:#a0976d;
	color:#fff;
}
.border a{
	color: #ffffff;
	text-decoration: none;
}
.border a:hover {
	color: #e0d9b7;
	text-decoration: none;
}
/*
===== Press =================================
*/
.pressInquiriesborder {
	border:1px solid #999;
	width:400px;
	padding:10px 0 0;
	margin:10px 0 0;
}
/*
===== Recaptcha Widget =================================
*/

#recaptcha_widget_div {
	margin: 0 0 0 205px;	
}