/* CSS Document - o arauto - created 01.05.07 - Al Belote*/




/* ------------------------------DIV STRUCTURE - remove comments to view structure of the page  */


/* 

div {
border: 1px; 
border-color: #f30;
border-style: solid;
}

*/ 




/* *************************************************************************** */
/* ****************************** HTML TAGS ********************************** */
/* *************************************************************************** */

body {
background-color: #FFFFF4;
margin: 0 0 0 8px;
font-weight: normal;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}

a {
color: #930; text-decoration: underline; 
}

a:hover {
color: #f30; text-decoration: underline; 
}

a:link a:visited {
color: #930; text-decoration: underline; 
}


li {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
list-style-position: outside;
list-style-type: none;
margin-bottom: 5px;
margin-left: -15px;
}

li.standard {
list-style-image: url(/arauto/images/bullet.gif);
}

ol {
font-family: Verdana, arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
list-style-position: outside;
list-style-type: decimal;
list-style-image: none;
margin-bottom: 15px;
}

p {
font-weight: normal;
font-size: 12px;
padding: 0 0 6px 0;
line-height: normal;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
}


/* ****************************** END HTML TAGS ****************************** */





/* *************************************************************************** */
/* ***************************** NAVIGATION ********************************** */
/* *************************************************************************** */

/* ------------------------------TOP NAVIGATION - links and box */

#toplinks {
background-color: #003366;
font-weight: normal;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: right;
padding: 3px 3px 5px 0;
}

#toplinks a {
color: #fff;
}

#toplinks a:hover {
color: #ff9;
}

/* ------------------------------LEFT NAV COLUMN CONTAINER - holds fleft nav elements and photo at top of column */

#nav {
float: left;
width: 141px;
}

/* ------------------------------LEFT NAV COLUMN SECTION CONTAINER --------------------------------- */

#navbox {
padding: 5px;
float: left;
width: 141px;
}

/* ------------------------------LEFT NAVIGATION - main links */

/* ------------------------------ one-line links ------------------------------------ */
.navbar ul {
font-family: arial, Helvetica, sans-serif;
display: block;
width: 141px;
margin: 0;
padding: 0;
}

.navbar ul li {
list-style-type: none;
display: block;
margin: 0;
padding: 0;
text-indent: 0;
}

.navbar ul li a {
background-image: url(/arauto/images/navbg_off.gif);
display: block;
text-decoration: none;
list-style-image: none;
font-size: 11px;
font-weight: bold;
color: #fff;
border-bottom: solid #333333 1px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 15px;
}

.navbar ul li a:hover {
background-image: url(/arauto/images/navbg_over.gif);
color: #fff;
display: block;
}


/* ------------------------------ two-line links ------------------------------------ */

.navbar2 ul {
font-family: arial, Helvetica, sans-serif;
display: block;
width: 141px;
margin: 0;
padding: 0;
}

.navbar2 ul li {
list-style-type: none;
display: block;
margin: 0;
padding: 0;
text-indent: 0;
}

.navbar2 ul li a {
background-image: url(/arauto/images/navbg_off2.gif);
display: block;
text-decoration: none;
list-style-image: none;
font-size: 11px;
font-weight: bold;
color: #fff;
border-bottom: solid #333333 1px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 15px;
}

.navbar2 ul li a:hover {
background-image: url(/arauto/images/navbg_over2.gif);
color: #fff;
display: block;
}

/* ------------------------------SECTION NAVIGATION - large heading */

#sectionnavlabel {
font-size: 17px;
font-weight: bold;
color: #3D7198;
padding: 5px 0 5px 10px;
font-family: Verdana, arial, Helvetica, sans-serif;
}

#sectionnavlabel a:link {
color: #3D7198;
text-decoration: underline;
}

#sectionnavlabel a:visited {
color: #3D7198;
text-decoration: underline;
}

#sectionnavlabel a:hover {
color: #39C;
text-decoration: underline;
}

/* ------------------------------SECTION NAVIGATION - links */

