/* 
** Carpetride.org v2.6
** CSS file and coding by Jeff Wain - http://www.thejeffect.com/
** Last edit: 01/17/2007
*/

/* HTML definitions */
body {
font: 12px helvetica, sans-serif;
font-size: 1em;
font-size: 76%;
color: #000;
text-align: center;
background: #FCD116; }

a, a:active {
color: #007A3D;
text-decoration: none;
border-bottom: 1px dotted #DDD;}
a:visited {
color: #66008C;}
a:hover {
color: #FCD116;
border-bottom: 1px solid #333331;}

a.imgleft {
color: #FCD116;
float: left;
margin: 0 10px 10px 0;
border: none;}

a img {
border: none;}

acronym {
color: #007A3D;
border-bottom: 1px dashed #BBB;}

h2, h3 {
font: 1.1em arial, sans-serif;
font-weight: bold;
padding-left: 20px;
border-bottom: 2px solid #000;
border-top: 2px solid #000;}

h2 {
margin: 5px 0 10px;
width: 460px;
color: #007A3D;}

h3 {
margin: 5px 0 5px 1px;
width: 169px;
color: #66008C;}

h4 {
font-size: 1em;
font-weight: bold;
color: #66008C;
margin: 0;
padding: 0 0 5px 2px;}

h5 {
font-size: 1em;
font-style: italic;
font-weight: normal;
color: #66008C;
margin: 0;
padding: 3px 0 3px 2px;}

h6 {
font-size: .9em;
color: #007A3D;
text-align: center;
width: 169px;
margin: 5px 10px 5px 1px;
padding: 0 0 0 10px;
border: none;}

p {
padding: 0 15px 6px 20px;
margin: 0;
line-height: 140%;}

p span {
text-indent: 10px;}

p a img {
border: none;
margin: 5px 20px;}

#footnote {
font-size: 90%;
padding: 5px 10px 10px 0px;}

img#crosscrescent { 
position: fixed; 
bottom: 0; 
right: 0; }

/* Division definitions */
#container {
position: relative;
width: 742px;
margin: 20px auto;
background: #fff;
border: 1px solid #CCC;
text-align: left;}

#pageHeader, #navBar, #footer {
width: 720px;
border: 1px solid #CCC;
margin: 5px 10px 0;}

#pageHeader {
background: #fff;
height: 200px;
margin-top: 10px;}

#pageHeader img, #pageHeader a {
border: none !important; }

#navBar {
height: 24px;
background: #000;
z-index: 1;}

#content {
background: #FFF url(../images/content_L.gif) repeat-y;
float: left;
line-height: 130%;
margin: 5px 0;
padding: 0 20px 5px 20px !important;
padding-right: 10px;
width: 470px;}

li {
list-style-type: circle;
list-style-position: inside;
margin-left: 20px;}

#footer {
background: #000;
clear: both;
height: 25px;
color: #FFF;
font-size: 0.8em;
padding: 3px 0 4px;
text-align: center;
margin-bottom: 10px;}

.pclear {
clear: both;}
.clearing {
clear: both;
font-size: 0%;
height: 0px;
visibility: hidden;}
.hidden {
visibility: hidden;
height: 0; width: 0;}

/* All information used in rContainer, or rightContainer.
** Sections are used for placing multiple information boxes
** in the right column. topSection is only for the top,
** section can be used as many times as needed below it.
** .above is for a full-width entry in a calendar or 
** otherwise. .bottom is for a bottom, or description for a
** calendar entry. .col1 is the left column for the date
** and .col2 is the right column for the time. */
#rContainer {
background: #FFF url(../images/content_R.gif) repeat-y;
float: left;
width: 200px;
margin: 5px 0;
padding: 0 10px 5px 20px;}

.above, .below, .col1, .col2 {
padding: 0 1px;
font-size: 88%;}
.above, .below {
width: 190px;
float: none;}
.above {
border-top: 1px solid #DDD;
border-bottom: 1px dotted #EEE;}
.below {
border-bottom: 1px solid #DDD;
margin-bottom: 5px;}
.col1, .col2 {
border-top: 1px solid #DDD;
border-bottom: 1px dotted #EEE;
float: left;}
.col1 {
width: 85px;
padding-right: 5px;}
.col2 {
width: 100px;
font-style: italic;
text-align: right;}
.col2 span { 
font-style: normal !important;}

#footer a {
border: none;}

/* navBar coding */
/* For some reason, the navBar won't position correctly unless
** placed in a container. For the time being, dont' remove. */
#navContainer {
width: 700px;
margin-left: 3px;}

ul#navlist {
margin-top: 4px !important;
color: #fff;
font: 12px arial, sans-serif;}

ul#navlist, ul#navlist ul, ul#navlist li {
margin: 0px;
padding: 0px;
list-style-type: none;}

ul#navlist li {
float: left;}

ul#navlist li a {
color: #fff;
border: none;
margin-right: 8px !important;
margin-left: 8px !important;}

ul#navlist li a:hover, ul#navlist li a:active {
color: #FCD116;}

a.nav {
color: #FFFFFF;
text-decoration: none;}

/* Other coding */
table.navbar
{width: 720px;
height: 24px;
margin-left: 10px;}

td.menuNormal
{padding: 0px;
color: #FFFFFF;
vertical-align: middle;
background-color: #000000;
text-decoration: none;}

td.menuHover
{border: 1px solid black;
padding: 0px;
color: #FCD116;
vertical-align: middle;
text-decoration: none;}

div.menuNormal
{display: none;
position: static;}

div.menuHover
{border: 1px solid black;
background-color: white;
display: inline;
position: absolute;}

#motioncontainer a img{ /*image border color*/
border: 1px solid #ccc;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 1px solid navy;
}

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#statusdiv{
position: absolute;
padding: 2px;
left: -300px;
border: 1px solid gray;
visibility: hidden;
}

.frontpic { margin: 20px 0 0; border: none !important; text-decoration: none;}