/* Reset */
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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, tbanner, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	font-size: 62.5%;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1;
	background:#999;
	color: #000;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* CSS Document */

/* Utility */
.right {
float:right;
}
.left {
float:left;
}
.clear {
clear:both;
}
#left img {
padding:4px;
border:1px solid #ccc;
}
img.left {
margin:0 10px 10px 0;
}
img.right {
margin:0 0 10px 10px;
}
#wrapper {
width:100%;
margin:0 0 0 0;
padding:30px 0 0 0;
background: url(http://www.conflictdynamics.org/img/wrap_bg.gif) left 27px repeat-x;
background-color:#fff;
}
body.internal #wrapper {
background: url(http://www.conflictdynamics.org/img/wrap_bg_inner.gif) left 27px repeat-x;
background-color:#fff;
}
#main {
width:970px;
margin-left:auto;
margin-right:auto;
background:url(http://www.conflictdynamics.org/cdp/img/head_bg2.jpg) center top no-repeat;
overflow:auto;
}
body.internal #main {
background:url(http://www.conflictdynamics.org/img/head_bg2_inner2.jpg) center top no-repeat;
}
#banner {
width:960px;
height:230px;
padding:20px 10px 0 0;
background:none;
}
body.internal #banner {
height:105px;
}
#banner h5	{
text-indent: -9999px;
}
#banner h5 a:link, #banner h5 a:visited, #banner h5 a:hover, #banner h5 a:active {
width: 439px;
height: 40px;
display:block;
float:right;
margin-right:20px;
background:url(http://www.conflictdynamics.org/cdp/img/logo.png) no-repeat;
}
#banner h5 a:focus {
outline:none;
}
#banner h6 {
display:block;
height:37px;
width:340px;
background:url(http://www.conflictdynamics.org/cdp/img/tag_bg2.png) no-repeat;
position:absolute;
margin:124px 0 0 0;
text-indent: -9999px;
}
body.internal #banner h6 {
position:absolute;
background:url(http://www.conflictdynamics.org/cdp/img/tag_bg2_inner.png) no-repeat;
width:381px;
height:29px;
margin:63px 0 0 230px;
}
#features {
width:625px;
height:173px;
background:none;
position:absolute;
margin:57px 0 0 345px;
padding:0;
}
#nav {
height:40px;
width:970px;
padding:3px 0 0 0;
background:none;
}
/* Level one */
#nav ul {
display:block;
height:40px;
width:845px;
margin:0 auto;
background:none;
}
#nav li {
float:left;
background-color:none;
font-size:1.60em;
}
#nav ul li a {
display:block;
height:20px;
padding:11px 10px 9px 10px;
position:relative; /* Oh look!  My first IE8 hack */
background:url(http://www.conflictdynamics.org/img/menu_div.gif) right top no-repeat;
text-decoration:none;
color:#666;
font-family:Arial, Helvetica, sans-serif;
}

*html #nav ul li a {float: left;} /* IE6 Could be worse */

#nav ul li:last-child a {
background:none;
}
#nav ul li a:hover {
color:#434343;
}

#nav ul li:hover ul, #nav ul li.sfhover ul {
left: auto;
}

/* Level 2 */
#nav ul li ul {
position: absolute;
clear:both;
z-index:100;
left: -999em;
width:200px;
background:#fff;
height:auto;
margin-left:-3px;
border-bottom:1px solid #E8E7E7;
border-left:1px solid #E8E7E7;
border-right:1px solid #E8E7E7;
}
#nav ul li ul li {
width:100%;
font-size:.85em;
margin:0;
padding:0;
}
#nav ul li ul li a {
display:block;
padding:8px 8px 8px 10px;
margin:1px 0 0 0;
border-top:1px solid #E8E7E7;


height:auto;
}
*html #nav ul li ul li a { width:100%; }

#nav ul li ul li a:link, #nav ul li ul li a:visited {
color:#005B6A;
text-decoration:none;
background:#F4F4F4;
}
#nav ul li ul li a:hover, #nav ul li ul li a:active {
color:#fff;
background:#B5B5B5;
}
#nav li:hover ul {
left: auto;
}
#content {
width:924px;
overflow:auto;
background:#fff;
padding:30px 10px 30px 30px;
}
#content a:link, #content a:visited {
color:#008291;
text-decoration:underline;
}
#content a:hover, #content a:active {
color:#008291;
text-decoration:none;
}
#content p {
font-size:1.20em;
line-height:1.80em;
margin-bottom:20px;
}
#content p.preamble {
color:#666;
font-size:1.60em;
}
#left {
width:600px;
overflow:hidden;
background:#fff;
float:left;
}
#left h1 {
color:#008291;
font-size:2.10em;
font-weight:normal;
line-height:25px;
margin-bottom:25px;
}
#left h2 {
color:#253355;
font-weight:bold;
font-size:1.5em;
margin-bottom:20px;
}
#left ul, #left ol {
margin-bottom:18px;
}
#left ul {
list-style:disc;
}
#left ol {
list-style:decimal;
}
#left ul li, #left ol li {
margin:0 0 8px 30px;
font-size:1.20em;
line-height:1.40em;
}
#right {
width:275px;
background:#fff;
float:right;
}
#right a:link, #right a:visited  {
text-decoration:none;
}
#right a:hover, #right a:active {
text-decoration:underline;
}
#right p {
font-size:1.10em;
color:#999;
line-height:1.30em;
}
h3, #right h3 {
color:#666;
font-weight:normal;
font-size:1.45em;
margin-bottom:10px;
margin-top:10px;
text-align:right;
}
#footer {
width:100%;
background:#999;
color:#fff;
border-top:3px solid #ccc;
overflow:auto;
clear:both;
padding-bottom:20px;
padding-top:20px;
}
#footer img {
margin-right:15px;
}
#extras {
width:930px;
color:#fff;
margin-left:auto;
margin-right:auto;
padding-left:10px;
padding-right:10px;
}
#extras p {
padding:5px 0 0 0;
font-size:1.10em;
line-height:1.30em;
}
#extras a:link, #extras a:visited {
color:#fff;
text-decoration:underline;
}
#extras a:hover, #extras a:active {
color:#ff;
text-decoration:none;
}
#copyright {
margin-top:35px;
float:right;
text-align:right;
}
#copyright p {
color:#ccc;
}
table {
width:100%;
padding-bottom:20px;
}
td {
padding:8px;
font-size:1.20em;
line-height:18px;
}
#left table td p {
line-height:18px;
font-size:12px;
}
table.twocol td {
width:50%;
}
/* Certified Users Nav */
.cdpcontents {
float:right;
width:200px;
}
#left .cdpcontents h1 {
color:#fff;
background:#005461;
font-size:14px;
font-weight:bold;
padding:6px;
margin:0;
border-bottom:1px solid #fff;
}
.cdpcontents ul ul.rednav {
background:#ececec;
padding:10px 6px 6px 10px;
}
#left .cdpcontents ul ul.rednav li {
margin:0 0 8px 0;
font-size:12px;
}
.cdpcontents ul li {
list-style:none;
}
label {
font-size:1.20em;
font-weight:bold;
}
form.embed input {
margin:4px 0 4px 0;
}