/* $Id: html-elements.css,v 1.1 2008/02/15 16:22:09 johnalbin Exp $ */

/****
**** HTML ELEMENT STYLING
****/


/** fonts **/
/*
* Our font size and line height declarations are based on the following ALA
* article:
*   http://www.alistapart.com/articles/howtosizetextincss
*
* All modern browsrs use a 16px default font size. Specifying the font-size
* and line-height in ems (relative to the 16px default font) allows the user
* to resize the font in the browser and produces the most consistent results
* across different browsers.
*/
body
{
font-size: 11px; /* Fixes exaggerated text resizing in IE6 and IE7 */
line-height:normal;
color: #333333;
}

.node p {
line-height: 17px;
}

body, caption, th, td, input, textarea, legend, fieldset
{
font-family: Arial, Helvetica, sans-serif;
}

pre, code
{
font-size: 1.1em; /* Monospace fonts can be hard to read */
font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
}

/** headings **/
h1
{
font-size: 18px; /* 1.7em */
margin-top: 0;
margin-bottom: 10px;
position: relative;

}

#PageTitle h1, /* Page Titles */
h1.PageTitle
{
background-color: #3693ce;
border: 1px solid #73b4dd;
padding-left: 15px;
margin: 0px;
position: relative;
line-height: normal;
font-size: inherit;
}

h2
{
/*
font-size: 18px;
padding: 1em 0 0;
margin: 0 0 1em 0;
position: relative;
*/
background-color: #d9e3ec;
font-size: 12px;
margin: 0px;
padding: 5px;
color: #336699;
}

#content .content h2 a:link,
#content .content h2 a:visited,
#content .content h2 a{
font-size: 11px;
color: #336699;
text-decoration:none;
cursor:default;
font-weight:bold;
}

h3
{
border: 2px solid #669999;
background-color: #b0cece;
font-family: Arial Black, Arial, Helvetica, Sans-Serif;
color: #3a6969;
margin: 5px 0px;
padding: 6px 7px;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
}

h3.subhead {border:0; background-color:#fff; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; padding:0; letter-spacing:0; margin:0;}

h4
{
/* to track changes
background-color: #d9e3ec;
color: #336699;
*/
color: red;

font-size: 11px;
padding: 2px 5px;
margin: 0.5em 0;
}

.front h4 {
margin: 0;
}

h4.event {
background-color:#FFFFFF;
font-size:14px;
font-weight:bold;
margin:0;
padding:0;
}

h5
{
font-size: 11px;
margin: 8px 0px 1px 0px;
}

h5.LeftSection {
color:#3693CE;
margin:10px 0 -0.4em;
}

h6 {
font-size: 10px;
}

/** block-level elements **/
ul, ol, dl, pre, table, fieldset
{
margin: 1em 0;
}

p {
margin: 0 0 1em;
padding-top: 5px;
}

/** lists **/
/* standardize list item indentation */
ul, ol
{
margin-left: 0;
padding-left: 2em;
}

.block ul, /* Drupal overrides */
.item-list ul
{
margin: 0.5em 0;
padding: 0 0 0 2em;
}

ul ul, ul ol,
ol ol, ol ul,
.block ul ul, .block ul ol,
.block ol ol, .block ol ul,
.item-list ul ul, .item-list ul ol,
.item-list ol ol, .item-list ol ul
{
margin: 0;
}

li
{
margin: 0;
padding: 0;
}

.item-list ul li /* Drupal override */
{
margin: 0;
padding: 0;
list-style: inherit;
}

ul.menu li, /* Drupal override */
li.expanded,
li.collapsed,
li.leaf
{
margin: 0;
padding: 0;
}

ul          { list-style-type: disc; }
ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }

dt
{
margin: 0;
padding: 0;
}

dd
{
margin: 0 0 0 2em;
padding: 0;
}

/** links **/
/* The order of link states are based on Eric Meyer's article:
* http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
*/
a {
color: #0099CC;
font-weight: bold;
text-decoration: none;
}

.content a {
color:#0000CC;
}

.content a:link,
.content a:visited {
color:#0000CC;
}

a:hover {
text-decoration: underline;
}

a:active {
color: #F0901D;
text-decoration: none;
}



/** tables **/
/* Override Drupal default CSS */
table
{
border-collapse: collapse;
}

th,
thead th,
tbody th
{
padding-right: 0;
border-bottom: none;
}

tbody
{
border-top: none;
}

/** abbreviations **/
abbr
{
border-bottom: 1px dotted #666;
cursor: help;
white-space: nowrap;
}

/* Date-based "abbreviations" show computer-friendly timestamps which are not
human-friendly. */
abbr.created
{
border: none;
cursor: auto;
white-space: normal;
}

/** images **/
img
{
border: 0;
}

/** horizontal rules **/
hr
{
height: 1px;
border: 1px solid #666;
}

/** forms **/
form
{
margin: 0;
padding: 0;
}

fieldset
{
margin: 1em 0;
padding: 0.5em;
}


/* Removes dotted borders on clicked links from Firefox */
a:active,
a:focus {
outline: none;
}


/* Table elements */
table {
margin: 1em 0;
}
.front table {
margin: 0;
}

