/* 
================================
Skin styles for all Ocha Online Layout

Quick Reference:

-----About-------- 
submenu: class="submenuColor1" Scope="1076" CssElementId="HouseMenuNav1"
Background: class="AroundColor1"
CornerImg: class="Corner1"
-----News-------- 
submenu: class="submenuColor2" Scope="1080" CssElementId="HouseMenuNav2"
Background: class="AroundColor2"
CornerImg: class="Corner2"
-----Humanitarian Issues-------- 
submenu: class="submenuColor3" Scope="1081" CssElementId="HouseMenuNav3"
Background: class="AroundColor3"
CornerImg: class="Corner3"
-----Funding-------- 
submenu: class="submenuColor4" Scope="1082" CssElementId="HouseMenuNav4"
Background: class="AroundColor4"
CornerImg: class="Corner4"
-----Tools & Services-------- 
submenu: class="submenuColor5" Scope="1083" CssElementId="HouseMenuNav5"
Background: class="AroundColor5"
CornerImg: class="Corner5"
-----Geographic--- -----
submenu: class="submenuColor6" Scope="1084" CssElementId="HouseMenuNav6"
Background: class="AroundColor6"
CornerImg: class="Corner6"
-----Coordination-------- 
submenu: class="submenuColor7" Scope="1085" CssElementId="HouseMenuNav7"
Background: class="AroundColor7"
CornerImg: class="Corner7"

================================
*/
body
{
    /* set default font size for skin (Titles etc. will then use a percentage to specify their sizes) */
    margin: 0;
    padding: 0;
    line-height: 1.1;
    font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #FFF;
}

#wrap
{
    min-width: 500px;
    max-width: 1400px;
    padding: 0;/*top, right, bottom, left.*/
}


/* Banner Layout */

#TopBar
{
	float: left;
	width: 100%;
	border-top: 6px solid #08396B;
	background-color: #1863B5;	
	font-family: Arial, sans-serif;		
}
/*--------------------*/
#TopBar ul
{
   text-align: center; 
   margin: -6px 0 0 0;  
}
#TopBar li
{
    display: inline;
    background-color:#3366FF;
}
#TopBar li a:link, #TopBar li a:visited
{
    color: #FFF;
	font-size: 65%;
    text-decoration: none;
    padding: 1px 1em;
}
#TopBar li a:hover
{
    color: #8CBDF0;	
}
#TopBar li.leftimg{
background: url(images/topbar_left.jpg) no-repeat bottom left #08396B;/*left round border image*/
padding-left: 10px;
}
#TopBar li.rightimg{
background: url(images/topbar_right.jpg) no-repeat bottom right #08396B;/*right round border image*/
color: #08396B;
padding-right: 1px;
}
#TopBar li.divider{
	background-color: #08396B;
	background-image: url(images/divider.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
/*--------------------*/


#Banner
{
	clear: both;
	width: 100%;
	background-color: #1863B5;
	height: 46px;
	padding-top: 0;
}
#TitleSearch{
	float: right;
	padding-top: 15px;
	width:60%;
}
#PageTitle
{
	float:left;
padding-left: 0px;
	width: 60%;
text-align: left;
}
#SearchSection
{
	float:left;
}	
.SearchSection
{
	float:right;
padding-right: 20px;
}		
#LoginLogout
{
	font-size: 70%;
	width:98%;
	text-align: right;
}


#logo
{
	float: left;
	width: 100%;
	height: 46px;
	background-image: url(images/OchaLogo.jpg) ; 
	background-repeat: no-repeat;
	background-position: top left;
}

#Home { background:  url(images/HomeSplash.jpg) no-repeat top left; height: 285px; width:100%; padding: 0; }
#Home2 {
	background:  url(images/HomeSplash2.jpg) no-repeat top left;
	height: 200px;
	width:100%;
	padding: 0;
	background-color: #6493CB;
}

#Background2 {
	background:  url(images/darfur_2.jpg) no-repeat top center;
	height: 1500px;
	width:100%;
	padding: 0;
}


