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

/* **************************************************************/
/* KELLY WILL KILL YOU IF YOU MESS WITH THIS FILE.  SERIOUSLY, HE WILL.  */
/* **************************************************************/

body{
	margin:0 0;
	padding: 0 0 0 0;
	background-image: url('/images/bg-main.jpg');
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

/* ****************************************************************** */
/* NEW DIV DEFAULT PAGE LAYOUT!                                       */
/* ****************************************************************** */

/* this will read the body up above and apply it. Then if this class is assigned, go through
and just change what this body does.

.bdy_default{
margin:0;
padding:0;
line-height: 1.5em;
}

*/

#maincontainer_default{
width: 989px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border: 0px;
background: #fff;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
}

#advertisement_default{
width:989px;
padding-left: 35px;
padding-right: 35px;
font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
line-height:44px;
color: #666;
font-size: 11px;
font-weight: normal;
text-align: left;
border: 0px;
}

/* If a H1 tag is within the ID=topsection the H1 tag will take on these properties.

#Advertisment h1{
margin: 0;
padding-top: 15px;
}

*/

#naitsabanner_default{
width:989px;
border: 0px;
}

/*used inside header_div.asp*/
#naitsabannerheader{
background-image: url('/images/header.jpg');
	background-repeat: no-repeat;
/*	height: 173px; */
	height: 153px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: bottom;
	color: #fff;
	font-size: 23px;
	font-weight: normal;
	text-align: right;
	padding-right: 37px;	
}

#naitsabannerheader h1{
	margin:0;
	padding:0;
	padding-top:83px;
	color: #fff;
	font-size: 23px;
	font-weight: normal;
}

/*used inside header_div.asp*/
#naitsabannerheader1{
background-image: url('/images/headernew.jpg');
	background-repeat: no-repeat;
/*	height: 173px; */
	height: 153px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: bottom;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	padding-right: 37px;	
}


#navigation1_default{
width:989px;
background: #cccc00;
color: #1a487e;
line-height:44px;
font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
font-size: 12px;
font-weight: bold;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
text-align:center;
}


#contentwrapper_default{
float: left;
width: 100%;
}

#contentcolumn_default{
margin-right: 314px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn_default{
float: left;
width: 314px; /*Width of right column*/
margin-left: -314px; /*Set left margin to -(RightColumnWidth) */
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
color: #666;
font-size: 12px;
font-weight: normal;
text-align: left;
}

#navigation2_default{
width:989px;
background-image: url('/images/bg-footer.jpg');
background-repeat: repeat-x;
border-top:#FFFFFF 1px solid;
/*works clockwise - top right bottom left*/
padding: 10px 0 9px 0;
font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
text-align:center;
color: #fff;
font-size: 11px;
font-weight: normal;
line-height:20px;
clear:left;
/*you can also specify line height the size of the image, and then text will center.
line-height:40px;*/
/*
The reason why you cant give padding a set value of 20 and 20 and it = 40 px tall
is because the padding goes from the top and the bottom of the element in the div(the text)
so if you specify the line height of 20 px and then give padding of 10px top and 10px bot you will
get your exact height and centered text.
line-height:20px;
padding: 10px 0;
*/
/*does not work in div's, since this is a image background,
add padding top and bottom to center the text verically.
vertical-align:middle; */
}

#footer_default{
width:989px;
clear:left;
/*clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
*/
}

.innertube_default{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
padding-top:25px;
padding-left:3px;
}

.innertube_maincnt{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
padding-top:25px;
padding-left: 20px;
padding-bottom: 35px;
padding-right: 20px;
font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
color: #666;
font-size: 12px;
font-weight: normal;
text-align: justify;
}

.innertube_maincnt p{
padding-top:8px;
/*text-indent:20px;*/
}
	
.innertube_maincnt ul{
margin-left:25px;
margin-top:5px;
}

.contentBtnDiv{
padding:20px 15px;
visibility:hidden;
display:none;
}
	
/* ****************************************************************** */



b{
	font-size: 13px;
}

.btn_hd{
border:none;
border-bottom:#1a487e solid 1 px;
margin:0px;
padding:0px;
background-color:#FFF;
color:#1a487e;
font-size:14px;
font-weight:bold;
font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
cursor:pointer;
}


.btn_main{
	border:none;
	border-bottom:#FFF solid 1px;
	/*border-color:#FFF;
	border:solid;
	border-width: 1px;*/
	/*padding:10px 0;  top/bot is 10 and left/right is 0*/
	margin:0px;
	/*margin-top:10px;
	margin-bottom:5px;*/
	/*padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px; */
	width: 150px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	color: #1a487e;
	font-size: 12px;
	font-weight: bold;
	background:#cccc00;
	text-align:center;
	cursor:pointer;
}

.btn_main:hover{
	background:#194a82;
	color:#cccc00;
}

