/* 

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. Defaults -> Line
	 2. Container -> Line 
	 3. Header -> Line 
		3.1 Header Logo -> Line 
		3.2 Header Links -> Line 
		3.3 Masthead -> Line 
	 4. Top Nav -> Line 
		4.1 Top Nav Links -> Line 
		4.2 Pop Menu -> Line
	 5.	Left Container -> Line 
		5.1 Left Nav Level 1 -> Line 
		5.2 Left Nav Level 2 -> Line 
		5.3 Left Nav Level 3 -> Line 
		5.4 Left Nav Level 4 -> Line
	 6. Left Container Bottom -> Line 
	 7. Right Container -> Line 
		7.1 Right Container Latest News -> Line 
		7.2 Right Container Calendar -> Line 
		7.3 Right Container Upcoming Events -> Line 
		7.4 Right Container News Flash -> Line 
		7.5 Right Container Promotion -> Line
	 8. Right Container Bottom -> Line 
	 9. Three Column Box (Photo Banner) -> Line 
	10. Three Column Content -> Line 
	11. Two Column Content -> Line 
	12. Footer -> Line 
	13. Copyright -> Line 
	14. Powered By -> Line 
	15. Links -> Line 
	16. Standard Classes/Styles -> Line 
	17. JS Popup Calendar -> Line 
	18. DOJO Specific Styles -> Line 
	19. Hacks -> Line
	19. Print Styles-> Line  

--------------------NOTES-----------------------------------------
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;;			LAST EDIT DATE: 03/29/07 DM							;;	
;;			version: 0.5.4										;;
;;			Note: 												;;
;;			-> Combined stylesheets (default & sitename)		;;
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/		

/*************************************************/
/* --------- 1. DEFAULTS  -----------------------*/
/*************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0px auto 0px auto;
	background-image: url(/images/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

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

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 2px 2px 2px;
}

img { 
}

a img {
	border: 0;
}

strong {

}

p {	
	margin: 10px 10px 10px 10px;
}  

ul {} 

h1 {
	font-size: 18px;
	color:#4d2714;
	font-weight: bold;
	margin: 10px 10px 10px 10px;
	width: auto;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 10px 10px 10px;
	width: auto;
}

h3 {
	font-size: 14px;
	font-weight:bold;
	margin: 10px 10px 0px 10px;
	width: auto;
}

h4 {
	font-size: 10px;
	font-weight: bold;
	margin: 10px 10px 0px 10px;
	width: auto;
	color: #999999;
}

h5 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 10px 0px 10px;
	width: auto;
}

h6 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 10px 0px 10px;
	width: auto;
}

a, a:visited {
	color: #4d2714;
	text-decoration: none;/uploads/images/rt_img_mask.jpg
}
		
a:hover, a:active {
	color: #ac745d;
	text-decoration: underline;
}

/*======BEGIN SITE LAYOUT========*/

/*************************************************/
/* --------------- 2. CONTAINER ---------------- */
/*************************************************/										

#container {
	width: 750px; /* FLUID OR FIXED PAGE LAYOUT DEPENDS SOLELY ON THIS WIDTH*/
	height: auto;
	margin: 0px auto 0px auto;
	padding: 10px 0px 10px 0px; 
	background-color: #FFFFFF;
}

/*************************************************/
/* --------------- 3. HEADER ------------------- */
/*************************************************/	

#header {
	padding: 0px 0px 0px 0px; 
	margin: -10px 0px 0px 0px; 
	height: 269px;
	width: 760px;
	background-image:url("/images/header_bg.jpg");
	background-repeat:no-repeat;
	background-position: bottom left;
	font-size: 12px;
}

/*======BEGIN HEADER STYLES========*/

/*************************************************/
/* --------------- 3.1 LOGO ------------------- */
/*************************************************/	

#header .logo	{
	float: right;
	width: auto;
	height: auto;
	padding: 0px 0px 0px 0px; 
	margin: 0px 20px 0px 0px; 
	*margin: 0px 20px 0px 0px; 
	text-align: left;
}
#header .logo a	{
	backround-image:none;
}

/*************************************************/
/* --------------- 3.2 HEADER LINKS ------------- */
/*************************************************/	

