/* 
Copyright 2007 Creative Spirit. All Rights Reserved. 
------------------------------------------------------

SECTIONS:
General Elements
Page Structure
Typography
Images
Links
Menu
Footer

------------------------------------------------------ */
/* General Elements */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, a, span, blockquote, table, th, td {
margin: 0;
padding: 0;
}
body {
font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
color: #777;
background: #fff;
text-align: left;
}
body.nocms {
text-align: center;
background: #eee;
}
/* Page Structure */
#wrap {
width: 770px;
margin: 20px auto;
background-color:#FFFFFF;
border: 2px solid #ccc;
}
#header {
width: 770px;
height: 125px;
background-image: url(Images/newHead.jpg);
display:block;
}
#content {
text-align: left;
width: 770px;
float: left;
clear:both;
padding-bottom:50px;
padding-top:10px;
}

#left {
width: 180px;
float: left;
margin: 16px 0 0 0;
}
#copy {
width: 586px;
float: right;
margin: 16px 0 0 0;
}
#middle {
width: 364px;
float: left;
}
#right {
width: 222px;
float: right;
}
#pullout {
width: 177px;
border: 1px solid #D7D8DA;
float: left;
display: inline;
margin: 0 20px;
}
.time {
text-align: center;
margin: 20px 0;
float: left;
width: 222px;
}
#subscribe {
width: 180px;
text-align: center;
float: left;
margin: 2px 0 0 0;
}
/* Typography */ 
table {
font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
margin: 8px 20px;
width: 324px;
}
table table {
margin: 0;
width: auto;
}
p {
padding: 8px 20px; 
}
ul {
margin: 8px 20px;
list-style: none;
}
li {
padding: 2px 20px;
background: url(Images/arrow.gif) 0 0 no-repeat;
}
h1#creativespirit {
width: 268px;
height: 52px;
float: right;
margin: 30px 20px 20px 0;
}
h1 span {
display: none;
}
h2 {
margin: 0 20px 8px 20px;
font-size: 15px;
line-height: 18px;
color: #412E84;
font-weight: bold;
font-style: italic;
}
.sIFR-flash {
visibility: visible !important;
}
.sIFR-replaced {
visibility: visible !important;
}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-hasFlash h2  {
visibility: hidden;
}
h3 {
margin: 16px 20px 0 20px;
font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
color: #777;
}
h4 {
margin: 16px 20px 0 20px;
color: #666;
font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
}
.time h4 {
margin: 0;
}
.close {
background: #eee;
margin: 30px 0 0 0;
}
.darker {
color: #666;
}
/* Images */
/* Links */
a {
color: #369;
text-decoration: underline;
font-weight: normal;
}
a:hover, a:active {
text-decoration: none;
}
a img {
border: none;
}
a#logo {
width: 268px;
height: 52px;
float: right;
}
/* Menu */
#nav ul {
width: 180px;
float: left;
margin: 20px 0 50px 0;
}
#nav li { 
background: url(Images/dot.gif) 0 100% repeat-x;
padding: 0 0 1px 0;
text-transform: uppercase;
font: 10px/18px Arial, Helvetica, sans-serif;
}
#nav a {
color: #999;
text-decoration: none;
padding: 8px 0 8px 46px;
background: url(Images/bullet.gif) 26px 50% no-repeat;
font-weight: bold;
width: 134px;
display: block;
}
#nav a:hover, #nav li.navcurrent a {
color: #555;
background: #f5f5f5 url(Images/bullet.gif) 26px 50% no-repeat;
}
#right ul {
width: 202px;
float: right;
margin: 20px 0 20px 20px;
}
#right li { 
background: url(Images/dot.gif) 0 100% repeat-x;
padding: 0 0 1px 0;
text-transform: uppercase;
font: 10px/18px Arial, Helvetica, sans-serif;
}
#right li a {
color: #999;
text-decoration: none;
padding: 8px 0 8px 32px;
background: url(Images/bullet.gif) 12px 50% no-repeat;
font-weight: bold;
width: 170px;
display: block;
}
#right li a:hover, #right li.current a {
color: #555;
background: #E1F4FD url(Images/bullet.gif) 12px 50% no-repeat;
}
/* Footer */
#footer {
width: 770px;
color: #999;
clear: both;
text-align: left;
font: 10px/18px Arial, Helvetica, sans-serif;
background: #eee;
}

#footernav ul {
margin: 80px 20px 10px 20px;
display: inline;
font: 10px/18px Arial, Helvetica, sans-serif;
width: 730px;
}
#footernav li {
background: none; 
display: inline;
margin: 0 14px 0 0; 
padding: 0;
}
#footer p {
padding: 2px 10px;
float: left;
}
#footernav a {
color: #69c;
text-decoration: none;
}
#footernav a:hover {
text-decoration: underline;
}

#footerImage{
background-image:url(Images/newFoot.jpg);
background-repeat:no-repeat;
width:770px;
height:75px;
display:block;
clear:both;
}

.address{
float:right;}

.copyright{
width:200px;
float:left;}
/*Forms */
.EmailFormContainer {
width: 324px;
margin: 8px 0 8px 20px;
}
textarea, input.securityLogin {
width: 220px;
}
input.subscribesubmit {
float: right;
margin: 6px 0 0 0;
}
input.subscribename {
width: 120px;
}