/* 

DEFAULT STYLE SHEET FOR NTS 
Created by Matt Roberts and Deborah Miller
Network Technology Solutions
229-226-2110
www.networkts.com

TABLE OF CONTENTS

	 1. Container -> Line 
	 2. Header -> Line 
		2.1 Header Logo -> Line 
		2.3 Header MastHead -> Line 
		2.4 Header Links -> Line 
	 3. Top Nav Container -> Line 
		3.1 Top Nav -> Line 
			3.1.1 Top Nav Level 1 -> Line 
		3.2 Top Sub Nav -> Line 
			3.2.1 Top Nav Level 2 -> Line 
		3.3 Top Nav Index Spacer -> Line 
	 4.	Left Container -> Line 
		4.1 Left Nav Level 1 -> Line 
		4.2 Left Nav Level 2 -> Line 
		4.3 Left Nav Level 3 -> Line 
	 5. Left Container Bottom -> Line 
	 6. Right Container -> Line 
		6.1 Right Container Login -> Line 
		6.2 Right Container Promotion -> Line 
		6.3 Right Container Links -> Line 
		6.4 Right Container Contact -> Line 
	 7. Right Container Bottom -> Line 
	 8. Three Column Box (Photo Banner) -> Line 
	 9. Three Column Content -> Line 
	10. Two Column Content -> Line 
	11. Footer -> Line 
	12. Copyright -> Line 

--------------------NOTES-----------------------------------------
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;;			LAST EDIT DATE: 01/23/07 DM							;;	
;;			version: 0.5.3										;;
;;			Note: 												;;
;;			-> Fluid vs. Fixed Layout Option					;;
;;			   (by simply changing container width)				;;
;;			-> Renamed div #black_bar to a more					;;
;;			   descriptive name of #topNavBarIndexSpacer		;;
;;			-> Added #topNavBarContainer						;;
;;			-> Added #rightContainerBottom						;;
;;			-> Added ul li and a styles for #topNavBar and		;;
;;			   #topSubNavBar divs.								;;
;;			-> Deleted redundant font-family and				;;
;;			   font-size delarations							;;
;;			-> Commented out image background tags				;;
;;			   (changed image names to generic names,			;;
;;			   for example instead of 							;;
;;			   online_banking_button_down.jpg, button_down.jpg)	;;
;;			-> Deleted the .hideMapData class, created a		;;
;;			   .hide class which can be used repeatedly.		;;
;;			-> Created a .clear class							;;
;;			-> Created a .border class							;;
;;			-> Added a Dojo Tooltip Style						;;
;;			-> Removed site specific styles						;;
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/		

/*************************************************/
/* --------------- 1. CONTAINER ---------------- */
/*************************************************/										

#container {
	width: 90%; /* FLUID OR FIXED PAGE LAYOUT DEPENDS SOLELY ON THIS WIDTH*/
	min-width: 800px;
	min-height: 495px;
	margin-left: auto;
	margin-right: auto;
	padding: 0; 
}

/*************************************************/
/* --------------- 2. HEADER ------------------- */
/*************************************************/	

#header {
	padding: 0;
	margin: 5px;
	width: auto;
	height: 50px;
}

/*======BEGIN header INNER STYLES========*/

/*************************************************/
/* ------------- 2.1 HEADER LOGO---------------- */
/*************************************************/	

#header .logo	{
	margin: 0;
	padding: 0;
	float: left;
	height: auto;
	text-align: left;
}

/*************************************************/
/* ----------- 2.2 HEADER MASTHEAD-------------- */
/*************************************************/	

#header .mastHead	{
	float: left;
	padding: 0;
}

/*************************************************/
/* ------------- 2.3 HEADER LINKS--------------- */
/*************************************************/	

#header .headerLinks	{
	margin: 0;
	padding: 0;
	float: right;
	height: auto;
	text-align: right;
}

/*======END header INNER STYLES========*/