#header .headerLinks	{
	float: right;
	height: auto;
	width: auto;
	padding: 0px 0px 0px 0px; 
	margin: 107px 30px 0px 0px;
	*margin: 214px -140px 0px 0px; 
	z-index:1000;
}
.headerLinks a, 
.headerLinks a:visited {
	color:#ffffff;
	float:right;
	display:block;
	width:114px;
	height:30px;
	margin:0px 10px 0px 0px;
	padding: 10px 0px 0px 0px;
	background-image:url("/images/tab_bg.jpg");
	background-repeat:no-repeat;
	font-weight:bold;
	
}
.headerLinks a:hover, .headerLinks a:active {
	text-decoration:none;
	background-image:url("/images/tab_bg_hover.jpg");
	background-repeat:no-repeat;
}
/*************************************************/
/* --------------- 3.3 MASTHEAD ------------------ */
/*************************************************/	

#mastHead	{
	clear: both;
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	text-align: center;
}

/*======END HEADER STYLES========*/

/*************************************************/
/* ------------ 4. TOP NAV --------------------- */
/*************************************************/	

#topNav {
	width: auto;
	height: 32px;
	padding: 0px 0px 0px 0px;  
	margin: 0px 0px 5px 0px; 
	font-size: 12px;
	text-align: center;
}

#topNav .search {
	float: right;
	padding: 3px 5px 0px 0px; 
	margin: 0px 0px 0px 0px;
	display:none;
}

#topNav .search input {
	border: 1px inset #CCCCCC;
}

#topNav .search .submit {
	border: 0px;
	background: transparent;
	padding: 2px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
}

#topNav .submit:hover {
	color: #CC0000;
}

/*====== BEGIN TOPNAV STYLES========*/

/*************************************************/
/* --------------- 4.1 TOP NAV LINKS ------------------- */
/*************************************************/	

 

#topNav a, #topNav a:visited {
	font-weight:bold;
	padding: 8px 5px 8px 5px; 
	margin: 0px 0px 0px 0px;
	line-height: 28px;
	text-decoration: none;
	color: #4d2714;
	
}

#topNav a:active, #topNav a:hover {
	
	color: #AC745D; 
}


/*************************************************/
/* ----------- 4.2 POP MENU (HORIZONTAL)-------- */
/*************************************************/	


/*====== END TOPNAV STYLES==========*/

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

#leftContainer {
	float: left;
	width: 1px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px; 
	font-size: 12px;
	height: auto;
	text-align: left;
}

#leftContainer .titleBar	{
	padding-left: 4px;
	border: 1px solid #CCCCCC;
	color: #4d2714;
	font-weight: normal;
	text-align: left;
}

#leftContainer .search {
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	text-align: left;
}

#leftContainer .search input {
	border: 1px solid #CCCCCC;
	padding: 4px 2px 4px 2px; 
	margin: 0px 0px 5px 0px;
	width: 295px;
}

#leftContainer .search .submit {
	border: 0px;
	background: transparent;
	padding: 0px 0px 0px 90px; 
	*padding: 0px 0px 0px 70px;
	margin: 0px 0px 0px 0px;
}

#leftContainer .submit:hover {
	color: #CC0000;
}

#leftContainer .login {
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 5px 0px;
	text-align:left;
	border: 1px solid #4d2714;
	border-top: 0;
	font-weight: normal;
	color: #333333;
}

#leftContainer .login form p {
	margin: 0;
}

#leftContainer .login a, #leftContainer .login a:visited, #leftContainer .login a:hover, #leftContainer .login a:active  {
	color: #CC0000;
	font-weight: normal;
}

#leftContainer .login form {
	margin: 10px 10px 10px 10px;
}

#leftContainer .login input[type="text"] {
	margin: 0px 0px 5px 0px;
	border: 1px solid #CCCCCC;
}

#leftContainer .login input[type="password"] {
	margin: 0px 0px 5px 0px;
	border: 1px solid #CCCCCC;
}

#leftContainer .login input[type="submit"] {
	margin: 0px 0px 5px 0px;
}

#leftContainer .constantContact {
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 5px 0px;
	text-align:left;
	border: 1px solid #CCCCCC;
	border-top: 0;
}

#leftContainer .constantContact form {
	margin: 10px 10px 10px 10px;
}

#leftContainer .constantContact input[type="text"] {
	margin: 0px 0px 5px 0px;
	border: 1px solid #CCCCCC;
}

/*====== BEGIN LEFT NAV STYLES========*/

