/* 	SCREEN STYLES 
----------------------------------------------------------------------------------- */
/* 	http://www.div17.org/TAAR/
  	Created by Rebecca Calvin, 
  	Based on the CSS of Josh Nichols, MU Web Communications and 
	the Blueprint CSS Framework 0.7.1, http://www.blueprintcss.org/ #ccc
----------------------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

body {line-height:1.5; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css #0f75aa h1, h2 { font-family:"Times New Roman", Times, serif, font-weight:bold; }*/
body {font-size:82%; font-family:"Verdana", Arial, sans-serif;}
h1, h2 { font-family:"Times New Roman", Times, serif, font-weight:bold; }
h3, h4 { font-family:"Verdana", Helvetica, Arial, sans-serif; font-weight:bold; }
h1, h2 { color:#288f3a; }
h1 a, h2 a { color:#288f3a; text-decoration:none; }
h1 a:hover, h2 a:hover { color:#5c7c9c; }
h3 { color:#5c7c9c; }
h3 a {color:#ad4b45; text-decoration:underline;}
h3 a:hover { color:#871b1c; }
h4 { color:#336881; }
h4 a { color:#054664; }
h4 a:hover { color:#fff; text-decoration:none; }
h5, h6 { color:#ffcc33; } 
h1 {font-size:2.1em;line-height:1;margin-bottom:8px;}
h2 {font-size:1.8em; line-height:1.2;margin-bottom:.8em;}
h3 {font-size:1.4em;line-height:1.2;margin-bottom:.5em;}
h4 {font-size:1.1em;line-height:1.2;margin-bottom:.2em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:0;}
h6 {font-size:1em; font-style:italic; font-weight:normal;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1em;}
p img.right, img.right { float:right;margin:.3em 0 1em 1em; }
p img, img.left { float:left;margin:.3em 1em 1em 0; }
a:focus, a:hover {color:#333333;text-decoration:none;}
a {color:#333333;text-decoration:underline; }
blockquote {margin:1em;color:#666;font-style:italic;}
strong, b {font-weight:bold; color:#333333;}
strong a, b a {color:#005A84; }
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1em;font-style:italic;}
del {color:#666;}
pre, code {margin:1em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.3;}
li ul, li ol {margin:0 0 0 1em;}
ul, ol {margin:0 0 1em 3.3em;}
ul {list-style-type:disc;}
ul ul, ol ol {list-style-type:circle;margin-top:.4em;}
ul ul ul {list-style-type:square;}
ol {list-style-type:decimal;}
li { margin-bottom:.4em; }
dl {margin:0 0 1em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1em;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
ul.no-bullet { margin:0 0 1em 0; }
.no-bullet li { list-style:none; }
.no-bullet li a { display:block; width:200px; margin-bottom:.7em; }


.more { margin:0 0 1.5em 0; }
.search-form label { position:absolute; left:-1000em; }

.main-content-narrow h1, .main-content-wide h1 { color:#CACDDF; font-style:italic;}

/* grid.css */
.container {width:950px;margin:0 auto;}
.hdcontainer {width:950px; margin:0 auto; height:123px;}
.sidebar { width:220px; margin-right:20px; float:left; font-size:.9em; font-style: italic; font-align:center; }
.main-content-narrow { color:#333333; width:470px; margin-right:20px; float:left; }
.main-content-wide { color:#333333; width:710px; margin-right:0; float:left; }
.content-column  { float:left; width:335px; margin-right:20px; }
div.last { margin-right:0; }
hr {background:#ccc; color:#5e0609; clear:both;float:none;width:100%;height:1px;margin:1.2em 0;border:none;}
hr.space {background:#fff;color:#fff; height:1px;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* Hidden skip-to links */
.offset a { position:absolute; left:-1000em; padding:5px; font-weight:bold; background-color:#f4a71d; }
.offset a:focus, .offset a:active { position:absolute; top:2em; left:2em; }

body { background-color:#fff; }
div#cse-search-results iframe { width:650px; }

#header {background-color:#000000; font-size:.9em; border-bottom:15px solid #ffcc00; }

#branding {margin-right:12px; margin-top:20px; float:left; width:450px; }
#branding #logo { margin:10px 10px 0 0; float:left; }
#branding h1 { margin:0 0 0 55px; }
#branding h1 a { display:block; background:url(/images/new/difficult-dialogues.gif) no-repeat; text-indent:-9999px; width:334px; height:36px; margin-top:10px; }
#branding h1 a:hover { background:url(/images/new/difficult-dialogues.gif) no-repeat 0 -36px; }
#branding p {margin-top:-2px; margin:0 0 0 56px; }
#branding p a {color:#fc3; text-decoration:none; font-weight:bold; font-size:1.1em; line-height:1; }
#branding p a:hover { text-decoration:underline; }

#tactical { float:right; width:410px; }
#tactical form { float:right; }
#tactical ul { list-style:none; padding:2px 0 1em 18px; margin:0; float:left; }
#tactical ul li { font-weight:bold; color:#ffcc33; float:left; margin:8px 5px 0 0; font-size:1.1em; line-height:1.5;  }
#tactical ul li a { font-weight:normal; color:#ffcc33; text-decoration:none; padding:0 .8em 0 0; border-right:#999 1px solid; }
#tactical ul li a:hover { text-decoration:underline; color:#FFF; }
#tactical ul li.search-form { margin:1px 0 0 0; }
#search-button { border:1px solid #000; border-top-color:#ccc; border-left-color:#ccc; font-size:11px; margin:0 0 0 5px; padding:2px 6px 3px 6px; background:#ebc94c url(/images/button-bg.jpg) repeat-x left top; cursor:pointer; width:auto; overflow:visible; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#search-button:hover { background:#fc3 url(../images/button-bg-hover.jpg) repeat-x left bottom; }
#search-field { border:1px solid #000; border-bottom-color:#ccc; border-right-color:#ccc; border-left:#ccc; padding:3px; }

#sponsor {clear:both; margin:0 auto; background-color:#CACDDF; color:#336881; font-size:1.2em; border-top: solid 1px #003247;}
#sponsor p {padding:8px 0 8px 5px; margin:0; float:right; font-style: italic; font-weight: bold; font-family:"Times New Roman", Times, serif, font-weight:bold;}

/*#320204 background-color:#d8ebe1; 014120*/
#navigation { margin-bottom:15px; background-color:#003247; font-size:1.2em; width:215px; border-left:5px solid #336881; border-bottom:5px solid #003247;}
#navigation h3 {font-weight:bold; font-size:1em; display:block; }
#navigation h3 a { text-decoration:none; padding: 5px 10px 5px 15px; border-top:1px solid #336881; color:#ffcc33; line-height:1.3; margin:0px;}
#navigation h3 a:hover {background-color:#336881; color:#ffcc33; padding: 5px 10px 5px 15px;  margin:0px;}
#navigation a { color:#f0f0f0; display:block; font-weight:normal; font-size:.9em;  padding: 0px 10px 5px 25px}
#navigation a:hover {text-decoration-underline;}

#navigation2 { margin-bottom:15px; background-color:#003247; font-size:1.2em; width:215px; border-left:5px solid #336881; border-bottom:5px solid #003247;}
#navigation2 h3 {font-weight:bold; font-size:1em; display:block; }
#navigation2 h3 a { text-decoration:none; padding: 5px 10px 5px 15px; border-top:1px solid #336881; color:#ffffff; line-height:1.3; margin:0px;}
#navigation2 h3 a:hover {background-color:#336881; color:#ffcc33; padding: 5px 10px 5px 15px;  margin:0px;}
#navigation2 a { color:#f0f0f0; display:block; font-weight:normal; font-size:.9em;  padding: 0px 10px 5px 25px}
#navigation2 a:hover {text-decoration-underline;}


#content { clear:both; margin:0 auto; padding:20px 0; background:#ffffff; }
#content blockquote { width:300px; float:right; margin:0 0 0 20px; padding:0 10px; color:#333333; font-size:160%; line-height:150%; font-weight:bold; font-style:normal; }

#breadcrumbs { font-size:.9em; margin-bottom:1.2em; color:#333; }
#breadcrumbs a { color:#333; }

.inset-horizontal { width:470px; margin:4px 0 5px 20px; float:right; }
.inset-horizontal-left { width:470px; margin:4px 20px 5px 0; float:left; }
.inset-vertical { width:200px; margin:4px 0 5px 20px; float:right; }
.inset-vertical-left { width:300px; margin:4px 20px 5px 0; float:left; }
.inset-horizontal img, .inset-vertical img, .inset-horizontal-left img, .inset-vertical-left img { display:block; margin-bottom:10px; }
.inset-horizontal p, .inset-vertical p, .inset-horizontal-left p, .inset-vertical-left p { font-size:.9em; line-height:1.3; color:#d8ebe1; margin:0 0 .5em 0 }
.inset-sidebar { width:220px; margin:0 0 10px 20px; float:right; font-size:.9em; }
.sidebar ul li, .inset-sidebar ul li { margin-bottom:.2em; }
.quote-vertical { width:190px; margin:4px 0 5px 20px; padding:5px; float:right; color:#336881; font-size:1.2em; font-style: italic; font-weight: bold; font-family:"Times New Roman", Times, serif, font-weight:bold; }
.quote-vertical-left { width:220px; margin:4px 20px 5px 0; padding:5px;  float:left; color:#336881; font-size:1.2em; font-style: italic; font-weight: bold; font-family:"Times New Roman", Times, serif, font-weight:bold; }
.quote {margin:4px 0 10px 0px; padding:5px; color:#336881; font-size:1.2em; font-style: italic; font-weight: bold; font-family:"Times New Roman", Times, serif, font-weight:bold; }

.box-img { margin-bottom:1.5em; }
.box { padding:10px 10px 2px 10px; margin-bottom:1.5em; color:#333;}
.box img { float:left; margin:2px 10px 4px 0; }
.box img.right { float:right; margin:2px 0 4px 10px; }
.box h4 {color: #890c0c;}
.box h4 a { color:#ad4b45; text-decoration:none; }
.box h4 a:hover { color:#fff; }
.box a {color:#333; text-decoration:underline;}
.box a:hover {color:#333; text-decoration:none;}
.box ul {list-style:none; padding:2px 0 1em 0px; margin:0;}
.box ul li {margin:8px 0px 10px 0px;}
.blue {background-color:#CACDDF; }
/**/
/*
.orange {background-color:#f9c285;}
.gold {background:#fdcf54 url(/images/box-background.gif) repeat-x top;}
.green {background-color:#023211;}
.red {background-color:#320204;}*/


img.flickr-intruder { margin:-21px 0 0 0; float:right; }

/* Profile sections #320204*/
.profile { clear:both; border-bottom:1px solid #CACDDF; padding-bottom:15px; margin-bottom:1.5em; }
.profile img, .profile div.spacer { float:left; margin-right:15px; width:100px; height:150px; background-color:#000400; }

/* Table styles */
table {border: solid 0px ; margin-bottom:.4em; width:100%; }
table tr th { padding:.8em .8em; line-height:1.3; font-weight: bold; vertical-align:top; horizontal-aligh:center; color: #fff; background-color: #054664; text-align: center;}
table tr td { padding:.8em .8em; line-height:1.3; font-size:.8em; vertical-align:top;  text-align: center;}
table tr.odd { background-color: #CACDDF; }
table tr td.time { font-weight: bold;}

#footer-container {border-top:1px solid #FFCC00; background: #FFCC00; color:#333333; margin:0 auto; padding:1.5em 0 2em 0; }
#footer a { color:#333333; }
#footer p { color:#333333; line-height:1.3; font-size:.9em; text-align: center; margin-bottom:.5em; }


/* Reversed type Mac fix */
#footer, #branding, #tactical { text-shadow:#000 0px 0px 0px; -moz-opacity: 0.99; }
