header
{
    margin:0;
    padding:0;
}

body
{
    font-family:Calibri,Garamond,'Times New Roman',Book Antiqua;
    margin:10px auto;
    width:800px;
}

#menu
{
     float:right;
     font-size:0.9em;
}

#menu:before
{
    content:"Father Ernest A. Burtle Council 4175, Springfield, Illinois";
    font-weight:bold;
}

#header
{
    
}

.header.left
{
    clear:both;
    float:left;
    width:350px;
}

.header.center
{
    float:left;
    text-align:right;
    width:300px;
}

.header.right
{
    float:right;
    text-align:right;
    width:150px;
}

#menu ul,
#header ul
{
    list-style:none;
    margin-bottom:10px;
}

#menu li,
#header li
{ 
    display:inline;
}

#menu li:after,
#header li:after 
{
    content:" | ";
}

#menu li.last:after,
#header li.last:after 
{
    content:"";
}

#menu a:link, 
#menu a:visited, 
#menu a:active,
#header a:link, 
#header a:visited, 
#header a:active
{
    color:#000;
    text-decoration:none;
}

#menu a:hover,
#header a:hover
{
    color:#000;    
    text-decoration:underline;
}

#navigation
{
    float:left;
    margin-top:10px;
}

#content
{
    background:#FFF url("pub/images/content.png") repeat-x;
    clear:both;
    float:left;
    padding-top:10px;    
    width:800px;
}

#columns
{
    float:left;
    width:800px;
}

#column 
{
    float:left;
    padding-left:10px;
    padding-right:10px;    
    width:780px;      
}

#left_column
{
    float:left;
    padding-left:10px;
    padding-right:5px;    
    width:385px;    
}

#right_column
{
    float:right;
    padding-left:10px;
    padding-right:5px;    
    width:385px;    
}

#articles
{
    float:left;
    padding-left:10px;
    padding-right:5px;    
    width:485px;    
}

#column h1,
#left_column h1,
#right_column h1, 
#articles h1
{
    border-bottom:solid 1px #006;
    color:#006;
    font-size:1.3em;
    font-variant:small-caps;
    /*margin-top:10px;*/
}

#articles h2
{
    font-style:italic;
    font-size:1.0em;
    /*margin-top:10px;*/
}

#articles h3
{
    font-size:1.0em;
    /*margin-top:10px;*/
}

#column p,
#left_column p,
#right_column p, 
#articles p
{
    font-size:1.0em;  
    margin-bottom:10px;    
    text-align:justify;
}

#articles .columns
{
    width:545px;              
}

#articles .left
{
    float:left;
    text-align:left;
    width:270px;
}

#articles .right
{
    float:right;
    text-align:left;
    width:270px;
}

#column ol 
{
    margin-bottom:10px;
}

#column ol li
{
    list-style-position:outside;
    margin-left:25px;
    margin-top:6px;    
}

#column ul,
#articles ul
{
    margin-bottom:10px;
}

#column ul li,
#articles ul li
{
    display:block;
}

#column a:link,
#column a:visited, 
#column a:active,
#articles a:link,
#articles a:visited, 
#articles a:active
{
    color:#0000FF;
    text-decoration:none;
}

#column a:hover,
#articles a:hover
{
    color:#006;    
    text-decoration:underline;
}

#annoucements
{
    float:right;
    padding-left:5px;
    padding-right:10px;        
    width:285px;
}

#annoucements h1
{
    border-bottom:solid 1px #006;
    color:#006;
    font-size:1.3em;
    font-variant:small-caps;
    /*margin-top:10px;*/
}

#annoucements h2
{
    font-style:italic;
    font-size:1.0em;
    /*margin-top:10px;    */
}

#annoucements h3
{
    font-size:1.0em;
    /*margin-top:10px;   */
}

#annoucements p
{
    font-size:1.0em;  
    margin-bottom:10px;
    text-align:justify;
}

#annoucements ul
{
}

#annoucements li
{
    display:block;
}

#annoucements a:link, 
#annoucements a:visited, 
#annoucements a:active
{
    color:#0000FF;
    text-decoration:none;
}

#annoucements a:hover
{
    color:#006;    
    text-decoration:underline;
}

#footer
{
    float:left;
    margin-top:10px; 
    text-align:center; 
    width:100%;      
}

#footer ul
{
}

#footer li
{
    display:inline;
}

#footer a:link, 
#footer a:visited, 
#footer a:active
{
    color:#000;
    text-decoration:none;
}

#footer a:hover
{
    color:#000;    
    text-decoration:underline;
}

#footer:after
{
    content:"\00A9 2013 Father Ernest A. Burtle Council 4175.  All rights reserved.";
}