/*************************************************/
/* ------------- 5.1 LEFT NAV LEVEL 1 ---------- */
/*************************************************/	
 

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

#navContainer .titleBar	{/*this is the left nav title bar that says "menu"*/
	margin: 0px 0px 5px 0px;
	padding-left: 4px;
	border: 1px solid #CCCCCC;
	color: #666666;
	font-weight: normal;
	text-align: left;
}

#navContainer li {
	width: 1px;/*controls width of the nav containers*/
	margin: 4px 0px 2px 0px;
}

#navContainer a, #navContainer a:link, #navContainer a:visited {
	display: block;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	color: #0033ff;
}

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

/*************************************************/
/* ------------- 5.2 LEFT NAV LEVEL 2 ---------- */
/*************************************************/	

#navContainer ul ul	{
	margin: 4px 0px 4px 5px;
	*margin: 0px 0px 0px 5px;
	}
#navContainer ul ul	li {
		width: -4px; /*controls width of sub nav buttons*/
		margin: 4px 0px 0px 0px;
		*margin: 2px 0px 0px 0px;
	}
#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;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	/*width of left box border*/
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	/*these border colors change color of 2nd level nav box*/
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
	
#navContainer ul ul li a:hover {
	text-decoration: underline;
}
	
/*************************************************/
/* ------------- 5.3 LEFT NAV LEVEL 3 ---------- */
/*************************************************/	

#navContainer ul ul	ul {
	margin: 4px 0px 4px 10px;
	*margin: 0px 0px 0px 10px;
}

#navContainer ul ul ul li {
	width: -14px; /*controls width of 3rd level nav buttons*/
	margin: 4px 0px 0px 0px;
	*margin: 2px 0px 0px 0px;
}

#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;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width:4px; /*width of left box border*/
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	/*BELOW - these border colors change color of 3rd level nav box*/
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CC0000;
	/*border: 1px solid #CCCCCC;*/
	background-image: none;
}
		
#navContainer ul ul ul li a:hover {
	text-decoration: none;
}

/*************************************************/
/* ------------- 5.4 LEFT NAV LEVEL 4 ---------- */
/*************************************************/	

#navContainer ul ul	ul ul {
	margin: 4px 0px 4px 10px;
	*margin: 0px 0px 0px 10px;
}

#navContainer ul ul ul ul li {
	width: -24px; /*controls width of 3rd level nav buttons*/
	margin: 4px 0px 0px 0px;
	*margin: 2px 0px 0px 0px;
}

#navContainer ul ul ul ul li a, #navContainer ul ul ul ul li a:active, #navContainer ul ul ul ul li a:visited, #navContainer ul ul ul ul li a:link {		
	text-decoration: underline;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width:4px; /*width of left box border*/
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	/*BELOW - these border colors change color of 3rd level nav box*/
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #F3C5C5;
	/*border: 1px solid #CCCCCC;*/
	background-image: none;
}
		
#navContainer ul ul ul ul li a:hover {
	text-decoration: none;
}

 

/*************************************************/
/* ------- 6. POP MENU (VERTICAL) ------------- */
/*************************************************/

 

/*====== END LEFT NAV STYLES========*/

/*************************************************/
/* ------------ 7. LEFT CONTAINER BOTTOM ------- */
/*************************************************/

#leftContainerBottom {/*bottom portion of left nav*/
	width: auto;
	height: auto;
	padding: 0px 0px 0px 0px;
	clear: left;
	border:1px solid #CCCCCC;
}

/*************************************************/
/* --------------- 8. RIGHT CONTAINER ---------- */
/*************************************************/

#rightContainer	{
	float: right;
	width: 300px;
	height: auto;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 5px 0px;
	text-align:left;
	font-size: 12px;
}

#rightContainer .titleBar	{
	padding-left: 4px;
	border: 1px solid #CCCCCC;
	color: #666666;
	font-weight: normal;
	text-align: left;
}

#rightContainer .search {
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	text-align: left;
}

#rightContainer .search input {
	border: 1px solid #CCCCCC;
	padding: 2px 2px 2px 2px; 
	margin: 2px 0px 0px 0px;
	width: 295px;
}

#rightContainer .search .submit {
	border: 0px;
	background: transparent;
	padding: 0px 0px 0px 90px; 
	*padding: 0px 0px 0px 70px;
	margin: 0px 0px 0px 0px;
}

