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

Title : framework.css
Author : Erickson Barnett - Sliced and Diced by Andrew MacRae

Description : Arial 12px / Line-height 22px
Created : 
Modified : 

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

body {
	border: 0;
	margin: 0;
	padding: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #182c27;
	background: #fff;
	font-size: small;
	text-align: center;
	}


/*-- global list styles ------------------*/

ul, li {
	list-style: none;
   	background: url(http://www.mizerochildrenofrwanda.org/5.gif) 0 .6em no-repeat;
	line-height: 1.83em;
	}
	
ul {
	background: none;
	padding-left: 0em;
	margin-left: 0em;
	margin: .46em 0em .92em 0em;
	}
 
ul li ul {
	margin: .38em 0; /*generally, keep this the same size as the margins on the li's*/
}
 
li {
	font-size: 93%;
	margin: .46em 0 .46em 0;
	padding-left: 1em;
}

li li, li li li {
	font-size: 100%;
}
		
ol {
	background: none;
	margin: .46em 0em .92em 0em;
	padding-left: 1em;
	margin-left: 1em;
}
	
ol li {
	list-style: decimal;
	background: none;
	padding-left: 0;
}

ol li ul li{
	list-style: none;
	background: url(http://www.mizerochildrenofrwanda.org/5.gif) 0 .45em no-repeat;
	padding-left: 1em;
}
	
dl {
	font-size: 93%;
	line-height: 1.83em;
	margin: 1.83em 0em .92em 0em;
}

dt {
	font-weight: bold;
}

dd {
	padding: 0;
	margin: .46em 0 .46em 0;
}

dl p, dl ul li, dl ol li, dl h1, dl h2, dl h3, dl h4, dl h5, dl h6, li p, dl form label, dl form select {
	font-size: 100%;
}
	
/* any ul after a ul needs a bigger top margin */
ul + ul {
	margin-top: .92em;
}

/* any p inside an li needs a smaller top margin */
li > p {
	margin-top: 0.46em;
	}
	
/*-- end global list styles ------------------*/


p {
	font-size: 93%;
	line-height: 1.83em;
	margin: .46em 0em .92em 0em;
	/* 22px line-height / 12px font-size / top-margin 25% of the main line height / bottom-margin 50% of the main line height */
}


/*-- global header styles ------------------*/

h1 {
	font-family: 'Trebuchet MS', arial;
	font-size: 170%;
	font-weight: normal;
	padding: 0;
	color: #40767c; //*---used to be ee3024; ---*//
	margin: 0em 0em 0em 0em;
}

h2 {
	font-family: 'Trebuchet MS', arial;
	font-size: 170%;
	color: #326c73;
	font-weight: normal;
	margin: 0em 0em 0em 0em;
}

h3 {
	font-size: 115%;
	color: #40767c;
	font-weight: bold;
	margin: .69em 0em .42em 0em;
}

h4 {
	font-size: 90%;
	color: #ee3024;
}


/*-- end global header styles ------------------*/

/*-- global links ------------------*/

a:link {
    text-decoration: underline;
    outline: none;
    color: #4598a2;
}

a:visited {
   	color: #4598a2;
}

a:hover {
	color: #ee3024;
	text-decoration: underline;
}

a:active {
    color: #4598a2;
}


/* prevent borders on images */
a img {
	border: 0;
}

/*-- end global links ------------------*/


/*-- for global use ------------------*/


.last {
	border-right: none !important;
}

/*-- end for global use ------------------*/

/*-- general form stuff ------------------*/

form{
	padding: 0;
	margin: 0;
}

form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	margin-bottom:.38em;
}

/*-- end general form stuff ------------------*/


/* ------------------------------------------------------------------------
   non-global framework/elements begin
   ------------------------------------------------------------------------ */

/*-- primary elements ------------------*/


#wrapper {
	margin: 0 auto;
	width: 950px;
	text-align:left;
}

#header {
	position: relative;
	height: 37px;
	margin-bottom: 10px;
	background: url(/images/bg/header.jpg) bottom left no-repeat;
}


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


#footer {
	clear: both;
	padding: 10px 22px 24px 22px;
	background: url(/images/bg/footer.gif) bottom left repeat-x;
	
}	

#footer p {
	line-height: 1.1em;
	margin: 5px 0;
	color: #34848f;
}

#footer p.big {
	font-family: 'Trebuchet MS', arial;
	font-size: 124%;
}
	

