* { margin:0; padding: 0;}
.clear{ width: 100%; height: 1px; line-height: 1px; font-size:0; display:block; clear: both; }

body {
	margin: 0px;
	padding: 0px;
	text-align:center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.7em; 
	color: #000;
	background:#fff;
	background-attachment: scroll;
	background-color: #e0edf1;
    background-image: url(images/bg_drop.png);
	background-repeat: repeat-y;
	background-position: center top;
	/*background: url(/images/g_bg-tile1.gif);*/
	font-weight: 200;
	text-decoration: none;
}

/* ================================================================
   MAIN STRUCTURES
   ================================================================ */
#container { width: 776px; min-height: 650px; margin: 0 auto; }
#wrapper   { margin: 10px 5px 0 5px; background:url(/images/g_body-bg.gif) repeat-y top; }
#firstCol  { width: 181px; float: left; text-align: left; }
#secondCol { width: 565px; float: left; text-align: left; padding: 0px 10px 0px 10px; }

/* ================================================================
   HEADER & TIPC LOGO
   ================================================================ */
#header { width: 776px; height:140px; text-align:right; margin: 0 auto; }
#logo   { float:left; width: 151px; height: 120px; margin-top: 5px;}
html>body #logo { margin-top: 0;}
#header ul { width: 18.5em; height: 2.3em; float: right; text-align: right; list-style:none; margin:0; color:#DBDBDB; padding: 0 0 0 20px; background:url(/images/g_tns-bg.gif) no-repeat bottom right; voice-family: "\"}\""; voice-family:inherit;  }
html>body #header ul { width: 18.5em; margin-bottom: 1px;}

#login { display:block; width: 48.0em; float:right; margin-top: 20px; margin-left:20px; }
html>body #login { margin: 0 2px 0 0; }

#header ul li { float:left; padding: 6px 0 0 0; text-align: right; line-height:100%; margin:0; list-style:none; }
#header ul li span { margin: 0 9px; color: #D9D8D8;}
#header ul li a:link { color:#505050; text-decoration:none; }
#header ul li a:visited, #header ul li a:active{ color:#505050; }
#header ul li a:HOVER{ text-decoration:underline; color:#6C9E01; }
#header p { font-family: Arial; text-align: left; padding-bottom: 14px; margin-left: 98px; color:#575352;}
#header p span  { margin: 0 10px; color: #9DABC5;}

/* ================================================================
   HOME PAGE SLIDESHOW
   ================================================================ */
#mySlideshow {height: 198px; margin-top: 0; margin-left: 2px; margin-right: 2px; width: 766px; z-index: 5;}
.jdSlideshow {display: none; overflow: hidden; position: relative}
.jdSlideshow .slideElement {background-repeat: no-repeat; height: 100%; width: 100%}

/* ================================================================
   HOME PAGE DIVS
   ================================================================ */
