/*--------------------layout---------------------*/
* {margin:0;padding:0}
form {text-align: center;}
#wrapper { width: 900px; background: #fff; border: solid 1px White; margin: 10px auto; text-align: left;}
#Main {	clear:both; margin: 0; overflow:hidden;}
#Header, #Footer {clear:both; position:relative;  height:130px;}
#Search { position:absolute; display:none; right:10px; top:100px;}
#TopNavigation { visibility:hidden; position:relative; width:708px; left:182px;}
	
/* CUSTOM ATTRIBUTES */
#pageSection1 { position:relative; height:182px; clear:both; top:10px;}/* SUBMENU */
#TopHSplit { position:relative; clear:both; height:15px; margin-bottom:10px; background-image:url(Images/Common/lineshadow.gif); background-color:#808080; background-repeat:repeat-x;}
#TopH1Text { position:relative; left:10px; width:698px; clear:both; margin-top:10px; color: #1d1d1d; line-height: normal; font-family: Arial, Tahoma; letter-spacing: normal; text-align: left; font-size:1.7em; color:#282777;}
#pageBG { z-index:50; clear:both; background-color:White;}
#pageSection2 { position:relative; clear:both; width:880px; min-height:400px; top:0px; left:10px; border: solid 0px red; background-image:url(Images/Common/greymenu.gif); background-repeat:repeat-y; }/* SUBMENU */
#pageSection3 { position:relative; float:right; background-color:White; width:708px; border: solid 0px Yellow;}/* CONTENT */
#areaPhoto1 { position:relative; float:left; left:10px; height:162px; width:162px; background-color:White;}
#areaPhoto2 { position:relative; float:right; right:10px; height:162px; width:708px;}
#siteMapLost { position:absolute; top:0px; right:0px;}

