/*-------style sheet derived from Flower Shop: http://csscreme.com/freecsstemplate/flower_shop/ ---*/
/*-------style sheet distributed under GNU public license Version 2 ---*/

body
{
background-color:#bbe;
font-family:Arial, Helvetica, sans-serif;
padding:0;
font-size:14px;
margin:0px auto auto auto;
color:#000000;
}
a{
color:#2020DD;
}
.clear{
clear:both;
}

p{
padding:5px 15px 5px 15px;
font-size:13px;
margin:0px;
text-align:justify;
line-height:19px;
}

p.quotedtext{
padding:5px 15px 5px 15px;
font-size:12px;
margin:0px;
text-align:justify;
line-height:19px;
font-style:italic;
}

p.headernotes{
padding:5px 15px 5px 15px;
font-size:13px;
margin:0px;
text-align:justify;
line-height:19px;
color:#88b;
}
p.footnote{
padding:0px 0px 0px 0px;
font-size:12px;
margin:0px;
text-align:justify;
line-height:17px;
color:#88b;
}

h1{
padding:5px 15px 5px 15px;
font-size:15px;
margin:0px;
text-align:justify;
line-height:19px;
font-weight: bold;
}

h1 a{
text-decoration:none;
}

h1 a:hover{
text-decoration:underline;
}

h2{
padding:5px 15px 5px 15px;
font-size:16px;
margin:0px;
text-align:center;
line-height:21px;
font-weight: bold
}

ol{
padding:5px 15px 5px 15px;
font-size:13px;
margin: 0 15px 15px 30px;
text-align:justify;
line-height:19px;
}

blockquote
{
padding:5px 45px 5px 35px;
font-size:12px;
margin:0px;
text-align:justify;
line-height:16px;
}

#wrap{
width:900px;
height: auto;
margin:auto;
background-color:#FFFFFF;
}
.header{
width:900px;
height:180px;
}

img.right{
float:right;
padding:0 10px 0 10px;
}

.right_box{
width:170px;
float:right;
}

/*------------------------------------center content--------------------*/

.center_content{
width:900px;
padding:0px 0 0 0;
background:url(images/center_bg.jpg) repeat-y center;
}

.left_content{
width:690px;
float:left;
padding:20px 0 20px 20px;
}
.right_content{
width:170px;
float:left;
padding:20px 0 20px 20px;
}
.title{
color:#006;
padding:10px;
font-size:20px;
margin:0px 0 5px 0;
}
span.title_icon{
float:left;
padding:0 5px 0 0;
}

/*--------unordered lists ---------*/

ul.list{
clear:both;
padding:10px 0 0 0px;
margin:0px;
}
ul.list li{
font-weight:bold;
color:#808080;
font-size:15px;
list-style:none;
padding:2px 0 2px 0;
}
ul.list li a{
list-style:none;
font-weight:bold;
text-decoration:none;
color:#2020DD;
background:url(images/left_menu_bullet.gif) no-repeat left;
padding:2px 0 0 17px;
}
ul.list li a:hover{
text-decoration:underline;
}

ul.list2{
clear:both;
padding:5px 10px 0px 10px;
margin:0px;
}
ul.list2 li{
font-size:13px;
list-style:none;
padding:2px 0 2px 0;
}
ul.list2 li a{
list-style:none;
text-decoration:none;
color:#3C74B8;
background:url(images/left_menu_bullet2.gif) no-repeat left;
padding:12px 0 12px 17px;
}
ul.list2 li a:hover{
text-decoration:underline;
}

ul.list3{
clear:both;
padding:5px 10px 0px 7px;
margin:0px;
}
ul.list3 li{
font-size:11px;
list-style:none;
padding:2px 0 2px 0;
}
ul.list3 li a{
list-style:none;
text-decoration:none;
color:#17505b;
background:url(images/left_menu_bullet2.gif) no-repeat left;
padding:0 0 0 17px;
}
ul.list3 li a:hover{
text-decoration:underline;
}

/* tabbed environment */

div.demolayout {
width:670px;
margin: 0 0 20px 0;
}

ul.demolayout {
list-style-type: none;
float: left;
margin:0px;
padding:0px;
}

ul.demolayout li {
margin: 0 10px 0 0;
float: left;
}
.tab{
border:0 #DFDFDF solid;
padding:0 0 25px 0;
}
ul.demolayout a {
float: left;
display: block;
padding: 5px 25px;
border: 1px solid #DFDFDF;
border-bottom: 0;
color: #44b;
background: #ccf;
text-decoration: none;
font-weight: bold;
}

ul.demolayout a:hover {
background: #eee;
}

ul.demolayout a.active {
background: #fff;
padding-bottom: 5px;
cursor: default;
color:#17505b;
}

.tabs-container {
clear: left;
padding:0px;
background-color:#FFFFFF;
}