body{ background: #d0cbbb url('images/body_bg.png') repeat-x; font-family: Arial, Helvetica, sans-serif; padding: 0 0 75px 0;  color: #333;}

#big_wrap{ width: 100%;  position: relative; background: url('images/bg_lines-trans.png') center center no-repeat;}

#wrap{width: 902px; position: relative; margin: auto;}

#top{float: left; width: 902px; position: relative;}

#logo{float: left;}

#search_holder{float: right;  font-size: 10pt; font-weight: bold; color: #666; height: 50px; position: relative; width: 480px; }

#search_holder img{float: left;}

.search_box{ float: left;  padding: 10px 10px 0 0; }

input.search_text{border: 1px solid #ccc; width: 120px; height: 14px; margin: 0 5px 0 5px;}

#top_socialicons{height: 30px; position: relative; float:right; padding: 3px 0 0 0; }

#top_fb img{ width:30px; height:30px; background-image:url('images/social_fb_off.png');}

#top_fb img:hover{ width:30px; height:30px; background-image:url('images/social_fb_on.png');}

#top_tw img{ width:30px; height:30px; background-image:url('images/social_tw_off.png');}

#top_tw img:hover{ width:30px; height:30px; background-image:url('images/social_tw_on.png');}

#top_nav{ float: right; padding: 0 0 0 10px; }

#top_nav  a{ text-decoration: none; color: #666; padding: 5px 10px 0 10px; float: left;  }

#top_nav a:hover, #top_nav a.active{color: #000; padding: 1px 10px 0 10px; border-top: 4px solid #cc3300;}

#top_bar{ width: 900px; height: 40px; margin: auto; background: transparent url('images/top_bar_bg.png') no-repeat;}

#top_bar_header{ color: #ccc; font-size: 20px; padding: 7px 0 0 20px; width: 400px; float: left;}

#top_bar_buttons{ float: right; padding: 10px 15px 0 0;}

a#top_bar_com img, a#top_bar_com:visited img, a#top_bar_com:active img { width:191px; height:25px;background-image:url('images/com_button_sm_off.png');}

a#top_bar_com:hover img {width:191px; height:25px;background-image:url('images/com_button_sm_on.png');}

a#top_bar_training img, a#top_bar_training:visited img, a#top_bar_training:active img { width:128px; height:25px;background-image:url('images/training_button_off.png');}

a#top_bar_training:hover img {width:128px; height:25px;background-image:url('images/training_button_on.png');}

a#top_bar_nc img, a#top_bar_nc:visited img, a#top_bar_nc:active img { width:99px; height:25px;background-image:url('images/res_button_on.png');}

a#top_bar_nc:hover img {width:99px; height:25px;background-image:url('images/res_button_on.png');}

a#top_bar_eb img, a#top_bar_eb:visited img, a#top_bar_eb:active img { width:126px; height: 22px;background-image:url('images/eb_button_sm_on.png');}

a#top_bar_eb:hover img {width:126px; height:22px;background-image:url('images/eb_button_sm_on.png');}

#content{ width: 900px; /*min-height: 470px;*/ background: transparent url('images/content_top.png') no-repeat; position: relative; margin: 5px auto; padding: 5px 0 0 0;}

#copy{ width: 900px; margin: auto; /*min-height: 455px;*/ background: transparent url('images/content_bg.png') repeat-y}

#content_btm{ width: 900px; height: 5px; background: transparent url('images/content_btm.png') no-repeat; position: relative; top: -5px; left: 1px;}

#text{width: 880px; /*height: 405px;*/ margin: auto; font-size: 13px; /*overflow: hidden;*/ padding: 5px 0 0 0;}

#text h1,h2,h3,h4,h5,h6{font-weight: bold; font-size: 14px; margin: 3px 0 3px 0;}

#text a{ color: #333;}

#text a:hover{ text-decoration: none;}

#text p{ margin: 10px 0 10px 0;  }

#text ul, #text ol{ padding: 0 0 5px 25px; }

#text ul li{list-style-type: disc;  }

 #text ol li {list-style-type: decimal;  }

#crumbs{ position: relative;  color: #333; font-size: 13px; font-weight: bold; width: 880px; margin: auto;}

#crumbs a{ text-decoration: none; color: #333; font-weight: normal; padding: 0 4px 0 4px;}

#crumbs a:hover, #crumbs a.current{ text-decoration: none; color: #fff; background:  #006699;}

#nav{ width: 880px; height: 32px; margin:auto; padding: 0;  font-size: 14px;  position: relative; z-index: 10000;}

/*MAIN MENU*/
#main_menu {position: relative;}
ul#main_menu  {z-index: 10; clear: both;}
#nav ul {list-style-type: none; margin: 5px 0 0 0; background: #fff}
#nav ul li {float: left;  text-align: center; font-weight: bold;}
#nav ul li a {display: block;  padding: 8px 0 0 0; border-top: 1px solid #999; border-right: 1px solid #999; color: #333; text-decoration: none; width: 175px; height: 25px;}
/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {border-top: 4px solid #006699; background: transparent; padding: 5px 0 0 0;color: #333;}
#nav li.menu-last a{ border-right: none; }

/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 174px; margin: 0; display: none; background: #fff; border: 1px solid #ccc; border-bottom: 4px solid #006699;  padding: 10px 0 0 0;}
#nav .menu li ul li {width: 174px; text-align: center; font-weight: normal; margin: 0; padding: 0; }
#nav .menu li ul a {width: 174px; padding:0; /*background: #fff;*/ color: #000; border: 0; font-size: 11px;}
/* 2nd Child link hover */
#nav .menu li ul a:hover {color: #006699;  border: 0; padding:0; }

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block; bottom: 30px}
#nav .menu li ul ul { display: none; padding: 10px 0; border-bottom: none; }
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
/*#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}*/
/* 3rd Child Menu Appreances */
/*#nav .menu li ul li ul{ background: #fff;  }
#nav .menu li ul li ul li a 	{ width: 175px;background: #fff; color: #000; border: 1px solid #ccc;  border-left: none; border-top: none;}
#nav .menu li ul li ul li a:hover 	{ border: 1px solid #ccc;  border-left: none; border-top: none; background: #fff;}*/

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {position: absolute;top: 1px;left: 100%;}

/* Current page Customisations*/
#nav li.menu-current a		{border-top: 4px solid #006699; padding: 5px 0 0 0;}
/*to disable showing flyup on current page uncomment the line below*/
/*#nav .menu li.menu-current:hover ul, #nav .menu li.menu-parent:hover ul {display: none;}*/
#nav .menu li.menu-parent ul li.menu-current a{ font-weight: bold; color: #006699;}
#nav li.menu-parent a		{border-top: 4px solid #006699; padding: 5px 0 0 0;} 

/* end main menu */

/*SECONDARY MENU*/
#bar {width: 98%; border-bottom: 1px solid #ccc; height: 27px; margin: auto; padding: 5px 0 0 0; } 

#secondary_nav{width: 86%; height: 27px; font-size: 13px;  float: left; margin: 0 0 0 1px;}

#media_btn{ float: right; /*border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; */height: 27px; width: 13%;}

#secondary_nav ul {list-style-type: none; }
#secondary_nav ul li {float: left; color: #333; text-align: center; font-weight: normal;}

#secondary_nav ul li a {display: block; background: #fff; border-right: 1px solid #ccc; color: #333; text-decoration: none; padding: 6px 8px 5px 8px; }

/* Root Level Link Formatting */
#secondary_nav ul li a:hover, #secondary_nav li a:focus { background: transparent url('images/secondary_hover.jpg') bottom left repeat-x;}

/* Current page Customisations*/
#secondary_nav li.menu-current a	{background: transparent url('images/secondary_hover.jpg') bottom left repeat-x;}
#secondary_nav li.menu-parent a	{background: transparent url('images/secondary_hover.jpg') bottom left repeat-x;} 

/* 2nd Child menu */
#secondary_nav .secondary li ul { background: #fff; position: absolute; width: 12em; display: none; text-transform: none; border: 1px solid #ccc; /*border-top: 4px solid #006699;*/ padding: 0 0 10px 0; }
#secondary_nav .secondary li ul li {width: 12em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em; position: relative; }
#secondary_nav .secondary li ul a {width: 11.5em; padding: .6em .1em 0 .4em; background: #fff; color: #333; border: 0;position: relative;}
#secondary_nav .secondary li ul li.menu-current a {color: #006699; font-weight: bold;}

/* 2nd Child link hover */
#secondary_nav .secondary li ul a:hover {color: #006699; border: 0;}

/* Show and hide */
#secondary_nav .secondary li:hover ul, #secondary_nav  .secondary li a:focus ul, #secondary_nav .secondary li.subMenu ul {display: block; top: 27px; }

#secondary_nav .secondary li ul ul { display: none;}
#secondary_nav .secondary li:hover ul ul, #secondary_nav  .secondary_nav  li.subMenu ul ul {display: none;}
#secondary_nav .secondary li:hover ul, #secondary_nav  .secondary li.subMenu ul, #secondary_nav  .secondary li li.subMenu ul {display: block;}
#secondary_nav  .secondary li li:hover ul{display: block; top: 0}

#secondary_nav .secondary li ul li.menu-parent a {color: #006699; }
/* 3rd Child Menu Appreances */
#secondary_nav .secondary li ul li.menu-parent ul li a, #secondary_nav .secondary li ul li.menu-current ul li a{color: #333; font-weight: normal; }
#secondary_nav .secondary li ul li.menu-parent ul li.menu-current a{color: #006699; font-weight: bold; }


/* Positioning the Pop-out Drops */
#secondary_nav li {position: relative;}

#secondary_nav ul ul ul {position: absolute; top: 1px;left: 100%;}

.clear{ clear: both;}

#pre_footer{width: 900px; height: 93px; margin: auto; position: relative; background: transparent url('images/pre_footer_bg.png') no-repeat; font-size: 10px;  color: #666; overflow: hidden;}

#pre_footer_right{float: left; padding: 7px 3px 0 3px; width: 269px; }

#pre_footer_left{ float: left; padding: 7px 0 0 5px; width: 620px;}

#pre_footer_left table { float: left; border-right: 1px solid #ccc; height: 80px; width: 470px; }

#pre_footer_left table.last_col {  width: 150px;}

#pre_footer_left table td{vertical-align:top;  padding: 0 5px 0 5px;}

#pre_footer_left h1{ font-weight: bold; font-size: 13px;}

#pre_footer_left a{ color: #666; text-decoration: none;}

#pre_footer a:hover{ color: #006699;}

#i_logo{ position: absolute; top: 2px; right: 200px;}

#footer{width: 900px; margin: 8px auto; position: relative; color: #666; font-size: 11px; }

#footer a{ color: #666; text-decoration: none;}

#footer_right{ float: right; text-align: right;}

#footer_left{ float: left}

#footer_left td{ padding: 0 20px 0 0;}

#footer_mid{ float: left; padding: 0 0 0 10px;}

#footer_mid img { padding: 0 15px 0 0;}


