/* CSS Document */
/* GLobal TAG styles */
*{
margin:0;
padding:0;}

body{
font-size:0.85em;
font-family: Helvetica, sans-serif;
color:#444;
background-image:url(bg.png);
background-repeat:repeat-x;
background-position:top left;
background-color:#FFFFFF;}

img{
border:0;}
img.intext{
padding:0 0 1em 20px;
}

h1 {
font-size:3.2em;
line-height:1.1em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
padding:0 0 20px; 0;}

h2{
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:2.1em;
padding:1em 0 0.3em 0;
color:#f28608;
color:#000;
}

h3{
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:1.6em;
padding:1.3em 0 0.3em 0;
color:#f28608;
color:#000;
}
h4{
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:1.4em;
padding:1.3em 0 0.2em 10px;
color:#f28608;
color:#000;
}
p {
padding:0 0 1em 10px;
line-height:1.3em;
}
a:link {
color:#226795;
}
a:visited{
color:#226795;

}
a:hover, a:active{
color:#FF6600;

text-decoration:none;}
ul{
margin:0 0 0 30px;}
li{
margin:0 0 0.2em 0;}

form{
display:block;
}
dl{
padding:0 0 0 10px;}
dt{
font-family: Georgia, "Times New Roman", Times, serif;
display:block;
font-size:1.1;
padding:2px 0 3px 10px;
font-weight:bold;
}
dd{
display:block;
font-style:italic;
padding:0 0 0.8em 1em;}
.clear{
clear:both;}
.left{
float:left;}
.right{
float:right;}
.graphButton{
padding: 20px 0 0 0;}
label{
display:block;
font-weight:bold;}
label span{
display:block;
font-weight:normal;}
input{
display:block;
width:300px;
padding:2px;}
input#inimage{
width:420px;
margin-left:-10px;
padding:10px 0 20px;}
form input.checkbox{
width:16px;
display:block;
margin-right:10px;
padding:2px;
float:left;}
form p em{
font-size:0.9em;
color:#999;}
.textarea{
width:400px;
height:150px;
padding:2px;}
.light{
font-weight:normal;}
.red{
color:red;}
.code{
color:green;}
code, pre{
display:block;
font-size:1.1em;
color:green;
padding:0.3em  0 1em 10px;}
pre.normal{
color:#666;
padding-left:30px;
padding-right:20px;}
#primaryContent .seeAlso{
margin:20px 0 0 0;
padding:10px;
background-color:#f5f5f5;
border:1px solid #999;}
#primaryContent .seeAlso h3{
padding:0.2em 0 0.3em 0;}
#primaryContent .seeAlso ul{
padding: 0 0 1em;
list-style:square;
}
#primaryContent .seeAlso ul li{
padding: 0 0 0.1em;
}

#primaryContent table{
width:450px;}
#primaryContent table tr{
margin:5px;
padding:2px;
vertical-align:top;
}
#primaryContent table td{
margin:67px;
padding:8px 10px;
border:1px solid #999;
vertical-align:top;
}
#primaryContent table caption{
text-align:left;
padding:1em 0 0.1em 3px;
font-size:0.9em;
color:#999;}
em.note{
color:#999;
font-size:0.9em;}

/* ===================== Menu ====================== */
.menu h3{
padding:0 0 0.3em 0;
}
.menu {
padding:0 0px 20px  0;}
.menu ul{
list-style:square;}
.menu li{
padding: 0 0 0.3em 0;}
.menu a{
text-decoration:none;}

/* ========================= TOPLINE ======================*/

#topline{
display:block;
height:41px;
background-color:black;
color:white;
background-image:url(top_bg.png);
background-position:top left;
background-repeat:repeat-x;}

#topline .top-wrapper{
width:760px;
margin:0 auto;
padding:0px 0 0px;
}

#topline ul{
margin:0;
font-size:0.9em;
padding:11px 0 0px;
list-style:none;
float:right;
}
#topline ul li{
padding:0px 0 0 10px;
display:inline;}

#topline a{
border:0;
padding:0;
margin:0;
}

#topline li a:link{
display:inline-block;
padding:2px;
color:#f8f8f8;
text-decoration:none;}

#topline li a:visited{
display:inline-block;
padding:2px;
color:#f8f8f8;
text-decoration:none;}

#topline li a:hover{
display:inline-block;
padding:2px;
color:#f8f8f8;
text-decoration:underline;
}

#topline li a:active{
display:inline-block;
padding:2px;
color:#f8f8f8;
text-decoration:underline;
}

