body { 
background-color : #999999; 
margin : 10px; 
padding : 0; 
text-align : left; 
font-family : "Trebuchet MS", Arial, Verdana; 
font-size : 0.74em; 
color : #555555; 
} 
#container { 
background-image : url(Common/Centre-Background.gif); 
background-repeat : repeat-y; 
width : 980px; 
margin : 0 auto; 
} 
#header { 
background-image : url(Common/Header-Background.gif); 
background-position : top left; 
background-repeat : no-repeat; 
height : 115px; 
padding : 0 10px; 
} 
#header h1 { 
margin : 0 0 10px 0; 
padding : 5px 0 0 0; 
text-transform : uppercase; 
text-align : left; 
font-family : "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; 
font-weight : normal; 
font-size : 300%; 
color : #ffffff; 
} 
#header h2 { 
margin : 0; 
padding : 0; 
text-transform : uppercase; 
text-align : right; 
font-family : "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; 
font-weight : normal; 
font-size : 15px; 
color : #ffffff; 
} 
#navigation { 
background-color : #009933; 
width : 155px; 
text-align : left; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-variant : small-caps; 
font-size : 11px; 
color : #ffffff; 
float : right; 
} 
#navigation ul { 
margin : 0; 
padding : 0; 
} 
#navigation ul li { 
display : inline; 
} 
#navigation ul li a { 
border-bottom : 5px solid #ffffff; 
border-right : 5px solid #ffffff; 
background-color : #b6b69c; 
width : 140px; 
height : 28px; 
padding : 12px 0 0 10px; 
text-decoration : none; 
color : #ffffff; 
display : block; 
float : left; 
} 
#navigation ul li a:hover { 
background-color : #c5d27f; 
color : #555555; 
} 
#centre { 
padding : 0 5px 0 5px; 
} 
#content { 
width : 620px; 
padding : 5px 5px 5px 5px; 
float : left; 
} 
#content h1 { 
margin : 5px 0; 
font-family : "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; 
font-weight : normal; 
font-size : 25px; 
color : #728c40; 
text-transform : uppercase; 
} 
#content h2 { 
margin : 5px 0; 
font-family : "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; 
font-weight : normal; 
font-size : 20px; 
text-transform : uppercase; 
text-align : left; 
color : #728c40; 
} 
#content h3 { 
margin : 5px 0; 
font-family : "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; 
font-weight : normal; 
font-size : 14px; 
text-transform : uppercase; 
text-align : left; 
color : #728c40; 
} 
#content a { 
color : #728c40; 
text-decoration : underline; 
} 
#content a:hover { 
color : #4f5f34; 
text-decoration : none; 
} 
#breadcrumb { 
background-color : #ffffff; 
height : 15px; 
padding : 5px 5px 5px 10px; 
} 
#breadcrumb a { 
color : #4f5f34; 
text-decoration : underline; 
} 
#breadcrumb a:hover { 
color : #4f5f34; 
text-decoration : none; 
} 
#subcontent { 
width : 180px; 
padding : 0; 
margin : 0 0 10px 5px; 
font-size : 95%; 
color : #6c534a; 
float : left; 
} 
#subcontent h1 { 
margin : 0; 
padding : 0; 
font-family : "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; 
font-weight : normal; 
font-size : 20px; 
text-transform : uppercase; 
text-align : left; 
color : #003366; 
} 
#subcontent h2 { 
font-family : "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; 
font-weight : normal; 
font-size : 20px; 
text-transform : uppercase; 
text-align : left; 
color : #003366; 
} 
#subcontent h3 { 
font-family : "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; 
font-weight : normal; 
font-size : 20px; 
text-transform : uppercase; 
text-align : left; 
color : #003366; 
} 
#subcontent ul { 
margin : 0; 
padding : 0; 
} 
#subcontent ul li { 
list-style : none; 
} 
#subcontent ul li a { 
width : 170px; 
padding : 5px 0 0 0; 
text-decoration : underline; 
color : #6c534a; 
display : block; 
} 
#subcontent ul li a:hover { 
text-decoration : none; 
} 
#calender { 
border-bottom : 5px solid #ffffff; 
padding : 5px; 
margin-bottom : 5px; 
} 
#calender table { 
border : 1px solid #4f5f34; 
background-color : #ffffff; 
width : 100%; 
height : 150px; 
text-align : center; 
} 
#calender table td { 
width : 14%; 
} 
#calender table .controls { 
background-color : #bac994; 
font-weight : bold; 
} 
#calender table .controls a { 
color : #ffffff; 
text-decoration : underline; 
} 
#calender table .controls a:hover { 
color : #ffffff; 
text-decoration : none; 
} 
#calender table .title { 
background-color : #cbd6ad; 
} 
#calender table .days td { 
background-color : #dee6cc; 
} 
#calender table .days a { 
color : #728c40; 
text-decoration : underline; 
} 
#calender table .days a:hover { 
color : #728c40; 
text-decoration : none; 
} 
#calender table td.empty { 
background-color : #e4e4e4; 
} 
#calender table td.article { 
background-color : #669900; 
} 
#calender table td.article_event { 
background-color : #009980; 
} 
#calender table td.event { 
background-color : #006699; 
} 
#calender table td.event a, #calender table td.article a, #calender table td.article_event a { 
color : #ffffff; 
text-decoration : underline; 
} 
#calender table td.event a:hover, #calender table td.article a:hover, #calender table td.article_event a:hover { 
color : #ffffff; 
text-decoration : none; 
} 
#pages { 
border-bottom : 5px solid #ffffff; 
padding : 5px 5px 10px 5px; 
margin-bottom : 5px; 
} 
#categories { 
border-bottom : 5px solid #ffffff; 
padding : 5px 5px 10px 5px; 
margin-bottom : 5px; 
} 
#archives { 
border-bottom : 5px solid #ffffff; 
padding : 5px 5px 10px 5px; 
margin-bottom : 5px; 
} 
#feeds { 
border-bottom : 5px solid #ffffff; 
padding : 5px 5px 0 5px; 
margin-bottom : 5px; 
} 
#feeds ul { 
margin-bottom : 10px; 
} 
#links { 
border-bottom : 5px solid #ffffff; 
padding : 5px 5px 10px 5px; 
margin-bottom : 5px; 
} 
#login { 
border-bottom : 5px solid white; 
padding : 5px 5px 10px 5px; 
margin-bottom : 10px; 
} 
#notification { 
width : 100%; 
height : 100%; 
background-color : #d3d5c9; 
padding : 15% 0; 
text-align : center; 
} 
#notification h1 { 
margin : 5px 0; 
font-family : "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; 
font-weight : normal; 
font-size : 25px; 
color : #728c40; 
text-transform : uppercase; 
} 
#notification a { 
color : #4f5f34; 
text-decoration : underline; 
} 
#notification a:hover { 
color : #4f5f34; 
text-decoration : none; 
} 
#screenshot { 
background-image : url(Common/Screenshot-Background.gif); 
background-position : top left; 
background-repeat : repeat-x; 
margin : 0 auto; 
padding : 5px; 
text-align : center; 
text-align : center; 
overflow : visible; 
} 
#screenshot img { 
background-color : #efefd6; 
border : 1px solid #542700; 
margin : 6px; 
padding : 3px; 
} 
#footer { 
background-image : url(Common/Footer-Background.gif); 
background-position : top left; 
height : 32px; 
padding : 14px 15px 0 0; 
text-align : right; 
color : #ffffff; 
} 
#footer a { 
color : #d3d5c9; 
text-decoration : underline; 
} 
#footer a:hover { 
color : #ffffff; 
text-decoration : none; 
} 
#copyright { 
visibility : visible; 
} 
.article .details { 
margin : 0; 
padding : 0; 
list-style : none; 
} 
.article .details li { 
margin : 0 5px 10px 0; 
display : inline; 
} 
.article .introduction { 
border-bottom : 1px solid #eeeeee; 
line-height : 20px; 
font-size : 115%; 
} 
.article .link { 
font-size : 110%; 
text-align : right; 
} 
.article .gallery img { 
border : 1px solid #eeeeee; 
padding : 3px; 
margin : 3px; 
} 
#comments { 
margin-bottom : 20px; 
} 
#comments .details { 
margin-bottom : 10px; 
} 
#comments .details dt { 
background-image : url(Icons/Avatar.jpg); 
background-position : top left; 
background-repeat : no-repeat; 
float : left; 
height : 55px; 
width : 55px; 
margin-right : 5px; 
} 
#comments .details dd { 
margin : 0; 
} 
.comment { 
padding : 5px 0; 
clear : both; 
} 
.whisper { 
background-color : #e4e4e4; 
padding : 5px 5px; 
clear : both; 
} 
form { 
margin : 0; 
padding : 0; 
} 
form #comment { 
width : 100%; 
height : 125px; 
} 
form #whisper { 
margin-left : 0; 
} 
form #keywords { 
width : 32%; 
} 
form #date { 
width : 32%; 
} 
form #category { 
width : 32%; 
} 
#paging { 
text-align : right; 
} 
#paging a { 
padding : 0 5px; 
} 
.event .details { 
margin : 0; 
padding : 0; 
} 
.event .details li { 
margin-right : 5px; 
list-style : none; 
display : inline; 
} 
.clear { 
clear : both; 
} 
img { 
border : none; 
} 
#header a:link, a:visited, a:hover { 
color : white; 
text-decoration : none; 
} 
#header h3 { 
margin : -6px 0 10px 0; 
text-transform : uppercase; 
text-align : left; 
font-family : "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; 
font-weight : normal; 
font-size : 10px; 
color : #ffffff; 
}