/*
Design by FlipDarius (http://flipdarius.googlepages.com)
Released under a Creative Commons Attribution 2.5 License.
You're legally free to use this for commercial form, but I'd askyou to send me an email (check my site) if you do this.
*/


*{
margin:0;
padding:0;}

body{
background: #ff7700;
color:#333;
font-family:"trebuchet ms", arial, helvetica, "lucida grande", sans-serif;
font-size:15px;}

#content{
float:right;
margin:15px 15px 0 15px;}

.up-node{
background:url(images/ctop.png);
width:600px;
height:43px;}

#footer{
width:560px;
padding:0 20px 10px 20px;
font-size:.9em;
background: #fff url(images/cnode.png) repeat-y;}

.bottom-node{
background:url(images/cbottom.png);
width:600px;
height:45px;
margin-bottom:25px;}

.node{
background: #fff url(images/cnode.png) repeat-y;
width:560px;
padding:0 20px 0 20px ;}

.node a:link,#footer a:link{
color:#696969;
font-weight:bold;
text-decoration:none;
border-bottom:1px solid #ccc;}

.node a:visited,#footer a:visited{
color:#999;
font-weight:bold;
text-decoration:none;
border-bottom:1px solid #f1f1f1;}

.node a:hover,.node a:active,
#footer a:hover,#footer a:active{
color:#fff;
background:#f70;
border-bottom:1px solid #000;}

.hello{
font-weight:normal !important;
font-size:1.2em !important;
color:#333 !important;}

.node h3{
padding:0 0 .2em 0;
font-size:1.6em;}

.node h3 a:link, .node h3 a:visited {
padding:5px;
border-bottom:1px solid #fff !important;}

.node h3 a:hover, .node h3 a:active {
border-bottom:1px solid #000 !important;}

#left{
float:left;
width:340px;}

#logo{
text-align:center;}

#logo h1{
letter-spacing:-2px;
color:#fff;
font-size:2.4em;
white-space:nowrap;
padding-top:20px;}

#logo h1 a{
color:#fff;
text-decoration:none;}

#logo h2 a{
color:#c0c0c0;
text-decoration:none;}

h3 a{
color:inherit;
text-decoration:none;}

#logo h2{
white-space:nowrap;
color:#c0c0c0;
font-size:2em;
font-weight:normal;
font-style:italic;}

#menu ul{
margin:50px auto 0 auto;
font-size:1.3em;
padding-top:20px;
list-style:none;
text-align:center;}

#menu li a:link, #menu li a:visited{
padding:10px;
display:block;
color:#fff;
text-decoration:none;}

#menu li a:hover, #menu li a:active{
color:#696969;
text-decoration:none;
/* background:#fff; */
background:url(images/menu.png) no-repeat center;}

.node p, #footer p{
line-height:1.5em;
padding:0 0 1em 0;}

.byline{
padding:0 0 1em 0;
font-style:italic;
color:#696969;}

.node h4{
font-size:1.3em;
font-style:italic;
font-weight:normal;
border-bottom:1px dotted #ff7700;
margin:.5em 0 1em 0;}

.node h5{
font-size:1.2em;
font-style:italic;
margin:.5em 0 1em 0;}

.node h6{
font-size:1.2em;
font-style:italic;
margin:.5em 0 1em 0;}

.img-container img{
border:1px solid #ccc;
text-align:center !important;
padding:5px;
background:#f5f5f5;}

.img-container{
margin:5px 0 10px 0;
text-align:center;}

.img-container .caption{
font-size:.9em;
padding:5px !important;}

.input-text{
padding:3px;
border:1px solid #ccc;}

.input-text:hover, .input-text:focus,textarea:hover,textarea:focus, select:hover, select:focus{
border-color:#f70;}

textarea{
padding:3px;
border:1px solid #ccc;
font-family:"trebuchet ms", arial, helvetica, "lucida grande", sans-serif !important;
font-size:15px !important;}

.input-button, .input-button:focus{
background: url("images/button.png") center repeat-x;
border: 3px double #999;
border-left-color: #ccc;
border-top-color: #ccc;
padding: 3px;
font-weight:bold;
color:#fff;}

.input-button:active{
background: #000;
border: 3px double #ccc;
border-left-color: #999;
border-top-color: #999;}

select{
padding:3px;
border:1px solid #ccc;}

option{
padding-right:8px;}

select,.input-button{
cursor:pointer;}