/******* structure and layout *******/
body {
margin:14px 0px 0px 0px;
padding:inherit;
font-family:Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color:#000000;
background:url(img/bgrose-1.jpg);
background-position: 0px 0px ;
background-repeat:no-repeat;
background-color:#FFFFFF;
}


.bodycontent {
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: 11pt; 
font-weight:100;
color:#777777;
}



.leftcontent {
position: absolute;
left:0px;
top:100px;
background:transparent url(img/left_bg2.gif);
background-repeat:repeat-y;
border:none;
text-align:left;

}



.left_news {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#818181;
margin:0 0 0 24px;
padding:0px 5px 5px 0px;
width:185px;
background:transparent;
}

#centercontent {
background:transparent;
margin-top:100px;
margin-left: 99px;
margin-right:60px;
line-height:normal;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 281px;
/*margin-right:201px;*/
}
html>body #centercontent {
margin-left: 331px;
/*margin-right:235px;*/
}

#centercontentindx {
background:transparent;
margin-top:100px;
margin-left: 99px;
margin-right:199px;
line-height:normal;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 281px;
/*margin-right:201px;*/
}
html>body #centercontentindx {
margin-left: 331px;
margin-right:235px;
}


/************** right panel ****************/
/************** right panel ****************/

#rightcontent {
position: absolute;
right:10px;
top:40px;
width:410px;
background:transparent;
z-index:-100;
}

.right_news {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#818181;
margin:0 0 0 0;
padding:10px 5px 5px 10px;
width:340px;
background:transparent;
z-index:-100;
}

#banner {
background:#ffffff url(img/header_bg.png);
background-repeat:repeat-x;
height:28px;
border:none;
voice-family: "\"}\"";
voice-family: inherit;
margin-left:140px;
}
html>body #banner {
height:28px;
}

.page_title {
position:absolute;
top:51px;
left:120px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.top_links {

position:absolute;
top:10px;
left:320px;
margin:0 0 0 0;
padding:0 0 0 0;
}

p,h1,pre {
margin:0px 10px 10px 10px;
}

#rightcontent p {
font-size:8pt;
}

/******* left navigation *******/
#nav ul {
margin:4px 0px 0px 12px;
background:transparent;

}
/*normal visible button*/
#nav li {
list-style-type: none;
background:transparent url(img/button.png);
background-repeat: no-repeat;
text-align:left;

}

/*text*/
#nav li a {
color: #ff8888;
font-weight:bold;
text-decoration: none;
display: block;
padding:4px 0px 9px 12px;

}

#nav li a:hover {
background:transparent url(img/button_sel.gif);
background-repeat: no-repeat;
color: #dd3333;
}




/******* top navigation *******/
#topnav ul{
padding:0 0 0 0;
margin:0 5px 0 0;
font-size:7pt;
color:#000000;
float:left;
width:100%;
background:transparent;
list-style:none;
}

#topnav ul li{
display:inline;
list-style:none;
}

#topnav ul li a{
margin: 0 5px 0 0;
padding: .2em 1em .2em 1em;
background:#ffbbbb;
color: #555555;
font-weight:bold;
text-decoration:none;
float: left;
border:2px solid #ffffff;
}

#topnav ul li a:hover{
background:#ff9999;
color: #ffffff;
text-decoration:none;
border:2px solid #ffffff;
}

/******* fonts and colors *******/
a {
color:#699065;
text-decoration:none;
}

a:hover {
color:#FA6565;
text-decoration:none;
}



#map a {
color:#000000;
text-decoration: none;
}

#map a:hover {
color:#ff0000;
text-decoration:none;
}


#footer a {
color:#cccccc;
text-decoration: none;
}

#footer a:hover {
color:#999999;
text-decoration:none;
}

#footer2 a {
color:#cccccc;
text-decoration: none;
}

#footer2 a:hover {
color:#999999;
text-decoration:none;
}

.news_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
color:#7F9BC5;
z-index:100;
}

.news_img {
position:absolute;
left:10px;
top:23px;
z-index:-1;
}

.news_title_grn {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
left:0px;
font-weight:bold;
color:#7F9BC5;
}

