@charset "utf-8";

/*        Dakota Eye redesign CSS.                                      
************************************************************************/

/* Reset
*************************************************************************/
* {margin: 0 0 0 0; padding: 0 0 0 0;} 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, outline {
  margin: 0 0 0 0; padding: 0 0 0 0; border: 0 0 0 0; outline: 0 0 0 0; font-size: 100%;}
  
/* Page Structure
*************************************************************************/
body {
	background-image: url(/templates/assets/img/bg.jpg);
	background-repeat: no-repeat;
	background-color:#0c4c94;
	background-position:0px -60px;
	color: #333;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size:100%;
	line-height:1.125em; /* 16x1.125=18px */
	margin: 0;
	padding: 0;
	text-align: center;
	}
#container {width:960px; margin: 30px auto 30px auto; text-align: left; } /* holds everything */
#header {background:url(/image/cache/dei_header_right_bg.png) right top; width: 960px; height: 130px; background-repeat:no-repeat;} /* logo, tagline, headermainnav */
#headermainnav {width: 600px; height:30px; float:right; padding-left:40px; }
#feature {width: 960px; height: 210px;} /* random image banner */
#innercontainer {width:960px; margin:0; padding:0; background:#fff; background-image:url(../assets/img/innerbg.png);
	background-repeat:repeat;} /* sidenav & maincontent */
#sidebar { float: left; width: 240px; height:700px;	padding: 40px 40px 10px 40px; background-image:url(/templates/assets/img/sidebg.png); background-repeat:repeat;background-color:#fff; }
#mainContent { margin: 0 0 0 320px; padding: 0 10px 0 40px; background: #fff;} 
#breadcrumbs {width:590px; height:15px; padding:5px 0; font-size: 0.65em; /* 16x0.65=14px */	margin: .5em 0 0 0; /* 14x1.286=18px */ text-transform:uppercase; }
#footer { width: 940px;	height: 50px; padding: 0 10px; clear:both; background-image: url(/templates/assets/img/footerbg.png);} 

/* Type Styles, Link Styles & all Classes 
************************************************************/
h1, h2, h3 {font-weight:bold; color:#1d5fa1; margin-top:.75em;}
h1 {font-size: 1.375em; /* 16x1.375=22px */	line-height: 1.5em;/* 16x1.636=36px */ }
h2 {font-size: 1.125em; /* 16x1.125=18px */ line-height: 1.125em;}
h3 {font-size: 1.0em; /* 16x1=16px */       line-height: 1em;}
p {	font-size: 0.875em; /* 16x0.875=14px */	margin: 1.286em 0; /* 14x1.286=18px */}

.logo {float:left; width:320px; border:none;} /* in header */
.whoweare {float:right; width:560px; padding:15px 40px 0px 40px; margin-top:28px; font-size: 0.875em; font-style:italic; color:#006eb1;}

#mainContent a:link {color: #1d5fa1; text-decoration:none;}     /* unvisited link */
#mainContent a:visited {color: #1d5fa1; text-decoration:none;}  /* visited link */
#mainContent a:hover {color: #006eb1; text-decoration:underline;}   /* mouse over link */
#mainContent a:active {color: #006eb1}   /* selected link */  

.footerparagraph {text-align: left; margin: 0 0 0 360px; padding: 0; font-size: 0.625em; /* 16x0.625=10px */}

.fltrt { float: right;	margin-left: 8px;}
.fltlft {float: left;	margin-right: 8px;}
.clearfloat {clear:both;    height:0;    font-size: 1px;    line-height: 0px;}

/* Header Navigation
**********************************************************************/
#header a {color: #006eb1; font-weight:bold; font-family: Arial, sans-serif; 
font-size: .95em; text-align:center; text-decoration: none;}
#header a:hover { color: #006eb1; font-weight:bold; text-decoration:underline;}
#header ul { /* all lists */ padding: 0px 5px 0 0;list-style: none;} 
#header ul li {/* all list items */float: left; position: relative; padding-right:17px; }

/* Feature section (just below header)
**********************************************************************/
#featureleft {float:left; width:320px; height:210px}/*randomimage banner left*/
#featureright {float:right; width:640px; height:210px}/*randomimage banner right*/
#featureright img {border:none; outline:none;}
.featureimg_r {float:right; width:640px;}
.featureimg_l {float:left; width:320px;}

/* Newsfeed section (homepage)
**********************************************************************/
.news_titlelist {padding-left: 20px;list-style:square; }
.news_titlelist a {font-size: 1.0em; line-height: 1.5em; color:#000; text-decoration:none; font-weight:normal;}
.news_titlelist a:hover {font-size: 1.0em; line-height: 1.5em; color:#7fb6c5; }

/* Footer Navigation
**********************************************************************/
#footer a {color: #000000/*#f04a26*/; font-weight:normal; font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif; 
font-size: 1em; /* 16x.625=10px */ text-align:left; text-decoration: none;}
#footer a:hover { color: #000; font-weight:normal; text-decoration: underline;}
#footer ul { /* all lists */ padding: 15px 20px 0 40px;list-style: none;} 
#footer ul li {/* all list items */float: left; position: relative; padding-right:10px}
#footer li ul { /* second-level lists */ display: none;}


/* Jobs Navigation
**********************************************************************/
div.jobs ul#jobs {list-style-type:none;}
div.jobs ul#jobs li a {
    width:240px;
    height:210px;
    display:block;
    background-image:url(/images/cache/Job-Application-Graphic.jpg);
    text-indent:-999px;
    margin-bottom:20px;
}

	
	
/* Social Media Menu - top of all pages 
---------------------------------------------------------------------*/
div#headermainnav ul li.faceb {
    padding:0px;
}
li.faceb a {
    display:block;
    background:url(/image/cache/socialnav.png) no-repeat; 
    height:40px;
    width:40px;
    text-indent:-999em;
    background-position:0 0;
margin-top:-11px;

}

li.faceb a:hover {
    display:block;
    background:url(/image/cache/socialnav.png) no-repeat; 
    height:44px;
    width:40px;
    text-indent:-999em;
    background-position:-154px 0;
}