/*-- navigation ------------------*/

#mainnav {
	float: left;
	width: 941px;
	background: #263e3b url(/images/bg/mainnav.gif) top left repeat-x;
	border-left: 9px solid #ee3024;
}

#mainnav ul {
	font-family: 'Trebuchet MS', arial;
	text-transform: uppercase;
	float: left;
	margin: 0;
	padding: 0 0 0 0px;	
}

#mainnav ul li {
	font-size: 85%;
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	line-height: 1.1em;
	background: url(/images/bg/mainnav-list.gif) top right no-repeat;
}	

#mainnav ul li.last {
	background: none;
}

#mainnav li a, #mainnav li a:visited {
	display: block;
	font-weight: bold;
	color: #ee3024;
	color: #fff;
	background: url(http://www.mizerochildrenofrwanda.org/7.gif) 5px 13px no-repeat;
	text-decoration: none;
	padding: 10px 12px 10px 15px;
	outline: none;
}

#mainnav ul li a:hover {
	color: #65bfca;
}

#mainnav ul li.on a {
	background: #467b81 url(http://www.mizerochildrenofrwanda.org/7.gif) 4px 16px no-repeat;
	color: white;
}

body.home #mainnav ul li#home a,
body.products #mainnav ul li#products a,
body.services #mainnav ul li#services a,
body.clients #mainnav ul li#clients a,
body.about #mainnav ul li#about a,
body.news #mainnav ul li#news a,
body.contact #mainnav ul li#contact a,
body.customer #mainnav ul li#customer a {
	background: #467b81 url(/images/bullets/mainnav-on.gif) 4px 23px no-repeat;
	color: white;
}

#header-line {
	text-align: center;
	height: 2px;
	background-color: #000;
}

#header-line a {
	color: #000;
}

#login-form {	
        align: right;
	margin: 0;
	display: inline;
}	

/* home styles */

body.home #header {
	position: relative;
	height: 207px;
	background: url(http://www.mizerochildrenofrwanda.org/imgbg.jpg) top right no-repeat;
}

body.home #header img#logo{
	position: absolute;
	top: 70px;
	left: 44px;
}

body.home #header h1#tagline {
	left: 350px;
	background: url(/images/headers/tagline.jpg) top left no-repeat;
}

body.home #header p.more {
	left: 350px;
}

body.home #header p#headshot {
	position: absolute;
	display: block;
	width: 310px;
	height: 207px;
	top: 0; 
	left: 640px;
	background: url(/images/common/headshot.jpg) top left no-repeat;
	text-indent: -10000px;
	margin: 0;
	padding: 0;
}


#content-main {
	padding-bottom: 8px;
}

#content-main a {
	color: #EE2F25;
	text-decoration: none;
}

#content-main .alg a {
	font-size: 1.1em;
	color: #EE2F25;
}

#content-main a.plink {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}

#content-main a:hover.plink {
	color: #000;
}

#content-main clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: right; 
    visibility: hidden;
}

/* ----- new homepage css ----- */

.content-hp-first {
	float:left;
	width:215px;
height:260;
	padding-left:10px;
	padding-right:10px;
}

.content-hp {
	float:left;
	width:215px;
	padding-left:10px;
	padding-right:10px;
	border-left:#cacaca dotted 2px;
}

.content-hp p, .content-hp-first p, #content-hp-unique p {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #666666;
}

.content-hp-reg {
	float:left;
	width:155px;
	padding-left:5px;
	padding-right:5px;
	border-left:#cacaca dotted 2px;
}

.content-hp-reg p, .content-hp-first p, #content-hp-unique p {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #666666;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
}

/* ----------Just a Test for the dotted line--------- */

.content-hp2 {
	float:left;
	width:215px;
	padding-left:10px;
	padding-right:10px;
	border-left:#cacaca dotted 2px;
	border-right:#cacaca dotted 2px;
}

.content-hp2 p, .content-hp-first p, #content-hp-unique p {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #666666;
}

.content-hp2-reg {
	float:left;
	width:155px;
	padding-left:5px;
	padding-right:5px;
	border-left:#cacaca dotted 2px;
	border-right:#cacaca dotted 2px;
}

.content-hp2-reg p, .content-hp-first p, #content-hp-unique p {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #666666;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
}

/* ----------Blog Content--------- */