/*#homeWrap div.first {width: 252px; height:191px; margin:0;  background:#F8F8F8; float:left;} */
#homeWrap { width: 776px; }
#homeWrap div.first  { width: 255px; margin: 0 5px 0 0; background: #ffffff; float:left;} /**/
#homeWrap div.second { width: 255px; margin: 0; background: #ffffff; float:left;} /**/
#homeWrap div.third  { width: 256px; margin: 0;             background: #ffffff; float:left;} /**/
#homeWrap h1 { font-size: 1em; color: #ffffff; margin:0 0 5px 0; padding: 3px 0 5px 10px; background:url(/images/g_hp-news-title.gif) no-repeat top left;}
#homeWrap h1 span { font-weight:normal; float:right; padding-right:15px;}	 
#homeWrap h1 a { color: #ffffff;}	
#homeWrap h2 { font-size: 1em; color: #ffffff; margin:0 0 0 0; padding: 4px 0 4px 0; background:url(/images/g_h2.gif) no-repeat top left;}
#homeWrap h3 { font-size: 1em; color: #ffffff; margin:0 0 5px 0; padding: 3px 0 5px 10px; background:url(/images/g_h3.gif) no-repeat top left;}
#homeWrap h4 { font-size: 1em;  color: #ffffff; margin:0 0 5px 0; padding: 3px 0 5px 10px; background:url(/images/g_h4.gif) no-repeat top left;}
#homeWrap h5 { font-size: 1em; color: #ffffff; margin:0 0 5px 0; padding: 3px 0 5px 10px; background:url(/images/g_h5.gif) no-repeat top left;}
#homeWrap .second .pic { float:right; margin: 3px 0px 0 10px; padding-bottom:20px; }
#homeWrap .second p.pic{ margin-right:10px; }
* html #homeWrap .second p.pic{ margin-right:5px; }
#homeWrap .second p.pic img{ background:#fff; border:3px; }
#homeWrap .second dd.pic img{ padding:1px; border:1px solid #C2DD7A; }
#homeWrap dl.homeNews { float:left;}
#homeWrap .second dl.homeNews, #homeWrap .third dl.homeNews  { float:none; }
#homeWrap dl.homeNews dt { padding-left: 10px; padding-top:3px; margin-left:10px; font-weight: bold; color: #0096D6; background: url(/images/a_news.gif) no-repeat top left;}
#homeWrap .second dl.homeNews dt, #homeWrap .third dl.homeNews { padding-bottom:5px;}
#homeWrap dl.homeNews dd {line-height: 1.4em; padding:0 10px 0 20px;}
/*#homeWrap dl.homeNews dd hr { border-bottom: 1px dotted #ccc; margin: 0px 0;}*/
/*html>body #homeWrap dl.homeNews dd hr { margin: 5px 0;}*/
dl.homeNews dd.hrz { margin:0 10px 0 10px; clear:both; height: 1px; padding:0; line-height: 1px; background:#F8F8F8 url(/images/g_hrz_dotted.gif) repeat-x 0 60%;}
html>body dl.homeNews dd.hrz  { margin:10px 10px 4px 10px;}
dl.homeNews dd.hrz hr { height: 1px; color: #fff; margin: 0px 0 0 0; display:block;}
#homeWrap dl.homeNews dd a { color: #2E2D77; text-decoration:underline;}
#homeWrap dl.homeNews dd a:HOVER { color: #6C9E01; text-decoration:underline;}
#homeWrap .second ul{ margin: 7px 0 0 10px; }
#homeWrap .second ul li{ list-style:none; line-height:100%; padding: 2px 0 0 10px; margin-top:1px; font-weight: bold; color: #0096D6; background: url(/images/a_news.gif) no-repeat top left; }
#homeWrap .second a:HOVER { color:#6C9E01; border-bottom: none;}
#homeWrap .second li a{border-bottom: 1px solid #0096D6; }
#homeWrap .second p{margin: 0 0 2px 10px;}
#homeWrap .third p{margin: 0 0 2px 10px;}

/* boxes */
* html #homeWrap .boxTop { height:50px;}
* html #homeWrap .boxBot { height:40px;}
html>body #homeWrap .boxTop { min-height:100px;}
html>body #homeWrap .boxBot { min-height:40px; clear:both;}

/* ================================================================
   MAIN MENU TABS
   ================================================================ */
ul#gns {  margin:0 0 0 5px; list-style:none; }
ul#gns li { float: left; margin-top:5px; margin-right:1px; line-height:100%; list-style:none; }
ul#gns a { height:2.1em; padding-top:10px; float:left; display:block; text-decoration:none; font-weight:bold; color: #fff; }
html>body ul#gns a {}
ul#gns li{ width:110px; background: url(/images/t_gnsall.gif) no-repeat 0px -64px; }
ul#gns li a{ width:110px; background: url(/images/t_gnsall.gif) no-repeat top left; }
ul#gns li a.on{  background: url(/images/t_gnsall.gif) no-repeat 0px -64px; text-decoration:underline; }
ul#gns li a:HOVER{ background:none; }
ul#gns li#gns1 { width:100px; background: url(/images/t_gns1.gif) no-repeat 0px -64px; }
ul#gns li#gns1 a{ width:100px; background: url(/images/t_gns1.gif) no-repeat top left; }
ul#gns li#gns1 a.on{  background: url(/images/t_gns1-o.gif) no-repeat 0px -64px; }
ul#gns li#gns1 a:HOVER{ background:none; }
ul#gns li a#gns7{ width:110px; background: url(/images/t_gnsall.gif) no-repeat top left;  margin-right: 0;  }
ul#gns li a#gns7:HOVER,ul#gns li.on a#gns7 {  background: url(/images/t_gnsall-o.gif) no-repeat top left;}

/* ================================================================
   STATUS BAR / QUICKNAV DROP-DOWN
   ================================================================ */
#statusBar { clear: both; display: block; width:766px; height:auto; background-color:#F2F2F2; text-align:center; margin:0 auto; }
#statusBar ul { margin: 0; list-style-type: none; padding-bottom: 5px; }
ul#bcrumbs { float:left; margin:7px 0 0 10px; list-style-type: none; height: auto;}
ul#bcrumbs li { float:left; margin-right: 10px; font-size: 95%; color: #0D0102; margin-bottom: 0px; line-height: normal; list-style:none; }
ul#bcrumbs li.first{ float:left; margin-right:10px; color: #8B310F;}
ul#bcrumbs li a{ background: url(/images/a_bcrumb.gif) no-repeat left; padding-left:10px; text-decoration: none;  }
ul#bcrumbs li.on a{ font-weight:bold;  }
#statusBar hr{ clear:both; }
ul#bcrumbs li.lev3 { margin: 3px 0 auto 3.6em; clear:left; height: 1.5em; text-align:left; display:block; width: 430px;  }
html>body ul#bcrumbs li.lev3 { margin: 3px 0 auto 7.2em;}

#quickFind { float: right;  width: 222px; /*width:259px;*/ background: #f2f2f2; padding: 0.1em 0 0.4em 0em;}
html>body #quickFind { padding: 0.1em 0 0.4em 0em;}
#quickFind select { font-size: 95%; font-weight:normal; font-family: Verdana; width: 208px; /*width: 245px; */ }
#quickFind label {vertical-align:top; padding:3px 0 0 8px;  float:left;}


/* ================================================================
   LEFT NAVIGATION
   ================================================================ */
p#title { font-weight: bold; color: #FFFFFF; padding: 9px 20px 9px; background: #4daa00 url(/images/g_subnav_cornor.jpg) no-repeat top right;}
#firstCol ul      { margin:0; }
#firstCol ul li   { list-style:none; list-style-image:none; border-bottom: 1px solid #DEDEDE;	background: #FFFFFF url(/images/a_subnav.gif) no-repeat top left; }
#firstCol ul li a { padding: 8px 0.2em 8px 27px; color: #044A87; display:block; text-decoration: none; }
#firstCol ul li a:HOVER { color:#ffffff; border-left: none;  background: #4daa00 url(/images/a_subnav.gif) no-repeat top left;}
#firstCol ul li.open { border-bottom: none;}
#firstCol ul li.on   { font-weight:bold; }
#firstCol ul li.on a { background:#4daa00; color:#fff; background: #4daa00 url(/images/a_subnav.gif) no-repeat top left; text-decoration: none; }
#firstCol ul li ul { border-top: 1px solid #F2F8F6;}
#firstCol ul li ul li { font-weight: normal;}
#firstCol ul li.open ul li  { border-bottom: 1px solid #DEDEDE;}
#firstCol ul li.open ul li a { padding: 4px 0 4px 37px; background: #fff url(/images/a_subnav-sub.gif) no-repeat center left; color:#044A87;}
#firstCol ul li.open ul li.on a,#firstCol ul li.open ul li a:HOVER { padding: 4px 0 4px 37px; font-weight:normal; background: #D9D8D8 url(/images/a_subnav-sub.gif) no-repeat center left; color:#044A87;}

/* ================================================================
   CONTENT / SECOND COL
   ================================================================ */
/*div.pic{ width: 73px; float:left; margin: 0 15px 2px 0;}*/

#content { }
#content p { margin: 2px 0 1.5em 0;}
#content a { text-decoration: underline; color: #6BA141;}
#content a:HOVER{ text-decoration: none; color:#6C9E01;}
#content h1 { font-size: 1em; color: #302C76;}
#content h2 { font-size: 1em; color: #333333;}
#content h3 { font-size: 1em; color: #302C76;}
#content acronym { border-bottom: 1px dotted #3D5F8B;}
#content hr {  height: 1px; color: #fff; margin: 17px 0; }
#content ul,#content ol { margin: 1em 0 1em 1.5em;}

#pagePic       { width: 113px; height: 75px; float:left; margin-bottom:15px; }
div.pic img { padding:1px; border:1px solid #C2DD7A; }
#contentTop    { width: 445px; height: 75px; float:left; margin-bottom:15px; }
#contentTop h1 { font-size: 1.5em; color: #302D7C; margin: 10px 0 0 0; } 

.articleContent{ float:left; text-align:left; margin-right:20px; }


/* ================================================================
   FOOTER
   ================================================================ */
#footer { width: 766px; height:35px; text-align: left; margin: 0 auto; padding:5px 5px; background:#fff; }
#footer p { color: #333; }
#footer a { text-decoration: none; color:#044A87;}
#footer a:HOVER { text-decoration: underline; color:#6C9E01; }
#footer ul {float:left; margin:0; clear:both; display:block; }
#footer ul li { list-style:none; float:left;}
#footer ul li .sep { margin: 0 9px; color:#D9D8D8; }
#footer .top { padding:0px 0 5px 0;}
#footer .bottom { background:#fff; width: 765px; height:6px; text-align:center; padding:10px 0 0 10px; padding-left: 2px; background:url(/images/black.gif) }
html>body #footer .bottom { padding:5px 0 10px 0;}
#footer .designed { float:right; margin:18px 18px 15px 5px;}


/* ================================================================
   SPECIAL STUFF
   ================================================================ */
/* Login form */
#loginForm {width:300px!important; margin:20px auto; padding-right:20px; padding-top:20px; text-align: left;}
form#Login { margin-top:20px; width:320px!important; padding:90px 30px 20px 15px; background:url(/images/login/bgForm1.gif) no-repeat left top; color:#FFF;}
.loginbox {border: 1px solid #ffffff; background:url(/images/login/bgInput.gif) no-repeat top left; margin:1px; width:150px; font-size:85%; padding:3px; height:22px;}
#buttonGo { width: 31px; height: 22px; margin-left:192px;}
.description {display:block; width:70px; float:left; margin-top:5px}

input:focus, select:focus, textarea:focus {background: #EEEEEE;}