﻿body 
{
	background-color: #f1f6f6;
	height: 100%;
	margin: 0px;
}

html {
	height: 100%;
}

form {
	height: 100%;
}

img {
	border: none;
}

.clear
{
	clear: both;
}

/***********************************/
/*********** MasterPages ***********/
/***********************************/

/* Base.Master */

#container {
	background-image: url(/images/bg.gif);
	background-repeat: repeat-x;
	background-color: #619697;
	border-left: solid 1px #4a7682;
	border-right: solid 1px #4a7682;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 960px;
	position: relative;
	margin: 0 auto;
	padding-bottom: 200px;
}

	#flash {
	}

	#mainTitle
	{
		position: absolute;
		top: 292px;
		left: 15px;
	}
	/*

	#nav
	{
		width: 180px;
		position: relative;
		float: left;
		margin-top: 120px;
		z-index: 0;
	}
		
		#nav div
		{
			background-image: url(/images/nav_bg.gif);
			background-repeat: no-repeat;
			background-position: 0px 0px;
			height: 49px;
			margin-top: 10px;
			z-index: 0;
		}
		
		#nav div a
		{
			display: block;
			color: #2e3535;
			line-height: 49px;
			text-decoration: none;
			padding: 0px 0px 0px 12px;
			z-index: 10;
		}
		.subContainer
		{
		    display: none;
		}
		
		.subDiv
		{
			width: 158px;
			position: relative;
			top: -28px;
			background-image: url(/images/sub_bg.gif);
			background-repeat: no-repeat;
			background-position: right top;
			display: block;
			z-index: 0;
		}
		
		.subDiv span
		{
			background-image: url(/images/subnav.gif);
			background-repeat: no-repeat;
			background-position: right bottom;
			display: block;
			padding: 25px 0px;
		}
		
			#nav div .subDiv a
			{
				font-size: 10px;
				line-height: 15px;
				height: 15px;
				color: #2e3535;
				text-decoration: none;
				display: block;
				padding: 0px 0px 0px 20px;
				margin: 0px;
			}
			
			#nav div .subDiv a:hover
			{
				color: #2e3535;
				background-image: url(/images/sub_act.gif);
				background-repeat: no-repeat;
				background-position: 10px 0px;
			}
*/

	#mainContent
	{
		width: 780px;
		position: relative;
		top: 0px;
		float: right;
		padding: 75px 0px 0px 0px;
	}

	
/* Home.master */

#homeCircle
{
	color: #fff;
	font-size: 1.2em;
	line-height: 1.6em;
	background-image: url(/images/circle.jpg);
	text-align: center;
	width: 338px;
	height: 358px;
	position: relative;
	float: left;
	top: -33px;
	padding: 80px 90px;
}

	#homeCircle h1
	{
		color: #fff;
		font-size: 2.6em;
		line-height: .6em;
		font-weight: normal;
		margin-bottom: 21px;
	}
	
	#homeCircle h2
	{
		color: #fff;
		font-size: 1.4em;
		font-weight: normal;
	}

#leftHome
{
	width: 259px;
	height: 490px;
	position: absolute;
	top: 70px;
	right: 0px;
}

	#music
	{
		position: absolute;
		top: -75px;
		right: 20px;
	}

	#box1
	{
		background-image: url(/images/home2.jpg);
		background-repeat: no-repeat;
		background-position: 15px 150px;
		width: 190px;
		height: 505px;
		position: relative;
		margin-bottom: 4px;
		padding: 20px 0px 0px 69px;
	}
	
	#box2
	{
/*		background-image: url(/images/home2.jpg);
		background-repeat: no-repeat;
		background-position: right;
*/
		width: 189px;
		height: 241px;
		position: relative;
		padding: 5px 0px 0px 70px;
	}
	
	#box1 h1, #box2 h1
	{
		color: #163a4f;
		font-weight: normal;
		margin-bottom: 10px;
	}
	
	#box2 h3
	{
		margin-bottom: 6px;
		margin-top: 10px;
	}
	
	#box2 label
	{
		display: block;
		width: 40px;
		float: left;
	}
	
	#box2 .signupBtn, #box2 a.signupBtn
	{
		font-size: 10px;
		color: #588484;
		display: block;
		margin-left: 40px;
	}
	
/* OneColumn.master */

#OneColumn
{
	position: relative;
	padding: 50px 40px;
}
	
	
/***********************************/
/****** Editor / Admin Icons *******/
/***********************************/

.admin {
	position: absolute;
	top: 171px;
	right: 5px;
}

#editIcons {
	position: absolute;
	top: 170px;
	right: 25px;
}

#loggedInAs {
	font-size: 11px;
	position: absolute;
	top: 185px;
	right: 5px;
}
	#loggedInAs a
	{
		color: #4a7682;
	}

#approvalButtons {
	position: absolute;
	top: 205px;
	right: 5px;
}

.editPageLink {
	position: absolute;
	top: -10px;
	left: -10px;
}