.content-blogbox {
	float:right;
	width:675px;
	padding-left:10px;
	padding-right:10px;
	border-left:#cacaca dotted 2px;
	border-right:#cacaca dotted 2px;
clear: right;
}

.content-blogbox p, .content-hp-first p, #content-hp-unique p {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #666666;
}

.content-blogbox-reg {
	float:right;
	width:650px;
	padding-left:5px;
	padding-right:5px;
	border-left:#cacaca dotted 2px;
	border-right:#cacaca dotted 2px;
 clear: right;
}

.content-blogbox-reg p, .content-hp-first p, #content-hp-unique p {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #666666;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
}

.div.float-right {
  float: left;
  padding: 10px;
  }

.div.float-left {
  float: left;
  padding: 10px;
  }

/---sidebar---/

.content-blogsidebar {
	float: left;
	width:215px; /--used to be 215---/
	padding-left:10px;
	padding-right:10px; 
	border-left:#cacaca dotted 2px;
 clear: left;

}

.content-blogsidebar p, .content-hp-first p, #content-hp-unique p {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #666666;
 clear: left;
}

.content-blogsidebar-reg {
	float: left;
	width:215px; 
	padding-left:5px;
	padding-right:5px;
	border-left:#cacaca dotted 2px;
 clear: left;
}

.content-blogsidebar-reg p, .content-hp-first p, #content-hp-unique p {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #666666;
	align:center;
	padding-left:5px;
	padding-right:5px;
}

#content-blogsidebar div {
	float: left;
	width:215px; /--used to be 215---/
	padding-left:10px;
	padding-right:10px; 
	border-left:#cacaca dotted 2px;
 clear: left;
}

#clear {
        clear: left;
}

/*-------------Page Template--------------*/

.content-pagebox {
	float:right;
	width:675px;
	padding-left:10px;
	padding-right:10px;
	border-left:#cacaca dotted 2px;
	border-right:#cacaca dotted 2px;
clear: right;
}

.content-pagebox p, .content-hp-first p, #content-hp-unique p {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #666666;
}

.content-pagebox-reg {
	float:right;
	width:650px;
	padding-left:5px;
	padding-right:5px;
	border-left:#cacaca dotted 2px;
	border-right:#cacaca dotted 2px;
 clear: right;
}

.content-pagebox-reg p, .content-hp-first p, #content-hp-unique p {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #666666;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
}

.div.float-right {
  float: left;
  padding: 10px;
  }

.div.float-left {
  float: left;
  padding: 10px;
  }

/---Page Sidebar---/

.content-pagesidebar {
	float: left;
	width:215px; /--used to be 215---/
	padding-left:10px;
	padding-right:10px; 
	border-left:#cacaca dotted 2px;
 clear: left;

}

.content-pagesidebar p, .content-hp-first p, #content-hp-unique p {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #666666;
 clear: left;
}

.content-pagesidebar-reg {
	float: left;
	width:215px; 
	padding-left:5px;
	padding-right:5px;
	border-left:#cacaca dotted 2px;
 clear: left;
}

.content-pagesidebar-reg p, .content-hp-first p, #content-hp-unique p {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #666666;
	align:center;
	padding-left:5px;
	padding-right:5px;
}

#content-pagesidebar div {
	float: left;
	width:215px; /--used to be 215---/
	padding-left:10px;
	padding-right:10px; 
	border-left:#cacaca dotted 2px;
 clear: left;
}

.content-pagesidebarmenu {padding:0; border:0px }
.content-pagesidebarmenu ul {list-style:none; margin:0; padding:0; }
.content-pagesidebarmenu ul li { text-indent: 1cm; text-transform: uppercase; padding:0; margin:0; border-bottom:1px solid #ffffff; color: #ffffff; background: #182c27; 	width:215px;}
.content-pagesidebarmenu ul li a { padding:4px 4px 4px 4px; text-decoration:none; color: #ffffff; display: block;}
.content-pagesidebarmenu ul li a:hover {background:#263e3b;}

#clear {
        clear: left;
}


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

#site-info {
	text-align: center;
	height: 20px;
	background-color: #666;
width: 950px;
}

#site-info a {
	color: #fff;
width: 950px;
}

.copyright {
	font-size: 0.85em;
	line-height: 20px;
	color: #fff;
	background-color: #666;
}

#footer_hp {
	text-align: center;
	padding: 10px;
}

#footer_hp a {
	font-size: 0.9em;
}

.paginate {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			12px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;
}

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}