.tbl_main{
	border: 0px;
	background: #fff;
	width: 989px;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
}
.tbl_main2{
	border: 0px;
}
.tbl_main3{
	width: 100%;
	border: 0px;
}
.tbl_mid{
	width: 989px;
	border: 0px;
	height: 218px;
}
.tbl_banner{
	width: 989px;
	border: 0px;
}
h1{
	color: #cccc00;
	font-size: 19px;
	font-weight: bold;
}
h2{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

h3{
	color:#194a82;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;

}
.td_top{
	height: 50px;
	padding-left: 35px;
	padding-right: 35px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: middle;
	color: #666;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}
.td_headernew{
	/*changed this line */
	background-image: url('http://naitsa.ca/images/headernew.jpg');
	background-repeat: no-repeat;
/*	height: 173px; */
/*	height: 153px; */
	height: 100px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: bottom;
	color: #fff;
	font-size: 23px;
	font-weight: normal;
	text-align: center;
	padding-right: 37px;
	}
.td_header2new{
	background-image: url('/images/headernew.jpg');
	background-repeat: no-repeat;
/*	height: 173px; */
/*	height: 153px; */
	height: 100px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: bottom;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	padding-right: 37px;

}

.td_header{
	background-image: url('/images/header.jpg');
	background-repeat: no-repeat;
/*	height: 173px; */
	height: 153px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: bottom;
	color: #fff;
	font-size: 23px;
	font-weight: normal;
	text-align: right;
	padding-right: 37px;
}
.td_header2{
	background-image: url('/images/header.jpg');
	background-repeat: no-repeat;
/*	height: 173px; */
	height: 153px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: bottom;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	padding-right: 37px;
}

.td_nav{
	padding-left: 20px;
	background: #cccc00;
	color: #1a487e;
	height: 44px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	text-align:center;
}
.td_banner{
	border-bottom: solid 1px #fff;
}
.td_banner1{
	position:relative;
	vertical-align: top;
	width: 675px;
	height: 219px;
}
.td_banner2{
	position:relative;
	/*background-image: url('/images/bg-banner.jpg');
	background-repeat: repeat-x;*/
	height: 219px;
	vertical-align: top;
}
.td_mid{
	/*background-image: url('/images/bg-mid.jpg');
	background-repeat: repeat-x;*/
	/*width: 989px;*/
	background-color:#194a82;
	height: 218px;
	vertical-align: top;
}

.td_mid0{
	width: 150px;
	text-align: left;
	vertical-align: top;
	/*padding-top: 15px;
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 15px;*/
	color: #fff;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	font-size: 12px;
}

.td_mid1{
	width: 250px;
	text-align: left;
	vertical-align: top;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	color: #fff;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	font-size: 12px;
}
.td_mid2{
	width: 250px;
	text-align: left;
	vertical-align: top;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	color: #fff;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	font-size: 12px;
}
.td_mid3{
	width: 339px;
	text-align: left;
	vertical-align: top;
	padding-top: 15px;
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 0px;
	color: #fff;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	font-size: 12px;
}
.td_content1{
	padding-top: 0px;
	padding-left: 35px;
	padding-bottom: 35px;
	padding-right: 35px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: top;
	color: #666;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
}

	.td_content1 p{
	padding-top:8px;
	}
	
	.td_content1 ul{
	margin-left:25px;
	margin-top:5px;
	}
	
.td_content2{
	padding-top: 1px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 35px;
	width: 225px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: top;
	color: #666;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
.td_content1-x{
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: top;
	color: #666;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
.td_footer{
	background-image: url('/images/bg-footer.jpg');
	background-repeat: repeat-x;
	border-top:#FFFFFF 1px solid;
	height: 41px;
	padding-left: 35px;
	padding-right: 35px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: middle;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
}
.td_row{
	vertical-align: top;
	text-align: center;
}
input{
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	color: #666;
	font-size: 11px;
	border: solid 1px #ccc;
	height: 20px;
}
.inputButton{
	padding-left: 10px;
	padding-right: 10px;
	height: 20px;
	border: solid 1px #ccc;
	background-color: #fff;
}
a {
	color: #1a487e;
}
a.a-footerCredit {
	color: #999;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: middle;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}
a.a-footerCredit:hover {
	color: #333;
}
a.a-footer {
	color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: middle;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}
a.a-footer:hover {
	color: #cccc00;
}
a.a-midLink{
	color: #cccc00;
}
a.a-midLink:hover{
	color: #ffffff;
}
a.a-navLinkNew{
	text-decoration: none;
	padding-left: 30px;
	padding-right: 30px;
	border-right: solid 1px #fff;
}
a.a-navLink{
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	border-right: solid 1px #fff;
}
a.a-navLink:hover{
	color: #fff;
	text-decoration: none;
}
a.a-navLinkOrig:hover{
	color: #fff;
	text-decoration: none;
}
a.a-topLink{
	color: #333;
	text-decoration: none;
}







/******* Carousel *********/


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 675px;
height: 219px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 675px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

p.samplebuttons{
width: 320px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}


#dhtmltooltip{
position: absolute;
width: 200px;
border: 1px solid #000;
padding: 2px;
background-color: #eeeeee;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#eee,direction=135);*/
}


/* specific classes for naitsa cms */

.img1{
	padding: 0 0px 20px 20px;
}

.textleft{
text-align:left;
}


/************************* SUB MENU STYLES ****************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
overflow: hidden;
position:relative;
top:-21px;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
/*padding-left: 10px; /*offset of tabs relative to browser left edge*/
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}


/**************************CUSTOM STYLES ******************************/

.cal-date{
text-transform: uppercase; text-align: center; vertical-align: middle;  padding: 3px; width: 41px; height:41px; background:url(../images/icons/calendar_background.png) no-repeat;
}


.share{
font-size:10px;
}

.share h1{
font-size:12px;
}

.share input{
font-size:10px;
}

/* Executive */

.executivewrapper{
width:100%;
padding:5px;
background:url(../images/lightgrey_bg_200.gif) repeat-x;
}

/* Staff List */

.stafflist td{
padding:10px 0;
margin:0;
border-bottom:#CCCCCC thin dashed;
}

.stafflist tr:hover{
background-color:#eeeeee;
}

.stafflist tr td:first-child{
font-weight:bold;
}

/* Wellness Week */
.date {
font: 20px lighter "Trebuchet MS", Verdana, Arial, Sans-serif;
color:#7D0041;
}

.wellnesstext {
padding:5px;
background: #f4f7dc;
}

.wellnesstext h2{
color:#7D0041;
}