@charset "utf-8";
/* CSS Document */

/*========================================================*/
/* COLOR GUIDE                                            */
/*========================================================*/
/*
background:dark grey #1e1e1e

========================================================= */


/*========================================================*/
/*    Cascading Style Sheet for TODOCAST                  */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. GLOBAL ELEMENTS                                    */
/*  2. UNIQUE ELEMENTS                                    */
/*  3. GLOBAL LAYOUT                                      */
/*  4. POSITIONIG CLASSES                                 */
/*  5. STYLING CLASSES                                    */
/*========================================================*/

/* ============================================================================================================================= */
/* 1. GLOBAL ELEMENTS                                                                                                            */
/* ============================================================================================================================= */


* {margin:0; padding:0; border:none;}
body {
	font-size:100%;
	line-height:1.125em; /* 16×1.125=18 */
	font-family:"Arial", Tahoma, sans-serif;
	color:#7F7F80;
	background:url(../images/bg_gradient.jpg) #8b8d8f repeat-x top center;	
	width:100%;
	z-index:40;
	}
a {text-decoration:none; color:#2d2d2d;}
a:hover {text-decoration:none; color:#000;}
a:visited {text-decoration:none;}
p {font:0.75em/1.5em "Arial", Tahoma, sans-serif; margin-top:10px;}
p.small {font:0.70em/1.25em "Arial", Tahoma, sans-serif; margin-top:10px; }
p a {text-decoration:none;}
p a:hover {text-decoration:underline;}
p a.ul {text-decoration:underline; color:#7F7F80;}
p a.ul:hover {text-decoration:underline; color:#2d2d2d;}
li a.ul {text-decoration:underline; color:#7F7F80;}
li a.ul:hover {text-decoration:underline; color:#2d2d2d;}
ul {list-style-type:none;}
ol {list-style-type:none;}
textarea {font:0.75em/1.5em "Arial", Tahoma, sans-serif; color:#7F7F80; border:1px solid #7F7F80; padding:5px; overflow:visible;}
label {font:0.75em/1.5em "Arial", Tahoma, sans-serif; color:#7F7F80; }
input {padding:3px; border:1px solid #7F7F80;}
h1 {font: 1.0em "Arial", Tahoma, sans-serif; color:#fff; letter-spacing:-1px;}
h2 {font: 0.85em "Arial", Tahoma, sans-serif; color:#2d2d2d; letter-spacing:0.05em; font-weight:bold;}
h3 {font: 0.75em "Arial", Tahoma, sans-serif; color: #2d2d2d;}
h4 {font: 0.80em "Arial", Tahoma, sans-serif; color:#fff; letter-spacing:0.05em; font-weight:bold;}
h5 {font: 0.60em "Arial", Tahoma, sans-serif; color: #2d2d2d;}
h6 {font: 0.75em "Arial", Tahoma, sans-serif; color: #7F7F80;}


/* ============================================================================================================================= */
/* 2. UNIQUE ELEMENTS                                                                                                            */
/* ============================================================================================================================= */
input.button {padding:10px; margin-top:15px; background:#ccc;}
input.button:hover {background:#2d2d2d; color:white;}
label.error {font:0.75em/1.5em "Arial", Tahoma, sans-serif; color:red;}
#contact_form #message {padding-top:15px;}
ul.copylist a {text-decoration:underline; color:#7F7F80;}
ul.copylist a:hover {text-decoration:none; color:#2d2d2d;}

/* ============================================================================================================================= */
/* 3. GLOBAL LAYOUT                                                                                                              */
/* ============================================================================================================================= */


#wrapper {width:1000px; height:auto; margin:15px auto 0; position:relative; z-index:40; }
#fg {width:980px; float:left; position:relative; z-index:40; height:auto; margin:0 auto; padding:0 10px 40px; z-index:25; background:url(../images/fg_gradient.jpg) #fff repeat-x top center;}
#header {width:980px; float:left;  height:120px; margin:0 auto; position:relative;  z-index:50;}
#content {width:980px; float:left;  height:auto; margin:0 auto; position:relative; position:relative; border-top:10px solid #bbbbbb; z-index:40;}
.subpage_flash {width:540px; float:right;  overflow:hidden; position:relative; height:530px; top:0px; right:0px; border-bottom:10px solid #bbbbbb; }
#subpage_flash {width:540px; float:right;  overflow:hidden; position:relative; height:530px; top:0px; right:0px; border-bottom:10px solid #bbbbbb; }
.subpage_copy { width:390px; float:left;  position:relative; height:auto; margin-top:30px; margin-left:30px; }
.subpage_copy h3, .newspage_copy h3 {font:0.75em/1.5em "Arial", Tahoma, sans-serif; font-weight:bold; margin-top:10px; color:#7F7F80;}
.subpage_copy ul.copylist {list-style-type:disc;font:0.75em/1.5em "Arial", Tahoma, sans-serif; color:#7F7F80; list-style-position:outside;margin:5px 0 0 15px;}
ul.departments li {font-weight:bold;}
ul.positions li {font-weight:normal; margin-left:15px;}
.subpage_copy p a, .newspage_copy p a {text-decoration:underline; color:#7F7F80;}
.subpage_copy p a:hover, .newspage_copy p a:hover {text-decoration:none; color:#2d2d2d;}
.utilitypage_flash {width:440px; float:left;  position:relative; height:530px; top:0px; right:0px; border-bottom:10px solid #bbbbbb; }
.utilitypage_copy { width:470px; float:right;  position:relative; height:auto; margin-top:30px; right:30px; }
.fullpage_flash {width:980px; position:relative; height:330px; top:0px; left:0px; border-bottom:10px solid #bbbbbb; }
#fullpage_flash {width:980px; position:relative; height:330px; top:0px; left:0px; border-bottom:10px solid #bbbbbb; }
.fullpage_copy {width:920px; position:relative; height:auto; margin-top:30px; left:30px; }
.newspage_flash {width:233px; float:right;  position:relative; height:530px; top:0px; right:0px; border-bottom:10px solid #bbbbbb; }
.newspage_copy { width:700px; float:left;  position:relative; height:auto; margin-top:30px; margin-left:30px; /* border-bottom:1px solid #bbbbbb; */}
.news_item {width:100%; float:left;  position:relative; height:auto; padding:15px 0; border-top:1px solid #bbbbbb;}
#sitemap {width:980px; float:left; height:auto; margin:0 auto; position:relative; margin-top:40px;background:url(../images/bg_sitemap.jpg) no-repeat top left; z-index:10;}

.sitemap_plug_bg {position:absolute; top:44px; right:30px; width:300px; height:230px; overflow:hidden; z-index:10;}
.sitemap_plug_copy {position:absolute; top:44px; right:30px; width:240px; height:150px; padding:5px 30px; overflow:hidden; z-index:12;}
.sitemap_plug_title {position:absolute; top:12px; left:690px;}
.sitemap {position:relative; top:45px; left:10px; width:620px; height:275px;}	
.sitemap ul {width:165px; height:auto; position:relative; float:left; padding:25px 0 0 30px;}
.sitemap ul li {height:12px; padding:3px 0;}
.sitemap ul li#current_location {height:12px; padding:5px 0; list-style-image:url(../images/redarrow.png);}
.sitemap ul li.title {height:20px;}
.top_link {position:relative; bottom:0px; left:40px;}
.top_link a {}
#footer {width:980px; float:left; height:50px; margin:0 auto; position:relative; padding:10px 0 0; text-align:center;}
#footer span {font: 0.60em "Arial", Tahoma, sans-serif; color: #fff;}
.logo_graphic {
	position: absolute;
	z-index:50;
	top:37px;
	left:0px;
	width:440px;
	height:66px;
	background:url(../images/logo_subtext.jpg) no-repeat;
}
.logo_graphic a.link_home {
	position: absolute;
	z-index:60;
	top:0px;
	left:0px;
	width:200px;
	height:66px;
	}

.logo_graphic a.link_parent {
	position: absolute;
	z-index:60;
	top:42px;
	left:200px;
	width:240px;
	height:21px;
	}

/* --------------------------------------------------------------------------------------------------------- navigation ---------------- */	
.nav {
	width:540px; 
	height:45px; 
	position: absolute;
	z-index:50;
	background: url(../images/nav_bg.jpg) no-repeat;
    top: 75px;
    right: 0px;
    float:none;  
	}
.nav li {
	margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 45px;
	text-indent: -9000px;
    overflow: hidden;
}
.nav li ul {
	 display: none;
	 position: absolute; 
	 top: 45px;
	 left: 0;
	 background:#E2E2E2;
	 padding:10px 0;
	 z-index:50;
}
li:hover ul, li.over ul {	
	display: block;
}
ul a.sectionhead {
	position:relative;
	height:45px;
	width:auto; 
	padding:0px;
	top:0px;
	left:0px;
}


ul li.dd {
	position:relative;
	height:15px; 
	padding:5px 10px;
}
ul li.dd a:link, ul li.dd a:visited {
	border:none;
	left:0;
	top:0;
	width:auto;
	height:auto;
	background:#E2E2E2;
	overflow:display;
	position:relative;
	text-indent:0;
	margin:0;
	padding:0;
}
ul li.dd a:hover, ul li.dd a:focus {
	border:none;
	left:0;
	top:0;
	width:auto;
	height:auto;
	background:#E2E2E2;
	overflow:display;
	position:relative;
	text-indent:0;
	margin:0;
	padding:0;
	text-decoration:underline;
}
ul li.dd a:hover h3 {text-decoration:underline;}
.nav li#currentpage li.dd a:link, .nav li#currentpage li.dd a:visited {
    margin-top:0px; border-top:none; background:#E2E2E2; text-decoration:none; color: #2d2d2d;
}

/* --------------------------------------------------------------------------------------------------------- nav capabilities ------------------ */

.nav .capabilities a:link, .nav .capabilities a:visited {
    left: 0px;
    width: 98px;
}
.nav .capabilities a:hover, .nav .capabilities a:focus {
    background: url(../images/nav_bg.jpg) no-repeat 0px -45px;
}
.nav .capabilities a:active {
    background: url(../images/nav_bg.jpg) no-repeat 0px -45px;
}
.nav li#currentpage.capabilities a:link, .nav li#currentpage.capabilities a:visited {
    margin-top:-10px; border-top:10px solid #bbbbbb;
}
/* --------------------------------------------------------------------------------------------------------- drop downs capabilities  ----------- */
.nav .capabilities li.dd a:link, .nav .capabilities li.dd a:visited {
	margin-top:0px; border-top:none; background:#E2E2E2; text-decoration:none; color:#2d2d2d; left: 0px; width: 98px;	
}
.nav .capabilities li.dd a:hover, .nav .capabilities li.dd a:focus {
	margin-top:0px; border-top:none; background:#E2E2E2; text-decoration:underline; color:#2d2d2d; left: 0px; width: 98px;	
}
.nav .capabilities ul {
	width:98px; background: url(../images/nav_bg.jpg) no-repeat 0px -45px #E2E2E2; top:0px; padding: 55px 0 10px;
}

/* --------------------------------------------------------------------------------------------------------- nav products_and_services ---------- */

.nav .products_and_services a:link, .nav .products_and_services a:visited {
    left: 98px;
    width: 143px;
}
.nav .products_and_services a:hover, .nav .products_and_services a:focus {
    background: url(../images/nav_bg.jpg) no-repeat -98px -45px;
}
.nav .products_and_services a:active {
    background: url(../images/nav_bg.jpg) no-repeat -98px -45px;
}
.nav li#currentpage.products_and_services a:link, .nav li#currentpage.products_and_services a:visited {
    margin-top:-10px; border-top:10px solid #bbbbbb;
}
/* --------------------------------------------------------------------------------------------------------- drop downs products_and_services  ----- */
.nav .products_and_services a.sectionhead:link, .nav .products_and_services a.sectionhead:visited {
    left: 0px;
    width: 143px;
}
.nav .products_and_services a.sectionhead:hover, .nav .products_and_services a.sectionhead:focus {
    background: url(../images/nav_bg.jpg) no-repeat -98px -45px;
}


.nav .products_and_services li.dd a:link, .nav .products_and_services li.dd a:visited {
	margin-top:0px; border-top:none; background:#E2E2E2; text-decoration:none; color: #2d2d2d; left: 0px; width: 143px;	
}
.nav .products_and_services li.dd a:hover, .nav .products_and_services li.dd a:focus  {
	margin-top:0px; border-top:none; background:#E2E2E2; text-decoration:underline; color: #2d2d2d; left: 0px; width: 143px;	
}
.nav .products_and_services ul {width:143px; left:98px; background: url(../images/nav_bg.jpg) no-repeat -98px -45px #E2E2E2; top:0px; padding: 55px 0 10px;}

/* --------------------------------------------------------------------------------------------------------- nav quality ------------ */

.nav .quality a:link, .nav .quality a:visited {
    left: 241px;
    width: 66px;
}
.nav .quality a:hover, .nav .quality a:focus {
    background: url(../images/nav_bg.jpg) no-repeat -241px -45px;
}
.nav .quality a:active {
    background: url(../images/nav_bg.jpg) no-repeat -241px -45px;
}
.nav li#currentpage.quality a:link, .nav li#currentpage.quality a:visited {
    margin-top:-10px; border-top:10px solid #bbbbbb;
}

/* --------------------------------------------------------------------------------------------------------- nav news ------------ */

.nav .news a:link, .nav .news a:visited {
    left: 307px;
    width: 59px;
}
.nav .news a:hover, .nav .news a:focus {
    background: url(../images/nav_bg.jpg) no-repeat -307px -45px;
}
.nav .news a:active {
    background: url(../images/nav_bg.jpg) no-repeat -307px -45px;
}
.nav li#currentpage.news a:link, .nav li#currentpage.news a:visited {
    margin-top:-10px; border-top:10px solid #bbbbbb;
}

/* --------------------------------------------------------------------------------------------------------- nav Press ----------------- */

.nav .employment a:link, .nav .employment a:visited {
    left: 366px;
    width: 98px;
}
.nav .employment a:hover, .nav .employment a:focus {
    background: url(../images/nav_bg.jpg) no-repeat -366px -45px;
}
.nav .employment a:active {
    background: url(../images/nav_bg.jpg) no-repeat -366px -45px;
}
.nav li#currentpage.employment a:link, .nav li#currentpage.employment a:visited {
    margin-top:-10px; border-top:10px solid #bbbbbb;
}

/* --------------------------------------------------------------------------------------------------------- nav Contact --------------- */

.nav .contact a:link, .nav .contact a:visited {
    left: 464px;
    width: 76px;
}
.nav .contact a:hover, .nav .contact a:focus {
    background: url(../images/nav_bg.jpg) no-repeat -464px -45px;
}
.nav .contact a:active {
    background: url(../images/nav_bg.jpg) no-repeat -464px -45px;
}
.nav li#currentpage.contact a:link, .nav li#currentpage.contact a:visited {
    margin-top:-10px; border-top:10px solid #bbbbbb;
}


/* ============================================================================================================================= */
/* 4. POSITIONING CLASSES                                                                                                         */
/* ============================================================================================================================= */


.fl {float:left;}
.fr {float:right;}
.bigtop {margin-top:30px;}
.toppush {margin-top:15px;}
.btmpush {margin-bottom:15px;}
.biglft {margin-left:30px;}
.lftpush {margin-left:15px;}
.rhtpush {margin-right:15px;}
.clear {clear:both;}


/* ============================================================================================================================= */
/* 5. STYLING CLASSES                                                                                                            */
/* ============================================================================================================================= */

.textblack {color:#000;}
.textdark {color:#2d2d2d;}
.textwhite {color:#fff;} 
a.textwhite:hover {color:#da1f26;}
.uppercase {text-transform:uppercase;}
ul.plugtitle li {list-style-image:url(../images/redarrow.png);}
ul.totop li {list-style-image:url(../images/redarrow_up.png);}
ul.bread {height:25px; float:left; display:block; width:410px;}
ul.bread li{list-style-type:none; float:left; padding-right:10px;}
ul.bread li img {display:block; float:left; padding:2px 10px 0 0;}
ul.bread li h2 {display:block; float:left;}