/*************************************************/
/* ------------ 3. TOP NAV CONTAINER------------ */
/*************************************************/	

#topNavBarContainer {
	float: left;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

/*====== BEGIN topNavBarContainer INNER STYLES========*/

/*************************************************/
/* --------------- 3.1 TOP NAV ----------------- */
/*************************************************/	

#topNavBar {
	float: left;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	text-align: left;
}

/*====== BEGIN topNavBar INNER STYLES========*/

/*************************************************/
/* ---------- 3.1.1 TOP NAV LEVEL 1------------- */
/*************************************************/

#topNavBar ul li {
	display: inline;
}

#topNavBar ul {
	margin: 0;
	padding: 0;
}

#topNavBar ul li a, #topNavBar ul li a:visited {
	padding: 5px 20px;;
	text-decoration: none;
	float: left;
}

#topNavBar ul li a:hover, #topNavBar ul li a:active {
	text-decoration: none;
}

#topNavBar ul li a .current, #topNavBar ul li a:visited .current, #topNavBar ul li a:hover .current, #topNavBar ul li a:active .current { /* I CAN'T GET THIS TO WORK!!!!! */
}

/*====== END topNavBar INNER STYLES========*/

/*************************************************/
/* --------------- 3.2 TOP SUB NAV ------------- */
/*************************************************/	

#topSubNavBar {
	float: left;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	text-align: left;
	clear: both;
	*clear: none;
}

/*====== BEGIN topSubNavBar INNER STYLES========*/

/*************************************************/
/* -------- 3.2.1 TOP NAV LEVEL 2--------------- */
/*************************************************/	

#topSubNavBar ul li {
	display: inline;
}

#topSubNavBar ul {
	margin: 0;
	padding: 0;
}

#topSubNavBar ul li a, #topSubNavBar ul li a:visited {
	padding: 5px 20px;
	text-decoration: none;
	float: left;
}

#topSubNavBar ul li a:hover, #topSubNavBar ul li a:active {
	text-decoration: none;
}

/*====== END topSubNavBar INNER STYLES========*/

/*************************************************/
/* --------- 3.3 TOP NAV INDEX SPACER ---------- */
/*************************************************/	

#topNavBarIndexSpacer {
	width: auto;
	height: auto;
	padding: 5px 20px;
	margin: 0;
	background-color: #000000;
	color: #FFFFFF;
	text-align: left;
	clear: left;
	*clear: none;
}

/*====== END topNavBarContainer INNER STYLES========*/

/*************************************************/
/* --------------- 4. LEFT CONTAINER------------ */
/*************************************************/	

#leftContainer {
	float: left;
	width: 230px;
	text-align: left;
	padding: 0;
}

/*====== BEGIN leftContainer INNER STYLES========*/

/*************************************************/
/* ------------- 4.1 LEFT NAV LEVEL 1 ---------- */
/*************************************************/	

#navContainer ul {
	margin: 0px 0px 0px 0px;
	padding: 0px; /*fixes left indent for nav in firefox*/
	list-style-type: none;
	font-weight: bold;
	text-align:left;
}

#navContainer .titleBar	{/*this is the left nav title bar that says "menu"*/
	margin-bottom:5px;
}
#navContainer li {
	width: 200px;/*controls width of the nav containers*/
	margin-bottom: 2px;
}
#navContainer a, #navContainer a:link, #navContainer a:visited {
	display: block;
	padding: 5px;
	text-decoration:none;
}

#navContainer a:hover {
	text-decoration:underline;
}

/*************************************************/
/* ------------- 4.2 LEFT NAV LEVEL 2 ---------- */
/*************************************************/	

#navContainer ul ul	{
		margin-left:5px;
	}
#navContainer ul ul	li {
		width:195px;/*controls width of sub nav buttons*/
	}
#navContainer ul ul li a, #navContainer ul ul li a:active, #navContainer ul ul li a:visited, #navContainer ul ul li a:link {
	text-decoration: none;
	margin-top: 2px;
}
	