#sectionnavlinks {
font-family: Verdana, arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
padding: 0 0 15px 10px;
text-decoration: none;
}

#sectionnavlinks a {
color: #333;
text-decoration: none;
}

#sectionnavlinks a:hover {
color: #c33;
}

/* ------------------------------FOOTER NAVIGATION - links */

#footertext {
margin: 0 0 0 20px;
padding: 10px 0 8px 0;
width: 700px;
color: #fff;
font-weight: normal;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

#footertext a {
color: #fff;
}

/* ****************************** END NAVIGATION *************************** */





/* *************************************************************************** */
/* ***************************** TEXT STYLES ********************************* */
/* *************************************************************************** */

p.white {
color: #ffffff;
}

p.disclaimer2 {
font-size: 10px; 
color: #600; 
font-family: Verdana, arial, Helvetica, sans-serif;
}

p.maroonbold {
font-weight: bold; 
color: #933; 
}

p.disclaimer {
font-size: 10px; 
color: #369; 
font-family: Verdana, arial, Helvetica, sans-serif
}

p.dateline {
color: #a5770c; 
font-weight: bold;
}

/* ****************************** END TEXT STYLES *************************** */





/* *************************************************************************** */
/* ***************************** HEADINGS ********************************** */
/* *************************************************************************** */

/* heading colors are either maincolor or accent color - no color is embedded in the style name so the stylesheet can be re-used for other sites or other skins of the same site
    maincolor for this site is maroon - accent color for this site is medium blue */



/* ****************************** H1 STYLES *************************** */

/* these are used once per page on the article title or main headline */

/* basic attributes */

h1 {
font-weight: bold; 
font-size: 20px; 
color: #777;
font-family: Arial, Helvetica, sans-serif; 
margin-bottom: 6px;
}

/* adds color */

h1.white {
color: #ffffff; 
}

/* adds color */

h1.maincolor {
color: #933;
}

/* ****************************** H2 STYLES *************************** */

/* these are used on article links and other important items in the main column */

/* basic attributes */

h2 {
font-size: 15px;
color: #933333;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0 0 -6px 0;
}

h2.subheader {
margin: 0 0 12px 0;
}

/* adds color */

h2.maincolor {
color: #933333;
}

/* adds dotted rule above */

h2.toprule {
padding: 8px 0 0 0;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #666;
}


/* ****************************** H3 STYLES *************************** */

/* these are used on smaller items in the main column or main items in the right column */

/* basic attributes */

h3 {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: -10px;
}

/* adds color */

h3.maincolor {
color: #933333;
}

/* places inside bar */

h3.bar {
text-indent: 3px;
background-image: url(/arauto/images/headerbarbg.gif);
background-repeat: repeat-x;
padding: 3px;
margin-bottom: 12px;
}

/* basic icon attributes */

h3.icon {
text-indent: 17px;
margin: 18px 0 -12px 0;
background-repeat: no-repeat;
background-position: 0px 1px;
}

/* left arrow icon */

h3.arrowleft {
background-image: url(/arauto/images/arrow_left.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
}

h3.monitor {
color: #933333;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-indent: 17px;
margin: 12px 0 0 0;
background-image: url(../images/arrow_left.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
}

#subleftnav {
color: #E7F3E7;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
margin-top: 0px;
}

#subleftnav a:link {
color: #E7F3E7;
text-decoration: underline;
}

#subleftnav a:visited {
color: #E7F3E7;
text-decoration: underline;
}

#subleftnav a:hover {
color: #ffffff;
text-decoration: underline;
}


/* ****************************** H4 STYLES *************************** */

/* these are used to flag types of information */

/* basic attributes */

h4 {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0 0 0 0;
}

/* adds color */

h4.maincolor {
color: #3d7198; 
}

/* adds color */

h4.accentcolor {
color: #3d7198; 
}

/* ****************************** END TEXT STYLES *************************** */





/* *************************************************************************** */
/* ************************ PAGE STRUCTURE MAIN DIVS ***************************** */
/* *************************************************************************** */


