/********************************************************************************
* 
* © 2008 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: master.css
* Description: Master CSS file for the entire Village Family Service Center
*              website
*
*********************************************************************************/

/* Auxiliary style sheets
--------------------------------------------------------------------------------*/

@import url(menus.css);
@import url(forms.css);


/* Body 
--------------------------------------------------------------------------------*/

*
    {
    margin:0px;
    padding:0px;
    }

body
	{
	font-size:100%;
	color:#000000;
	line-height:1em;
	background:#dadada;
	}

h1
	{
	margin:0px 0px 0.6em 0px;
	padding:5px 8px;
	font:2em Arial, Helvetica, sans-serif;
	line-height:1em;
	color:#000000;
	background:#6fb4dd;
	}

h2
	{
	margin:0px 0px 0em 0px;
	padding:0px;
	font:bold 1.125em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#191970;
	}

h3
	{
	margin:0px 0px 0em 0px;
	padding:0px;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#191970;
	}

h4
	{
	margin:0px 0px 0em 0px;
	padding:0px;
	font:bold 0.875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#191970;
	}

h5
	{
	margin:0px 0px 0em 0px;
	padding:0px;
	font:bold 0.75em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#000000;
	}

h6
	{
	margin:0px 0px 0em 0px;
	padding:0px;
	font:bold 0.6875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#000000;
	}


/* Horizontal rules
--------------------------------------------------------------------------------*/

hr
	{
	display:none;
	}

.hr
	{
	margin:0px 0px 1em 0px;
	border-top:1px dotted #808080;
	}


/* Links
--------------------------------------------------------------------------------*/

a:link, a:visited
	{
	color:#c6a586;
	text-decoration:underline;
	}

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

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
    {
    color:#191970;
    text-decoration:none;
    }


/* Container
--------------------------------------------------------------------------------*/

#container
	{
	margin:10px auto;
	width:918px;
	}


/* Masthead
--------------------------------------------------------------------------------*/

#masthead
    {
    float:left;
    width:918px;
    height:154px;
    background:url(/images/backgrounds/vfs-mastheadbg.jpg) no-repeat;
    }

#masthead p
    {
    margin:16px 0px 0px 25px;
    font:1.5em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    }

#logo
    {
    margin:20px 0px 0px 25px;
    }


/* Main background
--------------------------------------------------------------------------------*/

#main
	{
	float:left;
	width:918px;
	padding:0px 0px 2px 0px;
	background:url(/images/backgrounds/vfs-mainbg.gif) repeat-y;
	}


/* Navigation
--------------------------------------------------------------------------------*/

