/* Key styles for: DEA*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 8th February 2010*/

/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body{font-family: Verdana, Arial, Helvetica, sans-serif; color: #; background: #fff; font-size: 62.5%}
img, div { behavior: url(iepngfix.htc) }

/*Container Styles*/
#wrapper {margin-left: auto; margin-right: auto; width: 930px; ;}
#banner{height: 235px; margin-top: 20px;}
#logo{width: 425px; float: left;}
#wrapper-1{float: right; width: 500px;}
#byline{clear: both; position: relative; margin-top: -35px; width: 500px; float: right;} 
*html #byline{margin-top: 20px;}
html>body #byline {*margin-top: 20px;}
#navigation{margin-top: 50px; float: right; margin-bottom: 20px; position: relative;}
#content {width: 890px; overflow: hidden; padding: 20px;}
#content .col {position: relative; float: left;}
#col1 {width: 430px; margin-right: 15px;}
#col2 {width: 430px; margin-left: 15px;}
#middle {width: 500px; padding: 0 195px;}

#footer {background: #1191d0; padding: 60px 20px 30px 20px;}
#webdeveloper{float: left; width: 430px;}
#copyright{float: right; width: 430px; text-align: right;}

/*Navigation Styles*/
#navigation ul {text-align: right; width: 120px;}
#navigation li {margin: 0; display: block; list-style: none; border-bottom: 2px dotted #a6ce39; padding: 5px 0;}
#navigation li a{text-decoration: none; color: #a6ce39; font-size: 1.6em; text-transform: uppercase; display: block; padding-right: 20px; margin-right: -20px; position: relative;}
#navigation li a:hover {color: #1191d0; background: url(images/hover-bullet.gif) no-repeat right; border-bottom: none;}
#navigation li.current a{color: #1191d0; background: url(images/hover-bullet.gif) no-repeat right; border-bottom: none;}

/*Link Styles*/
a {color: #1191d0; text-decoration: none;}
a:link{color: #1191d0;}
a:visited {color: #1191d0; }
a:hover {color: #a6ce39; border-bottom: 1px dotted #1191d0;}

#footer a{color: #fff; border-bottom: 1px dotted #d6ecf7;}
#footer a:hover{color: #d6ecf7; border-bottom: 1px dotted #fff;}

/*Paragraph Styles*/
h1 {font-size: 2.4em; color: #1191d0; padding-bottom: 10px; font-weight: normal;}
h2 {font-size: 1.9em; color: #a6ce39; padding-bottom: 5px; font-weight: normal;}
h3 {font-size: 1.6em; color: #1191d0; padding-bottom: 2px; font-weight: normal;}
h4 {font-size: 1.4em; color: #1191d0; padding-bottom: 2px; font-weight: normal;}
p {font-size: 1.2em; padding-bottom: 10px; line-height: 1.4em;}
#byline p{font-size: 1.8em; color: #1191d0; text-align: right;}
#footer p{color: #fff; padding-bottom: 0;}
.contact-info h2 {border-bottom: 2px solid #1191d0; margin-bottom: 15px; padding-bottom: 3px;}

/*Table Styles*/
table {background: #1191d0; border: 1px solid #fff; margin-bottom: 10px;}
table td{ padding: 8px; background: #1191d0; color: #fff; border: 1px solid #fff; font-size: 12px;}

/*List Styles*/
#content ul, #content ol {font-size: 12px; margin-left: 30px; padding-bottom: 10px; line-height: 1.4em;}
#content li {padding-bottom: 2px;}

/*Image Styles*/
img {padding: 0px;}
#content img{padding: 5px;}
#content img.left{padding: 5px 10px 5px 0;}
#content img.right{padding: 5px 0 5px 10px;}
#middle img.right{padding: 0px 0 30px 10px;}

/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both; padding-top: 20px;}
.divider{border-top: 1px dashed #a6ce39; margin-bottom: 20px; margin-top: 10px; clear: both;}
.contact-info{float: left; width: 276px; margin-right: 10px; margin-left: 10px;}