#navContainer ul ul li a:hover {
	text-decoration: underline;
}
	
/*************************************************/
/* ------------- 4.3 LEFT NAV LEVEL 3 ---------- */
/*************************************************/	

#navContainer ul ul	ul {/*determines left indent*/
	margin-left:11px;
}

#navContainer ul ul ul li {
	width:185px;/*controls width of 3rd level nav buttons*/
}

#navContainer ul ul ul li a, #navContainer ul ul ul li a:active, #navContainer ul ul ul li a:visited, #navContainer ul ul ul li a:link {		
	text-decoration: underline;
	background-image: none;
}
		
#navContainer ul ul ul li a:hover {
	text-decoration: none;
}

/*====== END leftContainer INNER STYLES========*/

/*************************************************/
/* ------------ 5. LEFT CONTAINER BOTTOM ------- */
/*************************************************/

#leftContainerBottom {/*bottom portion of left nav*/
	float: left;
	width:190px;
	text-align: left;
	padding: 5px;
	clear: left;
}

/*************************************************/
/* --------------- 6. RIGHT CONTAINER ---------- */
/*************************************************/

#rightContainer	{
	float: right;
	width:200px;
	text-align: left;
	padding: 0;
}

/*====== BEGIN rightContainer INNER STYLES========*/

/*************************************************/
/* ---------- 6.1 RIGHT CONTAINER LOGIN -------- */
/*************************************************/

#rightContainer .login	{
	padding-top:5px;
}

/*************************************************/
/* -------- 6.2 RIGHT CONTAINER PROMOTION ------ */
/*************************************************/

#rightContainer .promotion	{
	text-align:left;
	padding:5px;
	font-weight:bold;
}

/*************************************************/
/* ---------- 6.3 RIGHT CONTAINER LINKS -------- */
/*************************************************/

#rightContainer .links	{
	padding:5px;
	text-align:left;
}

/*************************************************/
/* ---------- 6.4 RIGHT CONTAINER CONTACT ------ */
/*************************************************/

#rightContainer .contact	{
	text-align:left;
	padding:5px 0px 5px 5px;
}

/*====== END rightContainer INNER STYLES========*/

/*************************************************/
/* --------- 7. RIGHT CONTAINER BOTTOM --------- */
/*************************************************/

#rightContainerBottom {/*bottom portion of right nav*/
	float: right;
	width:200px;
	clear: right;
	text-align: left;
	padding: 0;
}

/*************************************************/
/* --------- 8. THREE COLUMN TOP BOX ----------- */
/*************************************************/

#threeColumnTopBox { /*Fluid - Include Background Image or Color*/
	margin-left: 236px;
	height: 226px;
}

/*************************************************/
/* --------- 9. THREE COLUMN CONTENT ----------- */
/*************************************************/

#threeColumnContent { /*Three Column Fluid Layout*/
	margin-left: 243px;
	margin-right:199px;
	/*IE5x PC Hack*/
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 245px;
	margin-right:201px;
	text-align: left;
	padding: 5px;
}
	
html>body #threeColumnContent {
	margin-left: 245px;
	margin-right:201px;
}

/*************************************************/
/* --------- 10. TWO COLUMN CONTENT ------------ */
/*************************************************/

#twoColumnContent { /*Two Column Fluid Layout*/
	margin-left: 199px;
	/*IE5x PC Hack*/
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 201px;
	text-align: left;
	padding: 5px;
}
	
html>body #twoColumnContent {
	margin-left: 201px;
}

/*************************************************/
/* --------------- 11. FOOTER ------------------ */
/*************************************************/

#footer {
	clear: both;
	padding: 5px;
	margin: 0;
	width: auto;
	height: auto;
}

/*************************************************/
/* -------------- 12. COPYRIGHT ---------------- */
/*************************************************/

#copyright {
	height: auto;
	width: auto;
	padding: 5px;
	margin: 0;
}