#nav
    {
    float:left;
    width:890px;
    height:30px;
    margin:0px 0px 16px 14px;
    background:#957fb5;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #nav
    {
    margin:0px 0px 16px 7px;
    }


/* Banner
--------------------------------------------------------------------------------*/

#banner
    {
    float:right;
    width:573px;
    margin:0px 0px 0em 0px;
    padding:16px 2px 16px 2px;
    text-align:center;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #banner
    {
    float:right;
    width:573px;
    margin:0px 0px 0em 0px;
    padding:16px 2px 16px 2px;
    text-align:center;
    }

#banner img
    {
    margin:0px;
    padding:0px;
    }

#banner-text
    {
    }

#banner-text h2
    {
    }

#banner-text a
    {
    font:0.6875em Verdana, Arial, Helvetica, sans-serif;
    }

#slideshow
    {
    width:573px;
    height:256px;
    }


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

#content
	{
	float:left;
	width:620px;
	margin:0px -232px 0px 9px;
	padding:0px 16px 0px 16px;
	border-right:232px solid #84ad64;
	}

/* star hack to correct discrepencies between IE7 and older versions */

* html #content
	{
	margin:0px -232px 0px 5px;
	}

#content p
	{
	padding:0px 0px 1.6em 0px;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	}

#content ul, #content ol
    {
    margin:0px 0px 0px 25px;
    padding:0px 0px 1.6em 0px;
    font:0.6875em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    color:#000000;
    }

#content ul ul, #content ol ul, #content ul ul ul, #content ol ul ul
    {
    margin:0px 0px 0px 25px;
    padding:0px 0px 0em 0px;
    font:1em Verdana, Arial, Helvetica, sans-serif;
    }

#content ol ol
    {
    margin:0px 0px 0px 25px;
    padding:0px 0px 0em 0px;
    font:1em Verdana, Arial, Helvetica, sans-serif;
    list-style:lower-alpha;
    }

#content ol ol ol
    {
    list-style:lower-roman;
    }

#content iframe
    {
    width:425px;
    height:350px;
    margin:0px 0px 1.6em 0px;
    }

.imageleft
    {
    float:left;
    margin:0px 1em 1em 0px;
    border:1px solid #6fb4dd;
    clear:both;
    }

.imageright
    {
    float:right;
    margin:0px 0px 1em 1em;
    border:1px solid #6fb4dd;
    clear:both;
    }

.imageleft img, .imageright img
    {
    border:1px solid #505050;
    }

.imagefull
    {
    display:block;
    margin:0px 0px 1em 0px;
    clear:both;
    }


/* Sidepane
--------------------------------------------------------------------------------*/

#sidepane
	{
	float:left;
	width:208px;
	padding:8px 12px 0px 12px;
	background:#84ad64;
	}

#sidepane h1, #sidepane h2, #sidepane h3, #sidepane h4, #sidepane h5, #sidepane h6
    {
    color:#000000;
    }

#sidepane a
    {
    color:#191970;
    text-decoration:none;
    }

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

#sidepane p
    {
    margin:0px 0px 0px 0px;
    padding:0px 0px 1.6em 0px;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
    }

#sidepane ul, #sidepane ol
    {
    margin:0px 0px 0px 25px;
    padding:0px 0px 1.6em 0px;
    font:0.6875em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    color:#000000;
    }

#sidepane ul ul, #sidepane ol ul, #sidepane ul ul ul, #sidepane ol ul ul
    {
    margin:0px 0px 0px 25px;
    padding:0px 0px 0em 0px;
    font:1em Verdana, Arial, Helvetica, sans-serif;
    }

#sidepane ol ol
    {
    margin:0px 0px 0px 25px;
    padding:0px 0px 0em 0px;
    font:1em Verdana, Arial, Helvetica, sans-serif;
    list-style:lower-alpha;
    }

#sidepane ol ol ol
    {
    list-style:lower-roman;
    }

#logos
    {
    width:196px;
    text-align:center;
    }

#logos img
    {
    margin:0px 0px 1.6em 0px;
    border:none;
    }

#login
    {
    margin:0.6em 0px 1em 0px;
    padding:0px 0px 1.6em 0px;
    border-bottom:1px dotted #000000;
    }

#login label
    {
    display:block;
    margin:0px 0px 0.6em 0px;
    font:0.6875em Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
    }

#login .text
    {
    margin:0px 0px 0.6em 0px;
    padding:1px;
    width:192px;
    border:1px solid #505050;
    }

#login .button
    {
    width:40px;
    height:20px;
    padding:0px 4px;
    font:0.6875em Arial, Helvetica, sans-serif;
    }

#contactinfo
    {
    float:right;
    position:relative;
    left:-10px;
    width:176px;
    margin:0px 0px 0em 20px;
    padding:0px 13px 0px 0px;
    border-right:1px solid #b1b1ff;
    }

#contactinfo p
    {
    padding:0px 0px 1.5em 0px;
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color:#000000;
	text-align:right;
    }


/* Footer
--------------------------------------------------------------------------------*/

#footer
    {
    float:left;
    width:882px;
    height:20px;
    margin:1.6em 0px 0px 14px;
    padding:8px 0px 0px 8px;
    font:0.5625em Arial, Helvetica, sans-serif;
    color:#ffffff;
    line-height:1.6em;
    background:#f7931d;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #footer
    {
    margin:1.6em 0px 0px 7px;
    }

#footer a
    {
    color:#ffffff;
    }


/* Bottom cap
--------------------------------------------------------------------------------*/

#bottomcap
    {
    float:left;
    width:918px;
    height:13px;
    background:url(/images/backgrounds/vfs-bottomcapbg.gif) no-repeat;
    }


/* Miscellaneous classes
--------------------------------------------------------------------------------*/