body {
	font-family: Arial; 
	font-size: .8em;
	margin: 0px;
	background-color: #cccccc;
}

#headerGraphicRight {
    z-index:5;
	position:absolute;
	left:780px;
	top:0;
}
#footer{
    position:relative;
    font-weight:bold;
    font-size: .7em;
}
#headerGraphicLeft {
    z-index:2;
	position:fixed;
	left:0;
	top:0;
	width:200px;
}

#titleGraphic {
    z-index:1;
	position:absolute;
	top:0;
	left:190px;
    width:640px;
}

.menu
{
	z-index:2;
    position:fixed;
	width:185px;
    height:480px;
	left:5px;
	top:115px;
}

img.menuImage {
    width:100%;
    height:100%;
}
img.linksImage{
    width:100%;
    height:310px;
}
img.upcomingImage{
    width:100%;
    height:190px;
}
img.headerImage{
    width:110px;
    height:25px;
}
img.previewImg{
    width:80px;
    float:left;
    margin-top:5px;
    margin-right:5px;
}
img.contentImg{
    float:left;
    width:200px;
    margin-right:10px;
    margin-top:8px;
}
img.contentImgBody{
    border: 1px solid #ff9933; 
    width:575px;
}

img.contentImgIndex{
    float:left;
    width:160px;
    margin-right:10px;
    margin-top:8px;
}
img.contentImgSmall{
    border: 1px solid #ff9933;
    float:left;
    margin-right:10px;
    margin-top:8px;
}
img.contentImgBig{
    border: 1px solid #ff9933;
    margin-left:50px;
}
#loginLinks{
    position:absolute;
    top:3px;
    left:8px;
}

#loginLinks a:hover{
    color:black;
}

#header{
    z-index:4;
    position:absolute;
    top:200px;
    left:680px;
    
    }

#headerHigher{
    z-index:4;
    position:absolute;
    top:130px;
    left:670px;
    }


#content{
    position:absolute;
    top:240px;
    left:205px;
    width:590px;
    
}

#comments{
    width:590px;
    vertical-align:top;
}

.rowBorder{
    border:thin solid black;
    border-color:black;
    text-align:left;
    padding:5px;
}

.time{
font-size: .8em;
}


#contentArticle{
    position:absolute;
    top:150px;
    left:205px;
    width:590px;
}

#articlePreview{
    font-size:.8em;
    
}

#articlePreview a{
    color:#dd030d;
    text-align:left;
}
#eventPreview{
    font-size:.8em;
}
#eventPreview a{
    color:#dd030d;
    text-align:left;
}
#content a, .continue{
    color:#ff9933;
}

.continueSmall{
    font-size:.8em;
    color:#ff9933;
}

.content a:hover, .continue:hover, .continueSmall:hover{
    color:black;
}

.upcomingEvent{
    font-size: 1.1em;
    margin:5px;
    font-weight:bold;
}
.outsideLink{
    margin:5px; 
    font-weight:bold;
}
#content a:hover{
    color:black;
}
.contentText{
    margin:15px;
    font-size:1.2em;
    text-align:justify;
    line-height:1;
}

.indent{
    margin-left:10px;
    margin-right:10px;
}

.contentText-indent{
    font-size: 1.2em;
    margin-left:30px;
}

ul{
   margin-right:15px;
}

.links
{
    z-index:10;
    position:absolute;
    width:175px;
    left:825px;
    top:115px;
}
.upcoming
{
    z-index:11;
    position:absolute;
    width:175px;
    left:825px;
    top:435px;
}

#linkDiv{
    position:absolute;
    top:0px;
    z-index:100;
    margin:10px;
    font-size:.9em;
}
#upcomingDiv{
    position:absolute;
    top:0px;
    z-index:101;
    margin:10px;
    font-size:.9em;
}

#menuDiv{
    position:absolute;
    left:10px;
    top:10px;
    z-index:100;
    width:165px;

}

#latestPost{
    position:absolute;
    left:5px;
    top:260px;
    width:165px;
}

#linkDiv a{
    font-size: 1.2em;
    font-weight:bold;
    padding:3px;
    display:block;
    color:#dd030d;
}

#upcomingDiv a{
    font-size: 1.2em;
    font-weight:bold;
    padding:3px;
    display:block;
    color:#dd030d;
}

#menuDiv a{
    padding:5px;
    text-indent:10px;
    display:block;
    color:white;

}
#menuDiv a:hover{
    background:#ff9933;
    color:black;
}

#active a{
    color:black;
}
#active a:hover{
    color:black;
    background:#dd030d;
}

#linkDiv a:hover{
    display:block;
    background:#dd030d;
    color:black;
}

#upcomingDiv a:hover{
    display:block;
    background:#dd030d;
    color:black;
}

.upcomingTitle{
    display:block;
    color:#dd030d;
    margin:5px;
}
.upcomingTitle:hover{
    display:block;
    background:#dd030d;
    color:black;
}

.right a{
    display:block;
    text-align:right;
    color:#dd030d;
}

.right a:hover{
    display:block;
    text-align:right;
    color:black;
}

.titleMenu{
    font-size: 1.2em;
    font-weight: bold;
    text-align:center;
    border-top:thin solid #cccccc;
}
.title{
    font-size: 1.2em;
    font-weight: bold;
    text-align:center;
    border-bottom:thin solid #cccccc;
}

#content .title{
    font-size: 1.5em;
    color:#dd030d;
    text-align:left;
}
.indexTitle, .indexTitle1, .indexTitle1 a{
    font-size: 1.2em;
    color:#dd030d;
    text-align:left;
    display:inline;
    margin-right:5px;
}
    
#contentArticle .title{
    font-size: 1.5em;
    color:#dd030d;
    text-align:left;
}

a {
    color:white;
    text-decoration: none;
    font-weight: bold;
}