﻿@import url("css/menu.css");

/*	
	Colour Swatches
	-----------------------------------------------
	                Base       Tint		    Highlight
	===============================================
    Cyan:           #00aef0    #8addf9		#eff9fd
	Magenta:        #ec008c    n/a
	Cyan border:	#abe1fa
	Main Text:	    #4e4e4e    n/a
	Search Text:    #888888    n/a
	Footer Text:    #666666    n/a
	Solid border:   #b7b7b7	   n/a
	Dashed border:  #666666    n/a

	Measurements
	-----------------------------------------------
	Page container: 950px	
*/

a
{
    outline: 0;
}

#dnn_admin_menu1_ctladmin_menu1, #dnn_admin_menu2_ctladmin_menu2
{
    outline: none;
}

.SocialBookmarks
{
    margin-right: 5px;
    vertical-align: middle;
}

.RTE-Body
{
    background-color: #ffffff;
    background-image: none;
}
body
{
    font-family: Arial, Helvetica, Sans-Serif;
    background-color: #eff9fd;
    background-image: url("body-bg.gif");
    background-position: right top;
    background-repeat: repeat-x;
    color: #4e4e4e;
    margin: 0px;
    padding: 0px;
}
form
{
    text-align: center;
}

p, h1, h2, h3
{
    margin: 0px;
}
p, ul, ol
{
    font-family: Arial, Helvetica, Sans-Serif;
    color: #4e4e4e;
    font-size: 12px;
    padding-top: 0px;
    padding-bottom: 8px;
}
h1, .Head
{
    font-family: Arial, Helvetica, Sans-Serif;
    color: #4e4e4e;
    font-weight: bold;
    font-size: 19px;
    padding-top: 8px;
    padding-bottom: 0px;
}
h2, .BlueHead
{
    font-family: Arial, Helvetica, Sans-Serif;
    color: Black; /*text-transform: capitalize;*/
    font-weight: bold;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 0px;
}
h3
{
    font-family: Arial, Helvetica, Sans-Serif;
    color: #4e4e4e; /*text-transform: uppercase;*/
    font-weight: bold;
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 0px;
}
h6
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0px;
    margin-top: 3px;
    padding: 0px;
}
ul, ol
{
    padding: 0px;
    margin-left: 35px;
    margin-top: 0px;
    margin-bottom: 0px;
}
li, ul li
{
    padding-top: 0px;
    padding-bottom: 5px;
    margin: 0px;
    list-style-type: disc;
}
ol li
{
    padding-top: 0px;
    padding-bottom: 5px;
    margin: 0px;
}

.SearchResultsUrl
{
    font-size: 8pt;
    color: #999999;
}
.SearchResultsNone
{
    padding-left: 5px;
    font-size: 16px;
}

/* Page Container */
#pageContainer
{
    width: 950px;
    margin: 0 auto;
    height: 100%;
    text-align: left;
}
#main a, #main a:link
{
    color: #00aef0;
    text-decoration: underline;
    font-size: 12px;
    white-space: nowrap;
    font-weight: normal;
}
#main a:hover
{
    /*background: #4e4e4e;*/
    text-decoration: none; /*color: #fff;*/
    font-weight: normal;
}
#main h2 a, #main h2 a:link
{
    color: Black;
    text-decoration: none;
    font-size: 14px;
    white-space: normal;
    font-weight: bold;
}
#main h2 a:hover
{
    color: Black;
    text-decoration: none;
    background-color: Transparent;
    font-weight: bold;
}
a img
{
    border: none;
}

/* Admin Section */
#admin
{
    padding-top: 8px;
    padding-bottom: 8px;
}
#admin a, #admin a:link, #admin a:hover
{
    text-decoration: none;
    background-color: Transparent;
    margin-left: 10px;
}
#admin_menu
{
    padding-top: 6px;
    padding-bottom: 12px;
    vertical-align: top;
}