/* HOMEPAGE ONLY */
.TopHPText { position:relative; left:10px; top:10px; clear:both; line-height: normal; font-family: Arial, Tahoma; letter-spacing:normal; font-weight:bold; text-align: left; font-size:11pt; color:#282777;}
.ViewAll { position:absolute; visibility:hidden; bottom:10px; left:10px; clear:both; line-height: normal; font-family: Arial, Tahoma; letter-spacing: normal; font-weight:normal; text-align: left; font-size:8pt; color:#3c3c3c; }
#pageSectionHome1 { position:relative; height:211px; margin-top:10px;}/* TOP */
#pageSectionHome2 { position:relative; height:277px; clear:both; background-color:White; width:880px; top:0px; left:10px; border: solid 0px red;}/* TOP */
#SectionHome1 { position:absolute; background-color:#e1e1e1; top:0px; left:0px; height:277px; width:418px;}
#SectionHome2 { position:absolute; background-color:#e1e1e1; top:0px; left:428px; height:277px; width:221px;}
#SectionHome3 { position:absolute; background-color:#e1e1e1; top:0px; left:659px; height:277px; width:221px;}
#areaPhotoHome { position:relative; float:right; right:10px; height:201px; width:880px;}
/* END SECTION */


#subNavMenu { position:relative; top:0px; float:left; right:0px; width:162px; background-color:#e1e1e1; }
#mainContentHeader {  height:24px; background-color:#e1e1e1;}
#printEmail { position:absolute; top:0px; vertical-align:top; right:5px;}
#mainContent { position: relative; height: expression( this.scrollHeight < 400 ? "400px" : "auto" ); /* sets min-height for IE */
    margin-bottom:60px; margin-top:10px;  top: 0px; left: 10px; min-height: 400px;  width: 678px; border: solid 0px #cccccc;
    /* background-image: url(./images/boxesBGtop.gif); background-repeat: repeat-x; background-position: top; */
    } /* padding-left:10px; padding-right:10px; */

#level4Menu{ position:absolute; top:80px; left:20px; z-index:1000;}
/*--------------------style---------------------*/
body {	font-family:Arial, Tahoma; font-size: 12px; background: #333333; text-align:left; margin:0; padding:0;}
#Header { background-image:url(Images/Common/ViTALUHeader.jpg); background-repeat:no-repeat; margin-top: 0px;}
#Header h1 { font-family: Georgia;	font-size: 35px; color: #fff; margin: 0 10px;}
#TopNavigationCenter { background-color:#404040;}
#TopNavigation {z-index:1; padding: 0px 0px;	}
#TopNavigation:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#TopNavigation {display: inline-block;}
/* Hides from IE-mac \*/
* html #TopNavigation {height: 1%;}
#TopNavigation {display: block;}
/* End hide from IE-mac */
#TopNavigation a {font-size: 10px; font-family:Arial, Tahoma; text-decoration: none;}
#TopNavigation a:hover {}
#Main {	font-size: 14px; line-height: 150%;	
	}
#Main h2 {color: #65653f;}

#Footer { position:relative; clear:both; background-image:url(Images/Common/lineshadow.gif); background-repeat:repeat-x; background-color:#808080;  font-size: 11px; margin-top: 10px; padding: 0 10px;}
#FooterContents {position:absolute; top:23px; width:100%;}
#CopyrightInfoViTAL {position:relative; color:#e1e1e1; top: 30px! important; }
.lstyle1 { FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif }
.ImgLeft { float:left;}
.ImgRight { float:right;}
.ImgInline {}
.HeaderNorm { font-weight:bold; font-size: 12pt; vertical-align: top; color:#3c3c3c; line-height: normal; font-family: Arial, Tahoma; letter-spacing: normal; text-align:left;}
.SubHeaderNorm { font-weight: normal; font-size: 11pt; vertical-align: top; color:#3c3c3c; line-height: normal; font-family: Arial, Tahoma; letter-spacing: normal; text-align:left;}
.BodyNorm { font-weight: normal; font-size: 11pt; vertical-align: top; color:#3c3c3c; line-height: normal; font-family: Arial, Tahoma; letter-spacing: normal; text-align:left;}
.listNorm li
{
    list-style-type:disc;
	padding-left:10px;
	text-indent: 1em;

    }

a:link {	color: #282777; font-weight:bold; text-decoration: none;}
a:hover { color: #282777; font-weight:bold; text-decoration: underline;}
#mainContent a:visited { color:#cc739c; font-weight:bold; text-decoration: none;}
#SectionHome2 a:visited, #SectionHome2 a:link, #SectionHome2 a, 
#SectionHome1 a:visited, #SectionHome1 a:link, #SectionHome1 a 
{ color:#3c3c3c; font-weight:bold; text-decoration: none;}

#SectionHome2 a:hover, #SectionHome1 a:hover { text-decoration: underline;}

.greyLink {color: #3c3c3c; font-weight:bold; text-decoration: none;}
.greyLink a:hover{color: #3c3c3c; font-weight:bold; text-decoration:underline;}

.gallery { width: 80px;	height: 80px; float: left; display: block;}

H1{ font-weight: normal; font-size: 18px; vertical-align: top; color: #1d1d1d; line-height: normal; font-family: Arial, Tahoma; letter-spacing: normal; text-align: left;}
H2{ font-weight: normal; font-size: 14px; vertical-align: top; color: #1d1d1d; line-height: normal; font-family: Arial, Tahoma; letter-spacing: normal; text-align: left;}
H3{ font-weight: normal; font-size: 11px; vertical-align: top; color: #1d1d1d; line-height: normal; font-family: Arial, Tahoma; letter-spacing: normal; text-align: left;}
H4{ font-weight: normal; font-size: 11px; vertical-align: top; color: #1d1d1d; line-height: normal; font-family: Arial, Tahoma; letter-spacing: normal; text-align: left;}

/******************************************************/
.inputs
{
padding-top: 24px;
}
.label
{
width: 100px;
float: left;
height: 26px;
}
br
{
clear:both;
}
.wizardContainer
{
font: bold 11px Arial, Verdana, Sans-serif;
color: #fff;
}
.wizardTextBox
{
border: 0;
background-color: #ebe2b7;
width: 200px;
color: #96511d;
font-size: 11px;
padding:3px 4px;
}
.mainCell
{
height: 197px;
width: 448px;
background: transparent url(Images/Common/WizardLogin/middleBg.gif);
}
.mainCell select
{
font: normal 11px Arial, Verdana, Sans-serif;
background-color: #ebe2b7;
}
.WizardButton
{
width: 119px;
height: 24px;
background: transparent url(Images/Common/WizardLogin/WizardButton.gif) no-repeat;
border: 0px;
color: white;
font-weight: bold;
font-size: 11px;
margin-left:104px;
}
/***************************************************/
.listNorm li
{
    list-style-type:disc;
    
	
	padding-left:10px;
	text-indent: 1em;

    }
/*	
li
{
    display: block;
    content: "\00BB \0020";
    list-style-type: disc;

    margin:0;
    padding:0;
	color: #339;
	font-weight: bold;
 }*/
/*-------------------------------------PollBox---------------------------------*/
.PollBox {
    font-size: 1.0em;
    margin: 0;
    background: transparent;
    width: 200px;
    padding: 10px;
    }
.PollBox fieldset {
    border: 0;      
    padding: 0;
    margin: 10px 0 10px 0;        
    }
.PollBox h4 {
    font-size: 1.3em;
    padding:0;
    margin: 0;
    }
.PollBox fieldset h5 {
    font-size: 1.0em;
    font-weight: bold;
    color: #000;
    margin: 0 0 5px 0;        
    }
.PollBox fieldset span {
    display: block;
    margin: 0;
    font-size: 1.0em;
    color: #000;
    line-height: 1.6em;
    }
.PollBox fieldset span label {
    display: inline;
    font-weight: normal;    
    }
.PollBox a {
    float:right;
    margin-top: -16px;
    }
.PollBox span {
    color: #999;
    font-size: 0.9em;
    }
.PollBox span.validator {
    color: red;
    display: block;
    margin-bottom: 10px;
    }
    
/*----------newslist-----------*/
		.newslist {
			list-style:none;
			margin:0;
			padding:0;
			}
		.newslist li {
			margin-bottom: 20px;
			border-bottom: 1px dashed #ededed;
			}
		.newslist p.summary {
			margin:0;
			font-size: 0.9em;
			}
		.newslist h4, .newslist h5 {
			margin: 0;
			padding: 0;
			font-size: 1.0em;			
			}
		.newslist h5 {
			font-weight: normal;
			}
		.newslist span.date {
			font-style: italic;
			font-size: 0.8em;
			}
		.newslist a.more {
			font-size: 0.8em;
			}

		/*---------singlenews---------*/

		.singlenews h2 {
			font-size: 1.5em;
			margin-bottom: 0;
			}		
		.singlenews h3 {
			margin: 0;
			padding: 0;
			font-weight: normal;
			font-size: 0.9em;
			}		
		.singlenews span.date {
			font-style: italic;
			font-size: 0.8em;
			line-height: 3em;			
			}
		.singlenews p.summary {
			font-weight: bold;
			font-size: 0.9em;
			}
		.singlenews div.newsbody {
			margin-top: 20px;
			font-size: 0.9em;
			}
		.related h3 {
			font-size: 1.2em;
			margin-top: 30px;
			margin-bottom: 10px;
			}
		.related h4 {
			margin: 0 0 10px 0;
			font-size: 1.0em;			}
		.related ul {
			margin:0 0 20px 0;
			padding:0;						
			}
		.related li {
			padding: 0 0 0 0;
			margin-left: 20px;
			}
		.related li.more {
			font-size: 0.8em;
			line-height: 2.5em;
			list-style-type: none;
			}
/*Error*/
.mess {
	width: 500px;
	height: 300px;	
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-250px;
	margin-top:-150px;
	}
p#head strong {
	font-size:1.6em;
	display:block;
	}
p#head {
	font-size:1.3em;
	}

.post{margin:2.4em 0}
.postTitle{color: #65653f;font:normal 2.2em/1.2em georgia,arial,sans-serif;}
.postTitle a{text-decoration:none}
.postDate{margin-bottom:1.2em;font-size:0.8em;color:#000 !important}
.postContent{}
.postContent p{margin-bottom:1.2em}
.postGet,.entryFoot{color:#fff}
.postGet{margin-top:1em}
.diggit{padding-left:20px;background:url(img/blogDiggit.gif) 0 0 no-repeat}
.delicious,.delicous{margin-left:10px;padding-left:18px;background:url(img/blogDelicious.gif) 0 0 no-repeat}
p.more{font-size:0.85em}
.postFoot{border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#f5f5f5;padding:5px;margin-top:20px;margin-bottom:5em}
.postFoot a{clear:left;font-size:0.85em}
.postFoot a.postComments{}
.postFoot span{margin-left:10px;color:#000}
.postComments{margin-top:40px;font-size:0.9em;line-height:1.4em;}
.postComments h3{color: #65653f;margin-top:1.5em;background:url(img/blogComments.gif) 0 0.2em no-repeat;font:normal 1.6em/1.2em georgia,arial,sans-serif;}
.postComments h3 a{color:#333}
.commentsView{background:#f5f5f5;padding:20px 30px 30px}
.postComments .commentAuthor{margin-top:1.6em;color: #65653f;font-size:1.0em}
.postComments .commentAuthor a{text-transform:none;text-decoration:underline}
.postComments .commentAuthor a:hover{text-transform:none;text-decoration:none}
.postComments .commentDate{font-size:0.8em;font-weight:bold}
.postComments p{margin-top:0}
p.commentMessage{background:#690;color:#fff;padding:3px 10px;margin:20px 0}


/*comments form*/
.postComments ol{list-style:none}
.postComments fieldset{display:block;margin-top:1em;margin-bottom:2.3em;padding:1.8em 1em 1em;border:0;background:#F0EEE8}
.postComments fieldset li{clear:both;margin-bottom:1em}
.postComments fieldset li:after{content:".";display:block;clear:both;height:3px;visibility:hidden}
.postComments fieldset label, .postComments fieldset span {float:left;width:70px;padding-right:5px;text-align:right;line-height:1.8em;font-size:0.85em}
.postComments fieldset input{float:left;width:200px;padding:2px}
.postComments fieldset textarea{float:left;width:380px;height:150px;font-family: Arial;font-size:12px}
.postComments fieldset input.commentsButton{display:block;width:auto;margin:0.4em 0 0 80px;height:auto;font-weight:bold;padding:3px 5px}
.postComments fieldset span.commentsValidator{display:block;margin-left:70px;color:red;font-weight:bold;width:320px;text-align:left}

.postsNavigation{font-size:12px}
.prevPost{border-right:1px solid #000;padding-right:10px;margin-right:5px;background:url(Images/prev.gif) center left no-repeat;padding-left:13px;}
.allPosts{font-weight:bold}
.nextPost{border-left:1px solid #000;padding-left:10px;margin-left:5px;background:url(Images/next.gif) center right no-repeat;padding-right:13px;}
.postsNavigation {margin-top:10px}

/*lists*/
.sf_list_simple, .sf_list_expanded, .sf_anchor_list, .sf_target_list, #Main ul, #SideBar ul {list-style:none;margin-bottom:30px;font-size:13px}
.sf_list_simple li, .sf_list_expanded li, #Main li, #SideBar li{margin-top:10px}
.sf_list_expanded h5, .sf_item_head, ul h2 {font-size:1.0em}
.sf_target_list{margin-left:0}
.sf_target_list dt{font-weight:bold;margin-top:1.0em}