﻿/* 
Three Village School District Design Style Sheet
-------------------------------------------------------
Copyright (c) 2008, Chasetheweb.net

Last Updated: Mark Garczewski


/* SITE SPECIFIC LAYOUT */
	
	body { 
			background-color: #017550;
	}
	
	body#nobg { 
		background-color: #FFFFFF;
	}
	
	div#page {
		background-color: #FFFFFF;
	}
	
	div#page {
        width: 800px;
        margin:  0 auto;
        padding: 0;
		position:relative;
	}
	
	div#sub1 img{
		margin-top:10px;
		margin-left:5px;
    
    }
    div#local img{
		margin-top:10px;
		margin-left:5px;
    }
	
	div#ctl00_ContentPlaceHolderLocal_FolderList1_tvSections img{
		margin-top:0px;
		}
		
	div#content {
		background:  #ffffff url(/Template/ThreeVillage/Images/content_bg.gif) no-repeat top center;
	}
	
	div#banner{
		width:457;
		height:104;
	}
	
	div#banner {
		padding: 0px;
		text-align: center;
		width: 450px;
		height: 150px;
		position:absolute;
		top: 50px;
		left: 175px;
		display: block;
		background: url(/Template/ThreeVillage/Images/banner.jpg) no-repeat top center;
		width:457;
		height:104;
	}
	
	/* LAYOUT */
	div#layout {
		border-width: 0px;
		float: right;
		width: 630px;
		margin-top: 200px;
		margin-bottom: 170px;
		margin-left:0;
	}
    
		  

	/* MAIN */
    div#main {
	    float: left;
        width: 290px;
        display: block;
		margin-left: 5px;
		padding: 0px;
    }
	
	
	/* SUB1 */
	div#sub1{
		top: 0px;
	    right:0px;
		position:absolute;
        width: 170px;
        display: block;
		margin-left: 0px;
		    z-index:1;
	}
	

	/* LOCAL */
    div#local {
		float: left;
		padding-left:0px;
		width: 165px;
		display: block;
	/*margin-top: 175px;*/       
    }
    
	div#extra2{
		position:absolute;
		height:420px;
		width:150px;
		right:175px;
		float:right;
		top:200px;
		clear:both;
		padding:3px;
		z-index:1;
	}

    /* END CONTENT */
    
    

	 /* NAV  */
	div#nav {
		width: 470px;
  		position: absolute;
        top: 155px;
        background-color:#E4D466;
		left: 166px;
		padding-left: 0px;
		padding-right: 0px;
		z-index: 2;
	}
	
	#nav ul{ margin:0px 0; }
	
	
	
	/* END NAV */
		

	
	
	
	/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}.qmmc {position:relative;}.qmmc a {float:left;display:block;white-space:nowrap;}.qmmc div a {float:none;}.qmmc div {visibility:hidden;position:absolute;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* Remove the comments bleow for vertical mains and change the false value to
           true in the qm_create function after the menus structure. */
	/*.qmmc a {float:none}*/

	
	
	/*"""""""" (MAIN) Container """"""""*/
	#qm0
	{

	}

	 /*"""""""" (MAIN) Items """"""""*/
	#qm0 a
	{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	background-color:transparent;
	margin-right: 15px;
	text-decoration:none;
	padding: 5px;
	}


	/*"""""""" (MAIN) Hover State """"""""*/
	#qm0 a:hover
	{
	/*border-color:#333333;*/

	color: white;

	background-color: #017550;		
	}


	/*"""""""" (MAIN) Active State """"""""*/	
	#qm0 .qmactive
	{
	/* Note: Add '!important' after each style */
		
	background-color: #017550!important;	
	color: white !important;
	}




	/*"""""""" [SUB] Containers """"""""*/
	#qm0 div
	{
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-color: #017550;
	border-style: solid;

	}


	/*"""""""" [SUB] Items """"""""*/
	#qm0 div a
	{
	font-size:12px;
	color: #017550;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-color: #017550;
	border-style: solid;
	padding: 7px 12px 7px 7px;
	background-image: none;
	margin-right: 0px;
	}
	
	/*"""""""" [SUB] Hover State """"""""*/
	#qm0 div a:hover
	{
	color:#FFFFFF;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C2C0B4;

	
	}

	

	/*""""""""[SUB] Active State """"""""*/
	#qm0 div .qmactive
	{
	/* Note: Add '!important' after each style */
	color:#ffffff!important;
	border-bottom-color: #C2C0B4!important;
	border-bottom-width: 1px!important;
	border-bottom-style: solid!important;
	}


	/*"""""""" [SUB] Parent Items """"""""*/
	#qm0 div .qmparent 
	{


	}
    
	
/* END LAYOUT */