#text{
float:left;
width:760px;
padding:50px 0 0 0;}

#text p{
padding:15px 0 0 15px;
line-height:1.4em;
font-style:italic;
color:#999;
font-size:0.9em;}

#visual{
float:right;
padding:40px 0 0 0;
}

/*================================= MAKET STYLES =======================================*/

#wrapper{
width:760px;
margin:0 auto;
padding-top:1px;}
body.main #wrapper{
width:760px;
margin:0 auto;
padding-top:10px;}
/*========= Main page ========*/
body.main #primaryContent{
width:480px;
float:left;}
body.main #secondaryContent{
padding-top:20px;
width:265px;
float:left;}
/*========= Inner 50x50 ========*/
body.fxf #primaryContent{
padding: 80px 0 0 0;
margin:0;
width:380px;


float:left;}
body.fxf #secondaryContent{
padding: 80px 0 0 0;
margin:0;
width:380px;


float:left;}
/*========= Inner  Main + Sidebar========*/
body.inner #primaryContent{
width:520px;
float:left;
padding-top: 80px;}
body.inner #secondaryContent{
padding-top: 80px;
width:200px;
float:left;}
/*========= One page ========*/
body.one #primaryContent{
padding-top: 80px;
width:760px;
margin:0 auto;}
body.one #secondaryContent{
display:none;}

/*================== header  ======================*/
#wrapper div.header{
margin: 0 0 20px 0;
padding:0;}
/*================================== Primary Content ===================================*/
#primaryContent .in {
 padding: 0 20px 0  0;}

 
#primaryContent ul li {
padding:0 0 1em 0;}
#primaryContent ul.menu {
list-style:square;}
#primaryContent ul.menu li {
padding:0 0 0.3em 0;}
#primaryContent ul.normal {
list-style:square;
padding:0 0 1em 0;
margin:0 0 0 35px;}
#primaryContent ul.double {
list-style:square;
padding:1em 0 2em 0;
margin:0 0 0 60px;}
#primaryContent ul.normal li {
padding:0 0 0.3em 0;}
#primaryContent ul.double li {
padding:0 0 0.3em 0;}
#primaryContent ol.normal {
padding:0 0 1em 0;
margin:0 0 0 35px;}
#primaryContent ol.normal li {
padding:0 0 0.3em 0;}


body.main #wrapper #primaryContent .header{
padding:80px 0 0 0;}
#wrapper #primaryContent .header {
padding: 0px 20px 0  0;}

#primaryContent .navLinks{
padding:30px 0 0 0;}
#primaryContent .navLinks a:link, #primaryContent .navLinks a:visited,{
text-decoration:none;
font-size:1.2em;
font-weight:bold;
padding:30px 0 0 0;}
#primaryContent .navLinks a:hover, #primaryContent .navLinks a:active,{
padding:30px 0 0 0;
font-size:1.2em;
font-weight:bold;
text-decoration:underline;}

.article p{
padding:0 0 0 10px;}
.article p.comment{
padding:0 0 1em 10px;}



/*================================== Secondary Content ===================================*/
#secondaryContent .in{
margin:0 0 0 20px;
padding:0 0 0 20px;
border-left:1px solid #444;}
body.fxf #secondaryContent .in{
margin:0 0 0 15px;
padding:0 0 0 0px;
border:0;}
body.fxf #secondaryContent .header{
padding:0 0 0 30px;
border:0;}
body.inner #secondaryContent h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:1.6em;
padding:0 0 0.3em 0;
margin: 0px 0 0 0;
color:#f28608;
color:#000;}
body.fxf #secondaryContent .col{
padding:0 0 0 30px;
border-left:1px solid #444;}
body.main #secondaryContent h3{
padding-top:0.3em; 
color:#1680A3;
}
body.main #secondaryContent h3 a{
text-decoration:none;}
#secondaryContent h3{
color:#444;}
body.main #wrapper #secondaryContent .header{
padding:0px 0 0 0;}
body.inner #secondaryContent .in {
padding: 20px 0 20px 30px;
}
/*================================== Footer ===========================*/

#footer{
border-top:1px solid #ccc;
margin:70px 0 0 0;
padding:3px 0 40px 0;
clear:both;
}
#footer p{
font-size:0.8em;
color:#888;}
#footer a{
color:#888;}
/* ============================ Forms ======================= */
body.one #contactForm {
width:500px;
margin:1em 50px 1em 50px;
padding:1em 0;}
#sendbutton{
width:329px;
height:64px;
margin-left:-15px;
margin-top:20px;}