/****** Reset ******/
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; }
ol, ul { list-style: none; }
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; }

/***** Common *****/
body {
	background-color: #003D64;
}

body, div, p, td, input, select, textarea {
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 11px;
	color: #000000;
	line-height: 1.3em;
}

hr {
    border: 0;
    color: #CCCCCC;
    background-color: #CCCCCC;
    height: 1px;
    width: 100%;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4
{
    font-family: Arial, Tahoma, Sans-Serif;
}

h2 
{
    padding: 7px 0;
    border-bottom: solid 1px #B0ADAD;
    font-size: 16px;
    font-weight: bold;
    color: #003D64;
}


a,
a:link,
a:active,
a:visited {
    color: #000000;
}

a:hover {
    text-decoration: underline;
}

br.clear { 
    clear: both; 
    line-height: 0;
    font-size: 0;
}

ul
{
    list-style-type: square;
    margin: 10px 0;   
}

ul li 
{
    margin: 2px 0 2px 18px;
}

ol 
{
    list-style-type: decimal;
    margin: 10px 0;  
}

ol li 
{
	margin: 0 0 7px 28px;
	list-style-type: decimal;
}

p 
{
    padding: 10px 0;
}

ul.HorizontalMenu li {
	display: inline;
	list-style-type: none; 
	padding: 0 5px 0 4px;
	margin: 0;
}

ul.LinkGroup,
ul.LinkGroup  li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

img {
    border: 0;
}

img.PictureLeft {
    float: left; padding: 0 10px 0 0;
}

img.PictureRight {
    float: right; padding: 0 0 10px 10px;
}

.ImgBorder {
	margin: 5px;
	padding: 5px;
	border: 1px dotted #CCCCCC;
	width: 120px;
}

/****** Layout ******/
div#Wrapper {
	width: 792px;
	margin: 0 auto;
    background: #889FAF;
    padding-bottom: 11px;
    margin-bottom: 10px;
}

div#Header {
	margin: 0 auto;
	height: 196px;
	width: 770px;
	background: #FFFFFF;
}

div#Header h1 {
	float: left;
	padding: 0;
	margin: 0;
}

div#Header h1 a {
	background: url("Layout/Logo.gif") no-repeat;
	width: 188px;
	height: 97px;
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-indent: -1000px;	
}

div#TopPicturePanel
{
    float: left;
    width: 434px;
    height: 254px;
}

div#TopBannerPanel
{
    float: right;
    width: 336px;
    height: 107px;
}

div#TopContentPanel
{
    float: right;
    width: 336px;
    height: 147px;
    background: url("Layout/TopContentBg.gif");
}

div#TopContent
{
    padding: 30px 10px 10px 80px;
}

div#Banners
{
	margin: 0 auto;
	width: 770px;
}

div#Columns
{
	margin: 0 auto;
	width: 770px;
    border-top: solid 10px #FFFFFF;
    background: url("Layout/ColumnsBg.gif");
    clear: both;
}

div#ColumnAlfa
{
    float: left;
    width: 200px;
}

div#ColumnBeta
{
    float: right;
    width: 570px;
}

div#Content 
{
    padding: 0 10px 10px 10px;
}

div#Content p 
{
}

/****** Sevices Menu ******/
ul#ServicesMenu 
{
    float: right;
	margin: 0;
	padding-top: 64px;
	list-style-type: none;
}

ul#ServicesMenu li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#ServicesMenu li a {
	display: block; 
	text-decoration: none; 
	text-indent: -1000px;
}

a#ctl00_HomePageLink { background: url("Layout/ServicesMenu/HomePage.gif"); width: 111px; height: 33px; }
a#ctl00_SiteMapLink { background: url("Layout/ServicesMenu/SiteMap.gif"); width: 111px; height: 33px; }
a#ctl00_ContactLink { background: url("Layout/ServicesMenu/Contact.gif"); width: 113px; height: 33px; }

