/* Styles for this specific template */

body {
background-color: #f5f5f5;
margin: 0;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
}
.header {
border-bottom: 1px dashed #666;
height: 69px;
}
.menu {
position: absolute;
left: 0;
width: 150px;
height: 400px;
padding-top: 5px;
background-image: url(../gfx/menubg.gif);
background-repeat: no-repeat;
}
.body {
margin-left: 150px;
margin-right: 10%;
border-left: 1px solid #fc0;
padding: 5px;
padding-top: 10px;
min-height: 500px;
background-image: url(../gfx/bodybg.gif);
background-repeat: no-repeat;
line-height: 20px;
}
.footer {
border-top: 1px dashed #666;
text-align: right;
color: #0188A9;
padding-top: 5px;
padding-right: 5px;
clear: both;
}
.footlink, .footlink:visited {
color: #0188A9;
}
h1 {
font-size: 24px;
color: #0188A9;
text-transform: uppercase;
font-weight: normal;
margin: 0;
}
a {
font-weight: bold;
text-decoration: underline;
color: #333;
}
a:hover {
text-decoration: none;
}
a:visited {
color: #777;
}
p {
margin-top: 6px;
margin-bottom: 6px;
}
.menulist {
list-style: none; 
margin: 0; 
padding: 0; 
text-transform: uppercase;
text-align: right;
font-size: 18px;
}
.menulink, .activemenulink {
font-weight: normal;
display: block;
color: #0188A9;
padding-right: 5px;
line-height: 30px;
text-decoration: none;
}
.menulink:visited, .activemenulink:visited {
color: #0188A9;
}
.menulink:hover, .activemenulink:hover {
text-decoration: none;
background-color: #0188A9;
color: #f5f5f5;
background-image: url(../gfx/menufade.gif);
background-repeat: repeat-y;
}
.submenu {
font-size: 16px;
text-transform: uppercase;
border: 1px dashed #fc0;
padding: 0 2px 2px 2px;
background-color: #f6f1dd;
color: #0188A9;
}
.submlink {
font-weight: normal;
color: #0188A9;
}
.submlink:visited, .footlink:visited {
color: #02A9D2;
}
.contact {
border: 1px solid #02A9D2;
background-color: #b3e5f1;
width: 90%;
height: 81px;
margin-top: 20px;
margin-left: 5%;
font-size: 11px;
}
img {
border: 0;
}
.right {
float: right;
width: 150px;
padding-left: 5px;
padding-bottom: 5px;
}
.rtbox1, .rtbox2 {
background-repeat: no-repeat;
background-position: bottom left;
width: 148px;
margin-bottom: 5px;
padding-left: 2px;
font-size: 12px;
line-height: 18px;
}
.rtbox1 {
border: 1px solid #fc0;
background-color: #feefb3;
background-image: url(../gfx/boxbg1.gif);
}
.rtbox2 {
border: 1px solid #02A9D2;
background-color: #b3e5f1;
background-image: url(../gfx/boxbg2.gif);
}
.rtbox1hd, .rtbox2hd {
text-transform: uppercase;
text-align: right;
font-size: 18px;
margin-top: -3px;
}
.rtbox1ft, .rtbox2ft {
text-transform: uppercase;
text-align: right;
font-size: 16px;
margin-bottom: -2px;
}
.rtbox1hd, .rtbox1ft, .rtbox1link, .rtbox1link:visited {
color: #a98701;
}
.rtbox2hd, .rtbox2ft, .rtbox2link, .rtbox2link:visited {
color: #02A9D2;
}
.rtbox1link, .rtbox2link, .rtbox1link:hover, .rtbox2link:hover {
font-weight: normal;
text-decoration: none;
}

/* This template's versions of generic items */
.fl_loadbox { /* The box shown when an item is loading */
border: 1px dashed #02A9D2;
background-color: #b3e5f1;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
font-size: 32px;
color: #333;
}
.fl_blogtitle { /* A blog title */
font-size: 20px;
font-weight: bold;
line-height: 30px;
}
.fl_blogby { /* A blog byline and time*/
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 2px;
width: 100%;
font-weight: bold;
}
.fl_blogfooter { /* Text at the bottom of a blog */
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 2px;
width: 100%;
font-weight: bold;
}
.fl_blogtags { /* Blog tags */
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 2px;
width: 100%;
font-weight: bold;
}
.fl_readmore { /* The read more link */

}
.fl_comments { /* Where the comments should appear */
float: right;

}
.fl_blogentry1 { /* Style for odd-numbered blog entries */

}
.fl_blogentry2 { /* Style for even-numbered blog entries */
background-color: #eee;
}
.fl_blogdivider { /* The line between blogs */
margin-top: 5px;
height: 5px;
border-top: 1px dashed #0188A9;
}
.fl_commsheader { /* Comments title */
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 2px;
width: 100%;
font-weight: bold;
}
.fl_bottomlinks { /* Links at the end */
text-align: right;
width: 100%;
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 2px;
width: 100%;
font-weight: bold;
}
.fl_prevnext { /* Previous and next entry links */
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 2px;
font-weight: bold;
}
.fl_comm1 { /* Style for odd-numbered comments */
border-left: 1px dotted #0188A9;
}
.fl_comm2 { /* Style for even-numbered comments */
border-left: 1px dotted #0188A9;
background-color: #eee;
}
.fl_newsheads { /* News headlines view style */
}
#fl_showbox { /* The border for the scrolling bar in the gallery */
border: 1px dashed #0188A9;
}
.fl_arrowoff, .fl_arrowon { /* The left and right pointing arrows */
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.fl_arrowoff {
color: #666;
border: 1px solid #222;
background-color: #444;
}
.fl_arrowon {
color: #b3e5f1;
background-color: #444;
border: 1px solid #b3e5f1;
}
.fl_arrowoff:hover, .fl_arrowon:hover {
text-decoration: none;
}
.fl_arrowon:hover {
background-color: #999;
}
.fl_imgcap { /* Picture captions in galleries */
background-color: #333;
border: 1px solid #b3e5f1;
}
.fl_pollvotebar { /* Colour of the bar showing percentages in polls */
background-color: #0188A9;
}
.fl_pollquestion {
font-weight: bold;
}
.fl_setuphead, .fl_setupheadoff:hover { /* Colour for the headers of contracting sections in admin */
background-color: #0188A9;
}
.fl_setupheadoff {  /* Colour for deselected headers of contracting sections in admin */
background-color: #b3e5f1;
}
.fl_setupbody {
background-color: #eee;
}

input, select, textarea { 
background-color: transparent; 
border: 1px dashed #0188A9; 
color: #0188A9; 
font-family: "trebuchet ms", trebuchet, tahoma, verdana, arial, helvetica, sans-serif; 
font-size: 13px; 
} 
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus { 
background-color: #b3e5f1; 
} 
textarea { 
font-size: 14px; 
}