/* Search */
.search-form
{
    border: 1px solid #abe1fa;
    float: right;
    text-align: right;
    background: #fff;
}
.search-form .NormalTextBox
{
    border-width: 0px;
    height: 16px;
    padding: 4px 5px 5px;
    margin: 0px;
    width: 120px;
    color: #888;
    font-size: 14px;
    vertical-align: top;
}
.search-form img
{
    border: none;
    border-style: none;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}

/* Header */
#header
{
    background-color: White;
    padding: 10px;
    padding-bottom: 5px;
}
#header .inner
{
    height: 65px;
    background-color: #00aef0;
    background-image: url("unicef-logo.gif");
    background-position: top left;
    background-repeat: no-repeat;
    color: #fff;
}

/* Footer */
#footer
{
    clear: both;
    font-size: 11px;
    border-top: 1px dotted;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
}
#footer p
{
    padding-top: 8px;
}
#footer a, #footer a:link
{
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    color: #000000;
}
#footer a:hover
{
    margin: 0px;
    padding: 0px;
    text-decoration: underline; /*background: #666666;     color: White;*/
}

/* Content Divs */
#main
{
    background-color: White;
}
#left
{
    float: left;
    width: 225px;
    margin-left: 10px;
}
#left h2
{
    color: #666666;
}
#left #dnn_LeftPane
{
    margin-top: 0px;
}
#left #dnn_LeftPane a, #left #dnn_LeftPane a:link
{
    color: #44c8f5;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
}
#left #dnn_LeftPane a:hover
{
    background: none;
    color: #ec008c;
}
#right
{
    float: left;
    width: 695px;
    margin-left: 10px;
}

/* Panes */
.PicturePane
{
    width: 695px;
}
.RightPane
{
    width: 225px;
}
.RightPane a
{
    width: 220px;
    overflow: hidden;
}
.BottonLeftPane
{
    width: 687px;
}
.BottomRightPane
{
    width: 220px;
}
.HomeContentPane
{
    width: 695px;
}
.ContentPaneSmall
{
    width: 229px; /*border-right: 1px dotted #666666;*/
}
.ContentPaneSmallNoBorder
{
    width: 229px;
}
.ArticleContentPane
{
    width: 450px;
}
.AdminContentPane
{
    width: 930px;
}

/* Admin Skin */
.full
{
    margin-left: 10px;
    margin-right: 10px;
}

/* Containers */
.c_admin
{
    margin-top: 10px;
    margin-bottom: 10px; /*padding-top: 5px;*/
}
.c_newsitem
{
    border-top: dotted 1px #666666;
    margin-bottom: 10px;
}
.c_newsitem img, .c_notitle img
{
    margin-top: 10px;
    margin-right: 10px;
}
.c_notitle
{
    margin-bottom: 10px;
}
.c_picture
{
    margin-bottom: 11px;
}

/* Login / Logout */
.dnnLogin
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #666666;
    cursor: pointer;
    margin-left: 5px;
}

/* Breadcrumb */
.dnnBreadcrumb
{
    padding-top: 4px;
    padding-bottom: 7px;
    border-top: dotted 1px #666666;
    border-bottom: dotted 1px #666666;
}
.dnnBreadcrumb a
{
    font-weight: normal;
}
.dnnBreadcrumb span.SkinObject
{
    font-size: 12px;
    font-weight: normal;
    color: #666666;
}

#main a.donatebutton, #main a.donatebutton:link
{
    /*background-color: #00aef0;*/
    background-image: url('donate-button.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    width: 150px;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
    font-weight: bold;
    padding: 8px 42px 15px 38px;
    line-height: 35px;
    text-align: center; /*border: 1px solid Black;*/
}
#main a.donatebutton:hover
{
    text-decoration: underline;
    font-weight: bold;
}

#main h6 a, #main h6 a:link
{
    color: Black;
    text-decoration: none;
    font-size: 12px;
    white-space: normal;
}

#main h2.Header2Blue a, #main h2.Header2Blue a:link, #main h6.Header2Blue a, #main h6.Header2Blue a:link
{
    color: #00aef0;
}

#main h2.Header2White a, #main h2.Header2White a:link, #main h6.Header2White a, #main h6.Header2White a:link
{
    color: White;
}