/***** Main Menu *****/
div#MainMenuPanel 
{
    height: 99px;
	background: url("Layout/MainMenuBg.gif"); 
}

ul#MainMenu {
	float: left;
	margin: 0;
	padding: 0;
}

ul#MainMenu li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

ul#MainMenu li a { 
	display: block; 
	text-decoration: none; 
	text-indent: -1000px;
}

/*
ul#MainMenu li a:hover,
ul#MainMenu li a.Active { 
	background-position: 0 -99px; 
}
*/

a#ctl00_AboutUsLink { background: url("Layout/MainMenu/AboutUs.gif"); width: 119px; height: 99px; }
a#ctl00_ServicesLink { background: url("Layout/MainMenu/Services.gif"); width: 185px; height: 99px; }
a#ctl00_PartnersLink { background: url("Layout/MainMenu/Partners.gif"); width: 196px; height: 99px; }
a#ctl00_NewsLink { background: url("Layout/MainMenu/News.gif"); width: 105px; height: 99px; }
a#ctl00_InteractiveLink { background: url("Layout/MainMenu/Interactive.gif"); width: 116px; height: 99px; }

/****** Content Menu ******/
ul.ContentMenu,
ul.ContentSubMenu
{
    list-style-type: none;
    font-family: Arial, Tahoma, Sans-Serif;
    font-size: 12px;
    margin: 5px;
    
}

ul.ContentMenu li
{
    margin: 4px;
}

ul.ContentSubMenu li
{
    margin: 2px; 
}

ul.ContentMenu li a,
ul.ContentMenu li a:link,
ul.ContentMenu li a:active,
ul.ContentMenu li a:visited
{
    font-weight: bold;
    color: #62737D;
    background: url("Layout/ContentMenuArrow.gif") no-repeat 0 4px;
    padding-left: 8px;
    text-decoration: none;
}

ul.ContentSubMenu li a,
ul.ContentSubMenu li a:link,
ul.ContentSubMenu li a:visited,
ul.ContentSubMenu li a:active
{
    font-weight: normal;
    color: #000000;
    background: none;
    padding-left: 0;
}

div.BannerBox
{
    margin-bottom: 5px;
    border-top: solid 1px #B0ADAD;
    border-bottom: solid 1px #B0ADAD;
}

div.ColumnBox h3
{
    text-indent: -1000px;
}

div.ColumnBox h4
{
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px 5px 0 5px;
}

div.ColumnBox p
{
    padding: 5px 5px 10px 5px;
}

h3#NewsHeader { background: url("Layout/Headers/News.gif"); width: 200px; height: 29px; }
h3#AnnouncementsHeader { background: url("Layout/Headers/Announcements.gif"); width: 200px; height: 29px; }
h3#ForHealthHeader { background: url("Layout/Headers/ForHealth.gif"); width: 200px; height: 29px; }
h3#ServicesHeader { background: url("Layout/Headers/Services.gif"); width: 200px; height: 29px; }
h3#CampaignsHeader { background: url("Layout/Headers/Campaigns.gif"); width: 200px; height: 29px; }
h3#InteractiveHeader{ background: url("Layout/Headers/Interactive.gif"); width: 200px; height: 29px; }
h3#InstitutionalHeader{ background: url("Layout/Headers/Institutional.gif"); width: 200px; height: 29px; }

div.ContentBox
{
    margin-bottom: 10px;
    width: 270px;
    border: solid 1px #B0ADAD;
}

div.ContentBox img
{
    float: left;
    padding: 3px;
}

div.ContentBox h4
{
    margin: 6px 0;
    font-size: 1.2em;
    font-weight: bold;
    color: #003D64;
}

div.ContentBox p
{
    float: left;
}


div.Left
{
    float: left;
    margin-right: 6px;
}

div.Right
{
    float: left;
}

a.Button {
	color:#333333;
	font-size:0.9em;
	font-weight:bold;
	padding:3px 3px 3px 20px;
	text-decoration:none;
	background-color: #EEEEEE;
	background-position:3px 50%;
	background-repeat:no-repeat;
	border:2px solid #CCCCCC;
}