/* contains all page elements */

#pagecontainer {
background-image: url(/arauto/images/fullpagebg.gif);
background-repeat: repeat-y;
width: 762px;
}

#search_pagecontainer {
background-image: url(/arauto/images/search_fullpagebg.jpg);
background-repeat: repeat-y;
width: 762px;
}

#header {
height: 82px;
width: 762px;
}

#tagline {
background-color: #003366;
font-weight: normal;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: left;
width: 752px;
height: 32px;
padding-left: 10px;
padding-top: 5px;
}

#googlesearch {
background-color: #003366;
float: right;
margin-bottom: -15px;
margin-top: 0px;
margin-right: 5px;
height: 32px;
}

/* contains all but header and footer to maintain page width */

#columnholder {
width: 762px;
}

/* contains live area of page */

#contentcontainer { 
float: left;
width: 620px;
}

/* for photo above left nav */

#mainsitephoto { 
width: 141px;
height: 106px;
}

/*
#pagetextarea { 
width: 620px;
}
*/


#maincolumn { 
padding: 10px 0 15px 0;
margin: 0 0 0 0;
float: left;
width: 385px;
}

#search_maincolumn { 
padding: 10px 0 15px 0;
margin: 0 0 0 0;
float: left;
width: 510px;
}

#rightcolumn {
padding: 15px 0 0 0px;
margin: 0 0 0 0px;
float: left;
width: 153px;
}

#search_rightcolumn {
padding: 15px 0 0 0px;
margin: 0 0 0 0px;
float: right;
width: 50px;
}

#footer {
/* background-image: url(/arauto/images/main_footer.jpg);
background-repeat: no-repeat; */
background-color: #003366;
border-bottom: 1px; dotted; #333;
clear: both;
width: 762px;
height: 40px;
}

/* **********************PAGE STRUCTURE SPACING ELEMENTS ********************** */

/* the following two styles are used to create padding between columns because placing the padding within the columns creates inconsistencies between IE and Firefox */

 /* goes between nav and main column to create padding */

.columndivider1 {
width:20px;
height: 20px;
float: left;
}

 /* goes between main column and right column to create padding */

.columndivider2 {
width:37px;
height: 20px;
float: left;
}

/* goes after floated elements to clear the float property - includes a rule */

div.clearfloatsrule { 
clear: both;
border-bottom: 1px; dotted; #999;
margin-bottom: -10px;
width: 100%;
}

/* goes after floated elements to clear the float property - no rule */

div.clearfloats { 
clear: both;
width: 100%;
}



/* ****************************** END PAGE STRUCTURE *************************** */



/* *************************************************************************** */
/* ****************************** PAGE ELEMENTS ******************************** */
/* *************************************************************************** */

/* standard homepage photo */

.photo1 { 
width: 120px;
float: left;
margin: 0 15px 10px 0;
}

/* standard article page photo */

.photo2 { 
width: 165px;
float: left;
margin: 0 15px 10px 0;
}

.periocover {border: solid 1px #000; width: 120px;}

.photo_credit { 
font-weight: normal;
font-size: 9px;
line-height: normal;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
text-align: center;
}

.maincolumnitemcontainer {
margin: 0 0 0 0;
width: 375px;
}

.search_maincolumnitemcontainer {
margin: 0 0 0 0;
width: 500px;
}

.maincolumnitemcontainer2 {
margin: 0 0 0 0;
padding: 6px 0 0 0;
width: 375px;
border-top: 1px dotted #666;
}

.maincolumnitemcontainer3 {
margin: 12px 0 0 0;
padding: 6px 0 6px 0;
width: 375px;
border-top: 1px dotted #666;
border-bottom: 1px dotted #666;
}

.itemleft {
width: 120px;
margin: 0 10px 6px 0;
float: left;
}

.itemblurbleft {
float: left;
width: 225px;
}

.itemcontainer {
margin: 0 0 0 0;
width: 163px;
}