#page_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
color:#a27820;
text-transform:uppercase;
}

span.squares {
display:block;
float:left;
width:30px;
height:35px;
margin-right:2px;
background-image:url(img/rose.gif);
background-repeat:no-repeat;
}

span.squares span {display:none;}

.footer {
margin-left:350px;
margin-right:80px;
margin-bottom:60px;
padding:4px 4px 4px 4px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#cccccc;
text-decoration: none;
}

.footer2 {
margin-left:0px;
margin-right:0px;
margin-bottom:60px;
padding:4px 4px 4px 4px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#cccccc;
text-decoration: none;
}

.footerindx {
margin-left:350px;
margin-right:240px;
margin-bottom:60px;
padding:4px 4px 4px 4px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#cccccc;
text-decoration: none;
}

blockquote {
margin-left:340px;
margin-right:60px;
padding:4px 4px 4px 4px;
background:#fae8e8;
/*border-left:2px solid #C7D9F5;*/
font-style:italic;
font-family:"Script MT Bold";
font-size:14px;
text-align:center;
color:#9A9CA6;
letter-spacing:0.1em;
}

.blockquoteindx {
margin-left:360px;
margin-right:240px;
padding:4px 4px 4px 4px;
background:#fae8e8;
/*border-left:2px solid #C7D9F5;*/
font-style:italic;
font-family:"Script MT Bold";
font-size:14px;
text-align:center;
color:#9A9CA6;
letter-spacing:0.1em;
}

#fred {
margin-left:20px;
height:12px;
padding:8px 94px 8px 94px;
background:#fae8e8;
font-style:italic;
font-family:"Script MT Bold";
font-size:14px;
text-align:center;
color:#9A9CA6;
letter-spacing:0.1em;

}


h1 {
font-size:14px;
padding-top:10px;
}

#banner h1 {
font-size:14px;
padding:10px 10px 0px 10px;
margin:0px;
}

/******* lists *******/

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

#list li {
margin:.5em 0 0 0;
padding:0 0 0 15px;
list-style:none;
background: url(img/square_list.gif) no-repeat;
background-position: 0 .3em;
font-style:normal;
font-weight:100;
}

#list li.sub {
margin:.5em 0 0 .5em;
padding:0 0 0 15px;
list-style:none;
background: url(img/square_list2.gif) no-repeat;
background-position: 0 .3em;
}


/******* images *******/
img {
border:none;
}

.center {
text-align:center;
}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 2px;
/*left: -1000px;
border: 1px outset #FF9900;*/
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
/*padding: 2px;*/
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px;
left: 10px /*;position where enlarged image should offset horizontally */

}

/******* workarounds*******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


form.search { padding: 0; margin: 0; }

#searchform {
padding-top:3px;
padding-bottom:3px;
	color: #FFFFFF;
	margin: 3px;
}

input.text { margin: 1; padding: 0; width: 88px; border: 0px; color: #FA6565; background: #fff; }
input.text:hover {border: 0px solid #FA6565; background: #FAE8E8; color: #FA6565; }
input.button { margin: 1px;  padding: 2px 0 0 2px; height:17px; font-size: 100%; font-family: Arial, Sans-Serif; border: none; background: none; color: #FFF; background: #FAC5C5; font-weight: bold; }
.date { margin: 5px 0 5px 0; padding: 10px 5px 5px 0; background: #FFFFFF url(horizontaldotted.gif) repeat-x bottom left; color: #808080; text-align: right; }
.date a { color: #808080; background: #FFFFFF; }


input.msg {border: 1px  solid #FA6565; color: #FA6565; background: #fff; }
input.msg:hover {border: 1px solid #FA6565; background: #FAE8E8; color: #FA6565; }
input.msgbtn { margin: 1px;  padding: 2px 0 0 2px; height:23px; font-size:9px; font-family: Arial, Sans-Serif; border: none; background: none; color: #000; background: #FAC5C5; font-weight: bold; }
input.msgbtn:hover { margin: 1px;  padding: 2px 0 0 2px; height:23px; font-size:9px; font-family: Arial, Sans-Serif; border: none; background: none; color: #fff; background: #FA7575; font-weight: bold; }