#mainmenu
{
	float: left;
	text-align: right;
	vertical-align: bottom;
	margin: 0;
	width: 100%;
	background: url(images/TabsBack.gif) repeat-x top left;	
	
} 
#submenu
{
	float: left;
	width: 100%;
height:20px;		/* height of submenu*/
}
#submenuhum
{
	float: left;
	width: 100%;
		/* height of submenu*/
}
#submenunews
{
	float: left;
	width: 100%;
		/* height of submenu*/
}
#submenuabout
{
	float: left;
	width: 100%;
		/* height of submenu*/
}
/* Submenu Color Class*/
.submenuColor1 { background-color: #5A9E5A; }
.submenuColor2 { background-color: #088EA5; }
.submenuColor3 { background-color: #CE794A; }
.submenuColor4 { background-color: #5271B5; }
.submenuColor5 { background-color: #C69E52; }
.submenuColor6 { background-color: #736194; }
.submenuColor7 { background-color: #949E4A; }
.submenuColor8 { background-color: #237EE2; }/* for the search result page*/

#BreadCrumb
{
	text-align:left; 
	margin-left: 160px;
	height: 20px;
}
#BreadCrumb2
{
	text-align:left; 
	padding-left: 20px;
	height: 20px;
}
/* Top and Left Color Class*/
.AroundColor1 {	background-color: #D6E7D6;}
.AroundColor2 {	background-color: #C6E7EF;}
.AroundColor3 {	background-color: #F7DFD6;}
.AroundColor4 {	background-color: #D6DFEF;}
.AroundColor5 {	background-color: #EFE7D6;}
.AroundColor6 {	background-color: #EFD7DE;}
.AroundColor7 {	background-color: #DEE7CE;}

/* Corner Image */
#CornerImg { background-color: #FFF; height: 20px; width:100%; padding: 0; }

.Corner1 { background:  url(images/aboutCornerBack.gif) no-repeat top left; }
.Corner2 { background:  url(images/newsCornerBack.gif) no-repeat top left; }
.Corner3 { background:  url(images/HumanIssuesCornerBack.gif) no-repeat top left; }
.Corner4 { background:  url(images/FundingCornerBack.gif) no-repeat top left; }
.Corner5 { background:  url(images/ToolsCornerBack.gif) no-repeat top left; }
.Corner6 { background:  url(images/GeographyCornerBack.gif) no-repeat top left; }
.Corner7 { background:  url(images/CoordinationCornerBack.gif) no-repeat top left; }

/* Main Layout */

#mainbody
{
    float: left;
    width: 100%;
	height: 100%;
}
#content
{
	margin-left: 144px;
	background-color: #FFF;
	height: 100%;
	padding: 5px 20px 0 20px;
}
#content2
{
	height: 100%;
	padding: 5px;/* TRBL*/
	background: url(/images/bgdshade.jpg) repeat-x bottom left #FFFFFF scroll 0%;
}
.TopPane
{
	width: 100%;
	background-color: #fff;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftmenu
{	
	padding-left: 6px;
}
 
.LeftPane
{
	width: 200px; /* We use 100% for the rightPane to fully expand if there is no data within the Contentpane*/
	background-color: transparent;
	padding-top: 6px;
} 
   
.ContentPane
{
	width: 100%; /* We use 100% for the contentPane to fully expand if there is no data within the rightpane*/
	background-color: #fff;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.ContentPane2
{
	/*width: 45%;*/ /* We use 100% for the contentPane to fully expand if there is no data within the rightpane*/
	background-color: #fff;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
}
.RightPane
{
	width: 200px; /* We use 100% for the rightPane to fully expand if there is no data within the Contentpane*/
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.RightPane2
{
	width: 55%; /* We use 100% for the rightPane to fully expand if there is no data within the Contentpane*/
	background-color: transparent;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
}
.BottomPane
{
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.boxborder
{
padding: 5px;
	border: 1px solid #ccc;
}
.doubleRuleDivider{
margin-top: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc;
background-image:url(images/doubleRule.gif);
background-repeat:repeat-x;
background-color: transparent;
background-attachment: scroll;
background-position: left top;
}
#footer
{
	margin-top: 10px;
	text-align:center;
	background-color: #6394D6;
	color: #C00;
	width: 100%;
}


/* -----------------
Set default font for modules
--------------------
 */
.Normal, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{
    margin: 0;
    padding: 0;
    line-height: 1.1;
	font-family: Verdana;
    font-size: 90%;
}


/* ================================
style for module titles
================================ */
.Head
{
    font-family: Verdana;
    font-size: 100%;
    font-weight: bold;
    color: #305AAE; ; /* letter-spacing: 2; */
}
/* style of item titles on edit and admin pages */
.SubHead    {
    font-size:  85%;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-size:  85%; 
}

/* ===============
button style for standard HTML buttons 
================== */
.StandardButton
{
	font-size: 90%;
}

/* =======================
 HTML Tag Styles 
=========================== */
H1, H2, H3, H4, H5, DT, H6
{
    font-family: Verdana;
	color: #272727;
}
H1
{
    font-size: 150%;
    font-weight: bold;
	
}
H2
{
    font-size: 135%;
    font-weight: bold;
}
H3
{
    font-size: 120%;
    font-weight: bold;
}
H4
{
    font-size: 110%;
    font-weight: bold;
    margin: 2px;
}
H5, DT
{
    font-size: 90%;
    font-weight: normal;
    margin: 0;
}
H6
{
    font-size: 80%;
    font-weight: normal;
    margin: 0;
}

/* =====================================
    CSS STYLES FOR HouseMenu SkinObject
   =====================================
*//*top, right, bottom, left.*/


/* SUB MENU*/	
#HouseMenuNav1, #HouseMenuNav2, #HouseMenuNav3, #HouseMenuNav4, #HouseMenuNav5, #HouseMenuNav6, #HouseMenuNav7
{
    /* submenu wrapper div */
    margin-left: 0;
margin: 0;
} 

#HouseMenuNav1 ul, #HouseMenuNav4 ul, #HouseMenuNav5 ul, #HouseMenuNav6 ul, #HouseMenuNav7 ul
{
    text-align: center;
	margin: 0;
	 
	
}
#HouseMenuNav2 ul, #HouseMenuNav3 ul
{
margin: 0;
}
#HouseMenuNav1 ul
{
    background-color: #5A9E5A;
}
#HouseMenuNav2 ul
{
    background-color: #088EA5;
}
#HouseMenuNav3 ul
{
    background-color: #CE794A;
}
#HouseMenuNav4 ul
{
    background-color: #5271B5;
}
#HouseMenuNav5 ul
{
    background-color: #C69E52;
}
#HouseMenuNav6 ul
{
    background-color: #736194;
}
#HouseMenuNav7 ul
{
    background-color: #949E4A;
}

#HouseMenuNav1 li, #HouseMenuNav4 li, #HouseMenuNav5 li, #HouseMenuNav6 li, #HouseMenuNav7 li
{
    display: inline;
padding: 2px 2px 0 0;
}
#HouseMenuNav3 li ,#HouseMenuNav2 li
{
display: inline;
float: left;
}

#HouseMenuNav1 li a:link, #HouseMenuNav1 li a:visited, #HouseMenuNav4 li a:link, #HouseMenuNav4 li a:visited, #HouseMenuNav5 li a:link, #HouseMenuNav5 li a:visited, #HouseMenuNav6 li a:link, #HouseMenuNav6 li a:visited, #HouseMenuNav7 li a:link, #HouseMenuNav7 li a:visited
{
	color: #FFF;
	text-decoration: none;
	padding: 1px 1em;
	border-right: 1px solid #FFF;
	font-size: 75%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#HouseMenuNav3 li a:link, #HouseMenuNav3 li a:visited, #HouseMenuNav2 li a:link, #HouseMenuNav2 li a:visited
{
	color: #FFF;
	text-decoration: none;
/*	padding-left: 3px;
	padding-right: 3px;*/
	padding: 1px 1em;
	border-right: 1px solid #FFF;
	font-size: 75%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;	
	white-space : nowrap;
}

#HouseMenuNav1 li a:hover,#HouseMenuNav2 li a:hover, #HouseMenuNav3 li a:hover, #HouseMenuNav4 li a:hover, #HouseMenuNav5 li a:hover, #HouseMenuNav6 li a:hover, #HouseMenuNav7 li a:hover
{
    color: #333;
}


/*LeftMenu setting*/   /* Vertical Menu */ /*top, right, bottom, left.*/
#leftmenuDiv
{
	float: left;
	width: 141px;
padding-left: 6px;
}
ul#leftmenuV
{
margin: 0 0 0 0px;
padding: 0;  
    list-style: none;
}

#leftmenuV li
{
    /* all list items */ /* -- Border around each menu item -- */
    list-style: none;
	   margin-left:0;
   padding-left:0; 
}
#leftmenuV li a:link, #leftmenuV li a:visited
{	/* main colour of the menu */

	/*display: block;
	line-height : 12px;
	padding-bottom: 10px;
	   margin-left:0;
   padding-left:0; 
	color: #666;
	text-decoration: none; 
	font-size: 75%;
	font-weight: bold;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	margin: 0;
	width: 100%;
	display: block;
	padding: 2px 0px 5px 1px;/*top, right, bottom, left.*/
	color: #333333;
	text-decoration: none; /* added for opera */
	font-size: 75%;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
}
#leftmenuV li a:hover
{
    color : #000;
}
#leftmenuV ul ul /* second level menu items */
{    
    /*margin-left: 12px;*/
}
#leftmenuV ul ul li
{
    margin: 0; /* remove the bullets from the sub menu */
    list-style: none;
}
#leftmenuV ul ul li a:link, #leftmenuV ul ul li a:visited
{
    color: #666;
	font-size: 70%;
}
#leftmenuV ul ul li a:hover
{
    color : #000;
}
#leftmenuV li a.active
{
	color:#FF0000;
	   margin-left:0;
   padding-left:0; 
}
#leftmenuV iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	display: block;
}

/*TopBar setting*/    /*top, right, bottom, left.*/

.loginClass
{
	text-decoration: none;
	color: #E6E6E6;
	font-weight: bold;
}
/* This sets the style for all skin items that are links */
A.loginClass:link, A.loginClass:visited, A.loginClass:active
{
    text-decoration: none;
    color: #E6E6E6;
	font-weight: bold;
	
}
A.loginClass:hover
{   
    color: #CCCCCC;
	font-weight: bold;
}

.PageTitleClass 
{
	color: #8CBDF0; 
	font-family: Arial,Helvetica,sans-serif; 
	font-size:120%;
	font-weight : bold;
}


.SearchField
{ 
    font-weight:bold;
    font-size:90%;
    vertical-align: middle; 
    line-height:15px;
    white-space: nowrap;
    color:#305AAE;
	font-weight:bold;
}

/* ------------------------
Links format added for opera browser
----------- */
.Normal A:link, .Normal A:visited, .Normal A:active
{
    text-decoration: none;
   /* color: #0000CC;*/
	color: #296AB3;
}
.Normal A:hover
{
    text-decoration: underline;
    color: #EC0000;
}

/* This is the Date eg. any items that are not links */
.SkinItem
{
	text-decoration: none;
	color: #FFF;
	font-size: 80%;
}
/* This sets the style for all skin items that are links */
A.SkinItem:link, A.SkinItem:visited, A.SkinItem:active
{
    text-decoration: none;
    color: #FFF;
}
A.SkinItem:hover
{
    text-decoration: underline;
    color: #8CBDF0;
}

/*-- breadcrumbs token idle            --*/ 
.BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active 
{ 
	color: #305AAE; 
	font-size: 70%; 
	padding: 0 1px 0 1px; /*top, right, bottom, left.*/
	/*font-family: Arial,Helvetica,sans-serif;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none; 
}
/*-- breadcrumbs token hover           --*/ 
a.BREADCRUMBS_object:hover 
{ 
	color: #444; 
	font-size: 70%; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none; 
}


/* Layouts for the fckeditor module */
/*aligning to left*/

.clear
{
    clear: both;
}

.quoteleft
{
	font:italic 105% Verdana;
	padding: 0 10px 0 0;
	margin: 10px 10px 10px 0;
	width: 220px;
	float: left;
	text-align: right;
}

.quoteright
{
	font: italic 105%, Verdana;
	padding: 0 10px 0 0;
	margin: 10px 10px 10px 0;
	width: 220px;
	float: right;
	text-align: left;
}
.searchfield, a.searchfield:link, a.searchfield:visited, a.searchfield:active{
color:#FFFFFF;
}
a.searchfield:hover 
{ 
	color: #B0D0FF; 
	text-decoration: none; 
}
.mockuphome{
font-size: 14px;
color: #fff;
padding-right: 100px;
}
.moduletitle{
font-family: Verdana;
color: #272727;
font-size: 12px;
font-weight: bold;
}
.LinksDesignTable a:link, .LinksDesignTable a:visited{
color: #0000CC;
}
.LinksDesignTable a:hover{
text-decoration: underline;
color: #ff0000;
}
#it{
height: 20px;
width: 100%;
background-image:url(images/bannershade.jpg);
}
#it2{
height: 20px;
width: 100%;
background-image:url(/images/bannershade.jpg);
}
/*for mockup*/
#bluecontentbox{
border:#d4e2ed 1px solid;
margin:1em;
padding:1em 0.7em 1em 0.7em;
background:  url(images/blockquotegrad.jpg) repeat-x top left #f3f8fc;
}
#bodywrap {
	background: url(images/bgdshade.jpg) repeat-x bottom left #FFFFFF scroll 0%;
}
#footer_new{
background:  url(images/footer_bg.jpg) repeat-x top left;
}
.newloginClass{
padding-right:1px;
}

a.newloginClass:link, a.newloginClass:visited, a.newloginClass:active {
color: #235C9C;
}
a.newloginClass:hover{
color: #2B6AB3;
}
#socialmedia{
float:right;
padding-top: 10px;
z-index:10;
}
hr {border: none 0;
border-top: 1px solid #e0e0e0;/*the border*/
width: 50%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
text-align:center; /*this will align it for IE*/
margin: auto auto; /*this will align it right for Mozilla*/

} 
img {
border: 1px solid #999;
}