#rightContainer .submit:hover {
	color: #CC0000;
}


/*====== BEGIN RIGHT CONTAINER STYLES========*/

/*************************************************/
/* ---------- 8.1 RIGHT CONTAINER CALENDAR ------ */
/*************************************************/

#rightContainer .calendar	{
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 5px 0px;
	text-align:left;
	border: 1px solid #CCCCCC;
	border-top: 0;
}

/*************************************************/
/* -------- 8.2 RIGHT CONTAINER LATEST NEWS ---- */
/*************************************************/

#rightContainer .latestNews	{
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 5px 0px;
	text-align:left;
	border: 1px solid #CCCCCC;
	border-top: 0;
}

#rightContainer .latestNews ul {
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 10px 25px;
}

/*************************************************/
/* ----- 8.3 RIGHT CONTAINER UPCOMING EVENTS --- */
/*************************************************/

#rightContainer .upcomingEvents {
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 5px 0px;
	text-align:left;
	border: 1px solid #CCCCCC;
	border-top: 0;
}

#rightContainer .upcomingEvents ul {
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 10px 25px;
}

/*************************************************/
/* ---------- 8.4 RIGHT CONTAINER NEWSFLASH----- */
/*************************************************/

#rightContainer .newsFlash	{
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 5px 0px;
	text-align:left;
	border: 1px solid #CCCCCC;
	border-top: 0;
}

/*************************************************/
/* ---------- 8.5 RIGHT CONTAINER PROMOTION----- */
/*************************************************/

#rightContainer .promotion	{
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 5px 0px;
	text-align:left;
	border: 1px solid #CCCCCC;
	border-top: 0;
}

/*====== END RIGHT CONTAINER STYLES========*/

/*************************************************/
/* --------- 9. RIGHT CONTAINER BOTTOM --------- */
/*************************************************/

#rightContainerBottom {/*bottom portion of right nav*/
	clear: right;
	width: auto;
	height: auto;
	padding: 0px 0px 0px 0px;
	border:1px solid #CCCCCC;
}

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

#threeColumnTopBox { /*Fluid*/
	margin: 5px 305px 10px 6px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #CCCCCC;
	height: auto;
}

#threeColumnTopBox .titleBar	{/*this is the left nav title bar that says "menu"*/
	margin: 0px 0px 5px 0px;
	padding-left: 4px;
	color: #666666;
	font-weight: normal;
	text-align: left;
}

/*************************************************/
/* --------- 11. THREE COLUMN CONTENT ----------- */
/*************************************************/

#threeColumnContent { /*Fluid*/
	margin: 5px 305px 10px 6px;
	padding: 0px 10px 10px 10px;
	text-align: left;
	height: auto;
}

#threeColumnContent .titleBar	{/*this is the left nav title bar that says "menu"*/
	margin: -8px 0px 0px 10px;
	background-color:#ffffff;
	float:left;
	padding:0px 4px 0px 4px;
	color: #4d2714;
	font-weight: normal;
}

#threeColumnContent .search {
	width: 336px;
	height: 44px;
	margin: 0px auto 0px auto;
	padding: 22px 0px 0px 10px;
	background-image: url(/images/searchBox_bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

#threeColumnContent .search input {
	border: 1px solid #999999;
	width: 298px;
	margin: 0px 20px 0px 0px;
}

#threeColumnContent .search .submit {
	border: 0px;
	width: 64px;
	*height: 22px;
	background: transparent;
	padding: 0px 0px 0px 0px; 
	*padding: 0px 8px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#threeColumnContent .submit:hover {
	color: #CC0000;
}

#threeColumnContent .results {
	width: auto;
	margin: 0px 0px 10px 0px;
	padding: 2px 4px 2px 4px;
	border-bottom: 1px dashed #CCCCCC;
	border-top: 1px dashed #CCCCCC;
	background-color: #F3F3F3;
	font-size: 12px;
}

#threeColumnContent .pages {
	width: auto;
	margin: 0px 0px 10px 0px;
	padding: 0px 4px 0px 4px;
	border-bottom: 1px dashed #CCCCCC;
	border-top: 1px dashed #CCCCCC;
	font-size: 12px;
}

#threeColumnContent form {
	margin: 10px 10px 10px 10px;
}