.livepending 
{
	position: absolute;
	top: -20px;
	height: 27px;
	padding: 0px 10px;
}

	a.cms_tab {
		color: #4a7682;
		text-decoration: none;
		background-color: #cddddd;
		padding: 5px 10px;
		border: solid 1px #4a7682;
	}

	a.cms_tab_act {
		color: #fff;
		text-decoration: none;
		background-color: #4a7682;
		padding: 5px 10px;
		border: solid 1px #4a7682;
	}

/***********************************/
/********** Content Pages **********/
/***********************************/

/* Clinical Staff */

.staff
{
	clear: both;
	border-bottom: solid 1px #4a7682;
	padding-bottom: 15px;
}

	.staff img
	{
		float: left;
		margin-right: 10px;
		border: solid 1px #4a7682;
		background-color: #abc8c8;
	}
	
 #map
 {
    border: 1px solid #163A4F;
    width: 600px;
    height: 400px;
 }	


/***********************************/
/************* Common **************/
/***********************************/

.form label, .form .label {
	color: #707070;
	font-weight: bold;
	display: block;
	margin: 6px 0px 0px 0px;
}

a.button:link, a.button:visited, a.button:hover, a.button:active {
	color: #fff;
	display: block;
	text-decoration: none;
	background-color: #4a7682;
	padding: 2px 12px;
	margin: 0px 2px 2px 0px;
	float: left;
}

.formValidation {
	border: solid 1px #d4d4d4;
	background-image: url(/images/gray_gradient.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 10px;
	margin: 0px 0px 25px 0px;
	position: relative;
}

.formValidation ul {
}

.sysMsg {
	border: solid 1px #a97720;
	background-color: #c6a15a;
	color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 10px;
	margin: 0px 0px 25px 0px;
	position: relative;
}

.sysMsg h4 {
}

.sysMsg ul {
}

/***********************************/
/********** Admin Section **********/
/***********************************/

#adminNav 
{
	width: 225px;
	float: left;
	margin: 20px 25px 0px 20px;
}

#adminNav ul 
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#adminNav ul li 
{
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	left: 0px;
}

#adminNav li a 
{
	color: #163a4f;
	line-height: 2em;
	text-decoration: none;
	display: block;
}

#adminContent {
	width: 640px;
	float: left;
	margin: 20px 20px 0px 0px;
}

.adminTable {
	border: solid 1px #4a7682;
	border-collapse: collapse;
	width: 100%;
}

.adminTable th {
	color: #fff;
	background-color: #4a7682;
}

.adminTable th, .adminTable td {
	border: solid 1px #4a7682;
	padding: 2px 5px;
}

.mailing th
{
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}

.mailing a
{
    font-size: 10px;
    color: #588484;
    display: block;
}


/* ---------------------------------------------------*/
/* ------------ Begining of menu styles  ------------ */
/* ---------------------------------------------------*/

#nav
{
	display:block;
	width:180px;
	position: absolute;
	top: 340px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	list-style:none;
	display:block;
	z-index:5;
}

    #nav li 
    { 
	    /*great place to use a background image as a divider*/
	    display:block;
	    list-style:none;
	    position:relative;
	    margin: 0px;
	    padding: 0px 0px 5px 0px;
    }
    
    #nav li a
    {
        color: #2e3535;
        text-decoration: none;
        display: block;
        background: url(images/nav_bg.gif) no-repeat -10px 0px;
        width: 170px;
        height: 49px;
        line-height: 49px;
        padding-left: 10px;
    }

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW
{ 
	display:none; 
	position: absolute; 
	overflow:hidden;
}

#subMenusContainer ul, #nav li ul
{	
    background-color: #a5c3c4;
    display: block; 	
    position: absolute;	
    top: 0;	
    left: 0;
    width: 200px !important; 
    margin: 0px;
    padding: 10px 0px;
    overflow: visible;	
    z-index:1000000000;
    
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

#nav li ul
{
    left: -10px;
}

    #nav li ul ul
    {
        left: 70px;
    }

    #subMenusContainer li,  #nav li ul li
    {
	    padding: 0px;
	    margin: 0px;
    }

    #subMenusContainer li a, #nav li ul li a
    {
        background-image: none !important;
        display: block;
        width: 180px !important;
        color: #2e3535;
        font-size: 11px;
        text-decoration: none;
	    position:relative;
	    height: 20px;
	    line-height: 20px;
	    padding: 0px 5px;
	    margin: 0px 5px;
    }
    
    #subMenusContainer li a:hover, #nav li ul li a:hover
    {
        background: #93b2b6;
        
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

#nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol, #nav li ul
{ 
	list-style: none;
	line-height: 1em;
}

/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/

/* all menu links */
#nav a, #subMenusContainer a
{
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a
{
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a
{
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused
{
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, #nav li ul li a:hover,
#subMenusContainer a:focus, #nav li ul li a:focus,
#subMenusContainer a.subMenuParentBtnFocused, #nav li ul li a.subMenuParentBtnFocused
{
    background: #93b2b6;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn
{  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused
{  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn
{	
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused
{	 
}

/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 186px; margin-top:-2.5em;}
#nav li li:hover ul {	margin-left: 10em; }




