/* General  */

body {
	font-family: Verdana, sans-serif;
    font-size: 11px;
	background-image: url(/images/bgBody.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}


#site {
	width: 820px;
	margin: 0px auto;
}

#top {
	width: 820px;
	height: 132px;
}

#menu {
	height: 36px;
	float: right;
	margin: 0;
}

div.clear {
	position: relative;
	clear: both;
}

/**************** LOGO *******************/
/**************** LOGO *******************/
/**************** LOGO *******************/
/**************** LOGO *******************/
#logo {
	margin-top: 8px;
	height: 84px;
	width: 236px;
	float: left;
	}
#logo span {
	display: none;
}
#logo a, #logo a:visited {
	display: block;
	height:84px;
	width: 236px;
	background: url(/images/datric_logo_reg.gif) top left no-repeat;
}

/**************** TOPNAV *******************/
/**************** TOPNAV *******************/
/**************** TOPNAV *******************/
/**************** TOPNAV *******************/
#topnav {
	margin-top: 2px;
	text-align: right;
	color: #FFF;
	font: 10px Verdana, sans-serif;
	width: 820px;
	height: 20px;
}
#topnav a {
	text-decoration: none;
	color: #FFF;
}
#topnav a:hover {
	text-decoration: underline;
	color: #FFF;
} 
/**************** NAVIGATION *******************/
/**************** NAVIGATION *******************/
/**************** NAVIGATION *******************/
/**************** NAVIGATION *******************/
#nav {
	position: relative;
	top: 77px;
}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav li {
	float: left;
	position: relative;
	background: transparent url(/images/bgNav.gif) 0 100% repeat-x;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #000;
	border-right: 1px solid #bcbcbc;
}
#nav li ul {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	background: url(/images/bgSubLastHover.gif) bottom no-repeat;
}
#nav ul li { 
	padding: 0;
	background: transparent none;
	border-right: none;
	width: 135px;
	text-transform: none;
	float: none;
	display: block;
}
#nav li>ul {
	top: 30px;
	left: 0;
}
#nav li:hover ul, #nav li.over ul {
	display: block;
	z-index: 9999;
	color: #FFF;
}
#nav li a {
	display: block;
	padding: 6px 6px 6px 8px;
	text-decoration: none;
	color: #000;
	background: #f0f0f0;
}
#nav li li a {
	height: 1%;
	border-bottom:1px solid #bcbcbc;
}
#nav li a:hover {
	background: #bcbcbc;
	color: #000;
}
li#navHome, li#navWhat, li#navWho, li#navCareers, li#navProds {
	height: 22px;
	padding: 8px 10px 0 10px;
}
#navWhat:hover, #navWho:hover, #navCareers:hover, #navProds:hover, #nav li.over, #what #navWhat, #who #navWho, #prods #navProds { 
	background: #7A8F91 url(/images/bgNavHover.gif) 0 100% repeat-x;
}
#nav .baseNav  {
	padding: 0;
	margin: 0;
	background: transparent none;
}
#nav a.baseNav:hover {
	background: transparent none;
}
#nav #navHome {
	background: transparent url(/images/bgNavFirst.gif) 0 0 no-repeat;
}
#nav #navHome:hover, #nav #navHome.over {
	background: transparent url(/images/bgNavFirstHover.gif) 0 0 no-repeat;
}
#nav #navCareers {
	background: transparent url(/images/bgNavLast.gif) 100% 0 no-repeat;
	border-right: none;
}
#nav #navCareers:hover, #nav #navCareers.over, #careers #navCareers {
	background: transparent url(/images/bgNavLastHover.gif) 100% 0 repeat-x;
}
#nav li li a.subLast {
	background: transparent url(/images/bgSubLast.gif) bottom no-repeat;
	border-bottom: none;
}
#nav li a.subLast:hover {
	background: transparent url(/images/bgSubLastHover.gif) bottom no-repeat;
}

/*********** CONTENT ***************/
/*********** CONTENT ***************/
/*********** CONTENT ***************/
/*********** CONTENT ***************/

#content {
		width: 789px;
		margin: 0 0 0 15px;
}

#fullpage {
		width: 789px;
		padding-top: 10px;
		padding-bottom: 10px;
}

#box {
		border: solid  #000 1px;
		padding-top: 5px;
		padding-bottom: 5px;		
}

#left {
		width: 564px;
		padding-top: 10px;
		float: left;
}

#rightcol {
		width: 184px;
		margin-left: 41px;
		padding-top: 10px;
		float: left;
}

#footer { 
		margin: 0 auto;
		width: 820px;
		border-top: 2px solid #adc0c2;
		font-size: 11px;
		text-align: left;
		padding: 16px 0;
		margin-top: 8px;
		color: #545454;
}

#copywrite {
	float: left;
}

#siteby {
	float: right;
}

div.column {
	float: left;
	position: relative;
	width: 178px;
}

div.column.spaceCol {
	margin-right: 15px;
}


/**************** SIDELINKS *******************/
/**************** SIDELINKS *******************/
/**************** SIDELINKS *******************/
/**************** SIDELINKS *******************/

