/*------------------------
Style for all pages
------------------------*/
html{
height:100%;
margin:0;
padding:0;
}


body{
background:#E1E6E2;
margin:0;
padding:0;
font-size:14px;
font-family:arial, sans-serif;
color:#505551;
}

#mainLayer{
}

#wrapper{
width:670px;
margin:auto;
}

ul{
list-style-type:none;
padding:0;
margin:0;
}

li{
padding:0;
margin:0;
cursor:pointer;
}

a{
color:#774C3B;
text-decoration:none;
}

a img{
border:0;
}

a:hover, a:focus{
background:transparent;
color:red;
}

h1{
font-size:1.6em;
}

h2{
font-size:1.2em;
}

p{
margin:0;
font-size:.9em;
}

#header{
position:relative;
width:100%;
min-width:600px;
height:164px;
background: url(HeaderBack.jpg) repeat-x;
margin-bottom:2em;
}

#headLogo{
position:absolute;
top:0;
left:0;
}

#loading{
float:right;
margin:50px 200px 0 0;
display:none;
}

#footer{
margin-top:1em;
height:50px;
}

#topNav{
position:absolute;
bottom:45px;
right:1em;
width:100%;
padding:0;
margin:0;
text-align:right;
}

#topNav li{
display:inline;
padding:0 2px 0 2px;
border-right:1px solid #505551;
}

#topNav li a{
color:#505551;
width:100%;
height:100%;
}

#topNav li:hover, #topNav li:focus{
}

#topNav li:hover a, #topNav li:focus a{
color:#E1E6E2;
}

#topNav li a:hover, #topNav li a:focus{
color:red;
}

#mainNav{
position:relative;
width:100%;
}

#mainNav ul{
position:absolute;
top:135px;
right:0;
padding-left:200px;
padding-right:1em;
padding-bottom:1em;
text-align:right;
display:none;
background:#505551;
}

#mainNav ul li{
display:inline;
border-right:solid 1px white;
padding:0 .5em;
}

#mainNav ul li a{
color:white;
}

#mainNav ul li a:hover,#mainNav ul li a:focus{
color:red;
}

div#newsItems{
width:98%;
}

div#pageLinks{
float:right;
}

#content{
width:670px;
background:url(cssBodyBody.jpg) repeat-y;
}

#content img{
display:block;
text-align:center;
}

#bodyHead{
height:25px;
background:url(cssBodyHead.jpg) no-repeat;
margin:0;
padding:0;
}

#bodyBody{
background:url(cssBodyBody.jpg) repeat-y;
margin:0;
padding:2em;
}

#bodyFoot{
height:25px;
width:100%;
background:url(cssBodyFoot.jpg) no-repeat;
margin:0;
padding:0;
}

#bodyLogo{
float:right;
}

/*-----------------------
Style for newsItems
------------------------*/

#newsItems{
width:50%;
float:right;
margin-left:1em;
}

#newsItems li{
margin-bottom:1em;
position:relative;
width:100%;
height:75px;
overflow:hidden;
border:1px solid black;
}

#newsItems li img{
width:100%;
}

#newsItems li a{
width:100%;
}

#newsItems li a span{
display:block;
position:absolute;
bottom:0;
left:0;
margin:.2em;
font-size:1.4em;
padding:.2em;
background:black;
color:white;
}

/*-----------------------
Style for news pages
------------------------*/

#news p{
margin:5px 10px 5px 10px;
}


#news img{
display:block;
width:40%;
margin:5px 10px 5px 10px;
}

/*-----------------------
Style for article pages
------------------------*/

#article p{
margin:5px 0 5px 0;
text-align:justify left;
margin-bottom:1.5em;
}


#article img{
display:block;
max-width:100%;
margin:5px 0 5px 0;
border:#505551 2px solid;
}

/*-----------------------
Style for section pages
------------------------*/

#sections div img{
width:50px;
display:block;
}

#sections div h1{
font-size:1.2em;
}

#sections div h2{
font-size:1.1em;
}

#sections div{
color:#505551;
border-bottom:#505551 2px solid;
}

#sections a:hover, #sections a:focus{
color:red;
}

/*-----------------------
Style for gallery pages
------------------------*/

#gallery{
text-align:left;
}

#gallery p{
margin:5px 0 5px 0;
}

#gallery img{
width:100%;
margin:10px 0;
}

.ajaxLoader{
width:20px;
height:20px;
}

/*-----------------------
Style for comment addon
------------------------*/

span.button{
text-align:center;
line-height:1.6em;
padding:0.2em;
border:solid #ccc 1px;
background:#eee;
cursor:pointer;
}

span.button:hover{
background:#bbb;
color:#444;
}

#commentForm{
padding:1em;
border:solid 1px #ccc;
width:12em;
}

div#comments{
margin-top:2em;
width:80%;
}

li.comment{
border-top:solid 1px #C5D4D4;
margin-bottom:1em;
}

li.comment span.commentDate{
font-size:.8em;
color:#C5D4D4;
background:white;
float:right;
margin-top:-.4em;
padding-left:1em;
}

li.comment span.commentName{
font-size:.8em;
color:#C5D4D4;
background:white;
float:left;
margin-top:-.4em;
padding-right:1em;
}