a.Icon 
{
    text-decoration: none;
    text-indent: -2000px;
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}

/***** Panels ****/
.GenericFormPanel .Label,
.GenericFormPanel .Input
{
    padding: 3px 5px;
}

.GenericFormPanel .Label
{
    font-weight: bold;
}

/* Data List */
.DataList {
	text-decoration: none;
	width:100%;
}
.DataList tr.head td {
	font-weight: bold;
	padding: 2px 4px;
	border-bottom: solid 2px #999999;
}

.DataList tr.item td {
	padding: 2px 4px;
	border-bottom: solid 1px #cccccc;
	background: #eeeeee;
}

.DataList tr.footer td {
	padding: 12px 0 7px 0;
	border-bottom: solid 1px #cccccc;
}

/***** Common Messages *****/
.PositiveMessage 
{
    display: block;
    padding: 5px 10px;
    margin: 5px 0;
    color: #669966;
    background: #EEFFEE;
    font-size: 1.3em;
    font-weight: bold;
}

.ValidationSummary ul li,
.NegativeMessage 
{
    color: #EE6666;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 3px;
}

.NegativeMessage 
{
    display: block;
    padding: 5px 10px;
    margin: 5px 0;
    background: #FFEEEE;
}

h3.RegisterTitle {
	margin: 0 0 10px 0;
	padding: 4px;
	background: #62737D;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
/***********************************************************************************************/

/* Icons */
.Edit { background-image: url("../../Content/Images/Icons/Edit.gif"); }
.Delete { background-image: url("../../Content/Images/Icons/Delete.gif"); }
.Active { background-image: url("../../Content/Images/Icons/Active.gif"); }
.Passive { background-image: url("../../Content/Images/Icons/Passive.gif"); }
.Back { background-image: url("../../Content/Images/Icons/ArrowLeft.gif"); }
.Next { background-image: url("../../Content/Images/Icons/ArrowRight.gif"); }
.Up { background-image: url("../../Content/Images/Icons/ArrowUp.gif"); }
.Down { background-image: url("../../Content/Images/Icons/ArrowDown.gif"); }
.Read { background-image: url("../../Content/Images/Icons/Read.gif"); }
.NotRead { background-image: url("../../Content/Images/Icons/NotRead.gif"); }
.Send { background-image: url("../../Content/Images/Icons/Send.gif"); }
.AddMessage { background-image: url("../../Content/Images/Icons/AddMessage.gif"); }
.Male { background-image: url("../../Content/Images/Icons/Male.gif"); }
.Female { background-image: url("../../Content/Images/Icons/Female.gif"); }
.Send { background-image: url("../../Content/Images/Icons/Send.gif"); }
.Magnifier { background-image: url("../../Content/Images/Icons/Magnifier.gif"); }
.Calendar { background-image: url("../../Content/Images/Icons/Calendar.gif"); }
.Search { background-image: url("../../Content/Images/Icons/Search.gif"); }
.Close { background-image: url("../../Content/Images/Icons/Close.gif"); }
.NewMessage { background-image: url("../../Content/Images/Icons/NewMessage.gif"); }
.Transmit { background-image: url("../../Content/Images/Icons/Transmit.gif"); }
.Add { background-image: url("../../Content/Images/Icons/Add.gif"); }
.Update { background-image: url("../../Content/Images/Icons/Update.gif");}
.UserMale {background-image: url("../../Content/Images/Icons/UserMale.gif");}
.UserFemale {background-image: url("../../Content/Images/Icons/UserFemale.gif");}
.Display { background-image: url("../../Content/Images/Icons/Display.gif"); }
.DisplayShow { background-image: url("../../Content/Images/Icons/DisplayShow.gif"); }
.Anchor { background-image: url("../../Content/Images/Icons/Anchor.gif");}
.Relate { background-image: url("../../Content/Images/Icons/Relate.gif");}