#threeColumnContent p, #threeColumnContent h1, #threeColumnContent h2, #threeColumnContent h3, #threeColumnContent h4, #threeColumnContent h5, #threeColumnContent h6 {	
	margin: 10px 0px 10px 0px;
}  

/*************************************************/
/* --------- 12. TWO COLUMN CONTENT ------------ */
/*************************************************/

#twoColumnContent { /*Fluid*/
	height: auto;
	margin: 5px 305px 10px 0px;	padding: 0px 10px 10px 10px;
	text-align: left;
}

#twoColumnContent .titleBar	{/*this is the left nav title bar that says "menu"*/
	margin: -8px 0px 0px 10px;
	background-color:#ffffff;
	float:left;
	padding:0px 4px 0px 4px;
	color: #4d2714;
	font-weight: normal;
}

#twoColumnContent form {
	margin: 10px 10px 10px 10px;
}

#twoColumnContent .search {
	width: 336px;
	height: 44px;
	margin: 0px auto 0px auto;
	padding: 22px 0px 0px 10px;
	background-image: url(/images/searchBox_bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

#twoColumnContent .search input {
	border: 1px solid #999999;
	width: 298px;
	margin: 0px 20px 0px 0px;
}

#twoColumnContent .search .submit {
	border: 0px;
	width: 64px;
	*height: 22px;
	background: transparent;
	padding: 0px 0px 0px 0px; 
	*padding: 0px 8px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#twoColumnContent .submit:hover {
	color: #CC0000;
}

#twoColumnContent .results {
	width: auto;
	margin: 0px 0px 10px 0px;
	padding: 2px 4px 2px 4px;
	border-bottom: 1px dashed #CCCCCC;
	border-top: 1px dashed #CCCCCC;
	background-color: #F3F3F3;
	font-size: 12px;
}

#twoColumnContent .pages {
	width: auto;
	margin: 0px 0px 10px 0px;
	padding: 0px 4px 0px 4px;
	border-bottom: 1px dashed #CCCCCC;
	border-top: 1px dashed #CCCCCC;
	font-size: 12px;
}

#twoColumnContent p, #twoColumnContent h1, #twoColumnContent h2, #twoColumnContent h3, #twoColumnContent h4, #twoColumnContent h5, #twoColumnContent h6 {	
	margin: 10px 0px 10px 0px;
}  

/*************************************************/
/* --------------- 13. FOOTER ------------------ */
/*************************************************/

#footer {
	clear: both;
	width:auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
	font-size: 12px;
}

/*************************************************/
/* -------------- 14. COPYRIGHT ---------------- */
/*************************************************/

#copyright {
	height: auto;
	width: auto;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}	

/*************************************************/
/* -------------- 15. POWERED BY ---------------- */
/*************************************************/

#poweredBy {
	height: auto;
	width: auto;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	color: #666666;
}

/*======END SITE LAYOUT========*/

/**************************************************/
/* ----------------- 16. LINKS ------------------- */
/**************************************************/

/* --------------- HEADER ---------- */



/* --------------- LEFT CONTAINER BOTTOM ---------- */

#leftContainerBottom a, #leftContainerBottom a:visited {
	color: #4d2714;
	text-decoration: none;
}

#leftContainerBottom a:hover, #leftContainerBottom a:active {
	color: #ac745d;
	text-decoration: none;
}

/* --------------- RIGHT CONTAINER ---------- */

#rightContainer a, #rightContainer a:visited {
	color: #4d27140;
	text-decoration: none;
}

#rightContainer a:hover, #rightContainer a:active {
	color: #ac745d;
	text-decoration: none;
}

/* --------------- RIGHT CONTAINER BOTTOM ---------- */

#rightContainerBottom a, #rightContainerBottom a:visited {
	color: #4d2714;
	text-decoration: none;
}

#rightContainerBottom a:hover, #rightContainerBottom a:active {
	color: #ac745d;
	text-decoration: none;
}

/* --------------- TWO COLUMN CONTENT ---------- */

#twoColumnContent a, #twoColumnContent a:visited {
	font-weight:bold;
	color: #4d2714;
	text-decoration: underline;
}

#twoColumnContent a:hover, #twoColumnContent a:active {
	color: #ac745d;
	text-decoration: none;
}

#twoColumnContent .breadcrumbs a, #twoColumnContent .breadcrumbs a:visited {
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