thead th {
border-bottom: 2px solid #d3e7f4;
color: #494949;
font-weight: bold;
}

th a:link, th a:visited {
color: #6f9dbd;
}

iframe td, iframe th,
.node td, .node th {
padding: 0;
}

tr.even, tr.odd, tbody th {
border: solid #d3e7f4;
border-width: 1px 0;
}

tr.odd, tr.info {
background-color: #edf5fa;
}

tr.even {
background-color: #fff;
}

tr.drag {
background-color: #fffff0;
}

tr.drag-previous {
background-color: #ffd;
}

tr.odd td.active {
background-color: #ddecf5;
}

tr.even td.active {
background-color: #e6f1f7;
}

td.region, td.module, td.container, td.category {
border-top: 1.5em solid #fff;
border-bottom: 1px solid #b4d7f0;
background-color: #d4e7f3;
color: #455067;
font-weight: bold;
}

tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
border-top-width: 0;
}


/* List elements */
ol {
margin: 0.75em 0 1.25em;
padding: 0 1em;
}

ol li {
padding: 0 0 .3em;
margin: 0.15em 0 0.15em .5em; /* LTR */
}

ol.task-list {
margin-left: 0; /* LTR */
list-style-type: none;
list-style-image: none;
}
ol.task-list li {
padding: 0.5em 1em 0.5em 2em; /* LTR */
}
ol.task-list li.active {
background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */
}
ol.task-list li.done {
color: #393;
background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
}
ol.task-list li.active {
margin-right: 1em; /* LTR */
}

dl {
margin: 0.5em 0 1em 1.5em; /* LTR */
}

dl dt {
}

dl dd {
margin: 0 0 .5em 1.5em; /* LTR */
}

/* CE styles */

div.ToutBlueContainer{
border: 2px solid #D6E0EB;
margin-bottom:5px;
}

div.ToutBlueContainer div.ToutBlueContainer{
border: none;
margin:0;
}

div.ToutBlue {
margin: 0;
background: #D6E0EB;
border:1px solid #EBF0F5;
}
div.view-events.view-display-id-block_10 {
background: #D6E0EB;
margin: 9px 0;
}
div.view-events.view-display-id-block_10 .view-header,
div.view-events.view-display-id-block_10 .view-content {
outline: 2px solid #D6E0EB;
border:1px solid #EBF0F5;
}

.front .ToutBlueContainer{
margin: 9px 9px 9px 2px;
}
.front div.ToutBlue {
margin: 0;
}
div.ToutBlue p,
p.ToutBlue {
padding: 0 4px;
color:#336699;
font-size:11px;
font-weight:bold;
margin:10px 12px;
}
div.ToutBlue h5
{
color: #FFF;
padding: 5px 7px;
margin: 0 0 0.5em;
background-color: #336699;
}

h5.ToutBlue {
background-color: #336699;
outline: none;
color: #FFF;
margin:0;
padding:5px 7px;
}

div.ToutPlainGreyContainer{
border: 2px solid #666666;
margin-bottom:5px;
}

div.ToutPlainGreyContainer div.ToutPlainGreyContainer{
border: none;
margin:0;
}

div.ToutPlainGrey
{
margin: 0;
background: #666666;

padding: 5px 4px 4px;
border: 1px solid #a3a3a3;
font-size: 10px;
color: #ffffff;
}
div.ToutPlainGrey h5 {
margin: 0;
}
div.ToutPlainGrey a
{
text-decoration: underline;
font-size: 10px;
color: #d5d5ca;
}

a.ToutBlue {
background-color:#336699;
}
a.ToutGreen,
a.ToutBlue,
a.ToutViolet {
color:#FFFFFF;
display:block;
font-size:10px;
height:17px;
line-height:17px;
padding:0 13px;
}

p.ToutBlue2 {
color:#336699;
font-size:10px;
font-weight:bold;
margin:10px 12px;
}

div.ToutPlainBlueContainer{
border:2px solid #336699;
margin-bottom:5px;
}

div.ToutPlainBlueContainer div.ToutPlainBlueContainer{
border:none;
margin:0;
}

div.ToutPlainBlue {

background: #336699;
border:1px solid #D6E0EB;
color:#FFFFFF;
font-size:10px;
padding:5px 4px 4px;
}
div.ToutPlainBlue h5 {
margin: 0 0 0.5em 5px;
}
div.ToutPlainBlue a {
color:#D5D5CA;
font-size:10px;
text-decoration:underline;
}

div.ToutGreenContainer{
border:2px solid #D8E0DA;
margin-bottom:5px;
}

div.ToutGreenContainer div.ToutGreenContainer{
border:none;
margin:0;
}

div.ToutGreen {
border:1px solid #ECF0ED;
background-color:#D8E0DA;
}
div.ToutGreen h5,
h5.ToutGreen {
background-color:#3D6546;
color:#FFFFFF;
margin:0;
padding:5px 7px;
}
div.ToutGreen p {
padding: 0 4px;
}


#sidebar-right-inner{
color:#333333;
font-family:Arial,Helvetica,Sans-Serif;
font-size:11px;

}

#sidebar-right-inner a{
font-weight:normal;
}

#sidebar-right-inner a.articleLink{
font-weight:bold;
}