/* This line gets rid of the site title & tagline by casting them out to the far left */
    .custom #header #logo, .custom #header #tagline { text-indent: -9999px; }

/* This line collapses the vertical space of the tagline so that there isn’t unnecessary white space after the header image */
    .custom #header #tagline { height: 50px; }

/* This line removes the padding from the header so that the background image sits close to the navigation menu, the bottom border of the header,   and the sides of the content */
    .custom #header {background: url(images/header.png) 50% 0 no-repeat; padding: 2.7em; }

/* This line gets rid of the header gray divider line */
    .custom #header {border-bottom: none; }

/* This line gets rid of the footer gray divider line */
    .custom #footer p {font-style: italic; color: #a8a8a8; line-height: 1em;}
    .custom #footer {background: url(images/footer.png) 50% 0 no-repeat;  border-top: none; margin: 2em; }
   
/* This line gets rid of the sidebar gray divider lines */
    .custom #sidebars {border-top: none; padding: .5em; }

/* This line gets rid of the sidebar list right gray divider lines */
    .custom #sidebar_1 {border-right: none; background: #303e41; margin-top: 2em; }
    .custom #sidebar_1 {-moz-border-radius: 10px; -webkit-border-radius: 10px; }
    
/* This line gets rid of the tabs border gray line */
    .custom #tabs {border: none; }

/* This line gets rid of the tabs gray lines */
    .custom ul#tabs .home-item {border-top: none; }

/* This is the size of the font in the top navigation menu*/
    .custom #myjquerymenu {font-size: 2.5em; background: none; padding: 2; }

/* This removes the gray line between main page text and sidebar*/    
    .custom #content_box {background: none; }

/*------------------------------------------------------------------------->gray line dividers*/

/* This Changes font color and size in headline_area h1 */
    .custom .headline_area h1 { background: url(images/ribbon.png) 50% 0 no-repeat; font-family: Comic Sans MS; font-size: 1.4em; line-height: 1.364em; color: #f0f0f0; text-align: center;}

/* This Changes font color and size in headline_area h2 */
    .custom .headline_area { background: url(images/ribbon.png) 50% 0 no-repeat; font-family: Comic Sans MS; font-size: 1.4em; line-height: 1.364em; color: #f0f0f0; text-align: center; } 

/* This removes underline from links and changes link color */
    .custom a {color: #303e41; background: none; text-decoration: underline; font-family: Comic Sans MS; font-style: none; font-size: 1.3em;}
    .custom a:hover {font-weight: bold; color: #303e41; }
   
/* This removes the (comments closed) dialog */    
    .custom .comments_closed p {display: none ;}
/*------------------------------------------------------------------------->headlines and links*/
/* This is the background of the site and is currently fixed */
    body.custom {
    background: url(images/mainbackground.png) 50% 0 repeat; padding: 0;
    background-attachment: fixed;
    padding: 0em;
    }

/* This is the location of the text on the webpage */
    .custom #page {
    background: #f0f0f0;
    padding: 0em; 
    border: none;
    -moz-border-radius: 0px; -webkit-border-radius: 0px; }

/* Container */
    .custom #container {
    margin-top: 0em;
    margin-bottom: 0em;
    padding: .5em;
    background: #f0f0f0;  /*put url image here if you want page border image, add semi colon*/
    border: none; /*1.0em solid #E0E0E0*/  
    -moz-border-radius: 0px; -webkit-border-radius: 0px; }

/* changes color of drop cap */
    .custom .format_text .drop_cap { color: #000000; float: left; font-family: georgia; }