#twoColumnContent .breadcrumbs a:hover, #twoColumnContent .breadcrumbs a:active {
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
}

#twoColumnContent .icons a, #twoColumnContent .icons a:visited {
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

#twoColumnContent .icons a:hover, #twoColumnContent .icons a:active {
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

/* --------------- THREE COLUMN CONTENT ---------- */

#threeColumnContent a, #threeColumnContent a:visited {
	
	font-weight:bold;
	color: #0033ff;
	text-decoration: underline;
}

#threeColumnContent a:hover, #threeColumnContent a:active {
	color: #CC0000;
	text-decoration: none;
}

#threeColumnContent .breadcrumbs a, #threeColumnContent .breadcrumbs a:visited {
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

#threeColumnContent .breadcrumbs a:hover, #threeColumnContent .breadcrumbs a:active {
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
}

#threeColumnContent .icons a, #threeColumnContent .icons a:visited {
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

#threeColumnContent .icons a:hover, #threeColumnContent .icons a:active {
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

/* --------------- FOOTER ---------- */

#footer a, #footer a:visited {
	color:  #4d2714;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	text-decoration: underline;
}

/* --------------- COPYRIGHT ---------- */

#copyright a, #copyright a:visited {
	color: #4d2714;
	text-decoration: underline;
}

#copyright a:hover, #copyright a:active {
	color: #4d2714;
	text-decoration: none;
}

/* --------------- POWERED BY ---------- */

#poweredBy a, #poweredBy a:visited {
	color: #0033ff;
	text-decoration: none;
}

#poweredBy a:hover, #poweredBy a:active {
	color: #0033ff;
	text-decoration: underline;
}

/**************************************************/
/* -------- 17. STANDARD CLASSES/ STYLES -------- */
/**************************************************/

/********login button
This may be used for button formatting
Change image for button on hover.
*******/
.button	{
	width:114px;
	height:40px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

a.button, a:active.button, a:visited.button, a:link.button {	
	width:114px;
	height:40px;
}

a:hover.button	{
	width:114px;
	height:40px;
}

.titleBar	{
	font-size: 12px;
	text-align: center;
	width: auto;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	color:#4d2714;
}

.siteLogin {
	border:1px solid #4d2714;
	width:340px;
	margin: 20px auto 20px auto;
}

.login	{/*for right content*/
	color: #666666;	
}

.promos	{
	padding: 5px 5px 5px 5px;
	color: #000000;
	font-weight: 300;
	font-style: italic;
}

.center	{
	text-align:center;
	margin-left: 50px;
}

.breadcrumbs {
	color: #999999;
	text-transform: capitalize;
	text-align: left;
	font-size: 12px;
	margin: 10px 0px 10px 0px;
}

.icons {
	float: right;
	margin: 10px 10px 10px 10px;
	text-align: right;
	color: #999999;
	font-size: 12px;
	width: 28%;
}

/*footer banner!!*/
.promotion {
	clear: both;
	width: auto;
	height: auto:
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	text-align: center;
}

/*session error messages formatting*/
.ErrorMessage	{
	color: #CC0000;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#ffff99;
	margin: 10px 10px 10px 10px;
	padding: 5px 20px 5px 20px;
	border:1px solid #CC0000;
	text-align:center;
	width: auto;
	height: auto;
}

.InfoMessage	{
	color: #0469b3;
	background-color:#ccff66;
	font-weight:bold;
	margin: 10px 10px 10px 10px;
	padding: 5px 20px 5px 20px;
	border:1px solid #0469b3;
	text-align:center;
	width: auto;
	height: auto;
}
	
/*dashed line - use instead of <hr/>*/
.line	{
	margin: -10px auto 0px auto;
	width: 94%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #4d2714;	
}

.hide {
	display: none; /*hide data*/
}

.clear {
	clear: both;
}

.border {
	border: 2px solid #CCCCCC;
}

/*****table formatting*******/
.tabdata {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 80%;
	margin-left:auto;
	margin-right:auto;
}

.tabdata tr {
	background-color: #FFFFFF;
}
.tabdata td {
	border: 1px solid #D6DDE6;
	padding: 4px;
	color: #000000;
	width:50%;
}
.tabdata th {
	border: 1px solid #828282;
	background-color: #000000;
	font-weight: bold;
	text-align: left;
	padding-left: 4px;
	color: #ffffff;
}

.tabdata tr.altrow {
	background-color: #e3e3e3;/*#DFE7F2*/
}

.tabdata tr:hover, .tabdata tr.hilite {
	background-color: #CFD7E2;
}

/*************************************************/
/* ------------- 18. JS Popup CALENDAR --------- */
/*************************************************/

#input	{
	position:absolute;
	z-index:1000;
}