#rightcol ul{list-style-type:none;padding:0;margin:0;}
#rightcol li{}
#rightcol li span.item{margin-left:-12px;padding-left:12px;background:url(/images/rcol_li_a.gif) no-repeat 0 4px;display:block;}
#rightcol li a:hover span.item{text-decoration:underline;}
#rightcol li span.desc{padding:0;color:#666;}
#rightcol li a{color:#002163;text-decoration:none;display:block;background:url(/images/rcol_li.gif) no-repeat 0 100%;margin:0;padding:10px 25px 10px 15px;}
#rightcol li a:hover{background:url(/images/rcol_li_ovr.gif) repeat-y 0 100%;}
#rightcol li.find_info {padding:0;margin:0;height:49px;text-indent:-5000px;background:url(/images/rcol_useful_info.gif) no-repeat;}
#rightcol li.edw_steps {padding:0;margin:0;height:49px;text-indent:-5000px;background:url(/images/rcol_edw_steps.gif) no-repeat;}
#rightcol li.last a{background:url(/images/rcol_li_bottom.gif) no-repeat 0 100%;padding-bottom:20px;}
#rightcol li.last a:hover{background:url(/images/rcol_li_bottom_ovr.gif) repeat-y 0 100%;}

/**************** WORK *******************/
/**************** WORK *******************/
/**************** WORK *******************/
/**************** WORK *******************/

.col_lholder {
		width: 380px;
		margin-top: 0px;
		float: left;
		margin-right: 29px;
		margin-bottom: 10px;
}

.col_rholder {
		width: 380px;
		margin-top: 0px;
		float:left;
		margin-bottom: 10px;
}

/**************** TYPOGRAPHY *****************/
/**************** TYPOGRAPHY *****************/
/**************** TYPOGRAPHY *****************/
img.header {
		margin-top: 8px;
}

h1 {
		font-family: "Trebuchet MS", Verdana, sans-serif;
		font-size: 21px;
		margin-bottom: 6px;
		font-weight: normal;
		color: #ffffff;
}

h2 {
		font-family: "Trebuchet MS", Verdana, sans-serif;
		font-size: 20px;
		line-height: 23px;
		color: #002163;
		font-weight: normal;
}

h3 {
		font-size: 15px;
		color: #002163;
		margin-bottom: 8px;
		padding: 0;
		margin-top: 10px;
		font-family: "Trebuchet MS", Verdana, sans-serif;
		font-weight: bold;
}

h4 {
		font-family: Verdana, sans-serif;
		font-size: 10px;
		margin: 0 0 6px 0;
		padding: 0;
		color: #545454;
		font-weight: bold;
}

h5 {
		font-size: 13px;
		color: #002163;
		font-weight: normal;
		font-family: "Trebuchet MS", Verdana, sans-serif;
		font-weight: bold;
		margin: 0;
		padding: 0;
}


p.blue {
		color: #ffffff;
		font-size: 11px;
		line-height: 16px;
}

p {
		color: #545454;
		font-size: 11px;
		line-height: 16px;
		margin: 0 0 16px 0;
		padding: 0;
}

p.listp {
		margin: 5px 0 0 0;
}

p.italic {
		font-style: italic; 
}

hr {
	width: 100%;
	border: 0;
	color: #adc0c2;
	background-color: #adc0c2;
	height: 1px;
	margin-bottom: 16px;
}

ol, ul, li {
	color: #545454;
}

ul li {
	line-height: 16px;
}

.lists ul, ol {
	margin-top: 0;
}

.lists li {
	margin-top: 3px;
	line-height: 16px;
}

fieldset {
	border: none;
	margin: 5px 0;
	padding: 0;
}

label {
		font-family: Verdana, sans-serif;
		font-size: 10px;
		margin: 0;
		padding: 0;
		color: #545454;
		font-weight: bold;
}

input {
		border: 1px #cccccc solid;
		color: #878787;
		font-family: "Trebuchet MS", Verdana, sans-serif;
		margin-top: 5px;
		font-size: 11px;
}

textarea {
		border: 1px #cccccc solid;
		color: #878787;
		margin-top: 5px;
		font-family: "Trebuchet MS", Verdana, sans-serif;
		font-size: 11px;
}

p#byline {
		font-family: "Trebuchet MS", Verdana, sans-serif;
		font-size: 20px;
		line-height: 23px;
		color: #002163;
		font-weight: normal;
}		

a.normal, a.normal:visited {
	color: #002163;
	border-bottom: 1px dotted #002163;
	text-decoration: none;
}

a.normal:hover {
	color: #002163;
	border-bottom: 1px solid #002163;
}

p a, p a:visited {
	color: #002163;
	border-bottom: 1px dotted #002163;
	text-decoration: none;
}

p a:hover {
	color: #002163;
	border-bottom: 1px solid #002163;
}

a.img_noborder, a:hover.img_noborder, a:visited.img_noborder {
	border: none;
}


a.buckstu, a.buckstu:visited {
	color: #7b9fc3;
	border-bottom: 1px dotted #7b9fc3;
	text-decoration: none;
}

a.buckstu:hover {
	border-bottom: 1px solid #7b9fc3;
}

/**************** NEWS *****************/
/**************** NEWS *****************/
/**************** NEWS *****************/
/**************** NEWS *****************/

.entryOdd {
	margin-bottom: 10px;
	padding: 10px;
	color: #333;
}

.entry {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #f0f0f0;
	background: #f9f9f9;
	color: #333;
}

.entry p{
	color: #545454;
	font-size: 11px;
	line-height: 16px;
	margin: 10px 0 0 0;
	padding: 0;
}

.entryOdd p{
	color: #545454;
	font-size: 11px;
	line-height: 16px;
	margin: 10px 0 0 0;
	padding: 0;
}

.post p{
	color: #545454;
	font-size: 11px;
	line-height: 16px;
	margin: 10px 0 0 0;
	padding: 0;
}