#input .NTScpYearNavigation, #input .NTScpMonthNavigation{
	background-color:#e3e3e3;
	text-align:center;
	vertical-align:center;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
}

.NTScpDayColumnHeader,
.NTScpYearNavigation,
.NTScpMonthNavigation,
.NTScpCurrentMonthDate,
.NTScpCurrentMonthDateDisabled,
.NTScpOtherMonthDate,
.NTScpOtherMonthDateDisabled,
.NTScpCurrentDate,
.NTScpCurrentDateDisabled,
.NTScpTodayText,
.NTScpTodayTextDisabled,
.NTScpText
{
	font-family:arial;
	font-size:8pt;
}

td.NTScpDayColumnHeader
{
	text-align:right;
	border:solid 1px #666666;
	border-width:0px 0px 1px 0px;
}

.NTScpCurrentMonthDate,
.NTScpOtherMonthDate,
.NTScpCurrentDate
{
	text-align:right;
	text-decoration:none;
}

#input .NTScpCurrentMonthDate	{
	color:#000000;/*#3e73de*/
	font-weight:normal;
	text-decoration:none;
}

/*.NTScpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}*/
#input	.NTScpOtherMonthDate{
	color:#cccccc;
	font-weight:normal;
	text-decoration:none;
}
td.NTScpCurrentDate{
	color:#000000;
	background-color: #e3e3e3;
	border:solid 1px #cc0000;
}
	
td.NTScpTodayText, td.NTScpTodayTextDisabled{
	border:solid 1px #666666;
	border-width:1px 0px 0px 0px;
}
	
a.NTScpTodayText, span.NTScpTodayTextDisabled{
	height:20px;
}

#input a.NTScpTodayText	{
	color:#000000;
	font-weight:bold;
}
			
.NTScpBorder{
	border:solid 1px #666666;
	background-color:#ffffff;
}

/**************************************************/
/* -------- 19. DOJO SPECIFIC STYLES ------------ */
/**************************************************/
		 
/*  dojo Tabs  */
.dojoTabPaneWrapper {
	padding : 10px 10px 10px 10px;
	height:150px;
}

#mainTabContainer p	{
	text-align:center;
}

/*googlemaps - dojo*/
#mapLayout{
	width:450px;
	height:400px;
	margin-left:50px;
	border:1px solid black;
	text-align:center;
}

/*tooltips - dojo*/
body .dojoTooltip {
	background-color: #FEFEFE;
	border: 1px solid #999999;
	padding: 5px;
	position: absolute;
	z-index: 10;
	display: block;
}

/**************************************************/
/* ------------------ 20. HACKS ----------------- */
/**************************************************/

body { /* IE 5 centering bug fix */
	text-align: center;
}
		
#wrapper {
	text-align: left;
}

/**************************************************/
/* ------------------ 21. PRINT STYLES----------- */
/**************************************************/

@media print { 
		

#container {
	float: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	border: 0;
}

#header {
	display: none;
	
}

#header .logo	{
	display: none;	
}

#header .mastHead	{
	display: none;
}

#header .headerLinks	{
	display: none;
}

#topNav {
	display: none;
}

#leftContainer {
	display: none;
}

#navContainer {
	display: none;
}

#leftContainerBottom {
	display: none;
}

#rightContainer	{
	display: none;
}

#rightContainerBottom {
	display: none;
}

#threeColumnTopBox { 
	display: none;
}


#threeColumnContent { 
	float: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	border: 0;
}

#twoColumnContent { 
	float: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	border: 0;
}
	
#footer {
	display: none;	
}

#copyright {
	display: none;	
}	

#poweredBy {
	display: none;	
}

.breadcrumbs {
	display: none;
}

.InfoMessage {
	display: none;
}

.ErrorMessage {
	display: none;
}

.icons {
	display: none;
}
.promotion {
	display: none;
}

#mastHead	{
	display: none;
}
}