body{
text-align:center;
background:#eee;
font-size:75%;
font-family: Arial, Helvetica;
}

* {
padding:0;
margin:0;
outline:none;
}

#page{
width:100%;
background: white url(/siteImages/pageBG.gif) repeat-x top left;
}

#page div{text-align:left;}

#banner{
position:relative;
top:0;left:0;
height:80px;
width:750px;
margin:0 auto;
}

#banner img{
float:left;
margin:13px -10px 0 20px;
}

#content{
background: white;
margin:0px auto;
clear:both;
width:750px;
padding-bottom:40px;
position:relative;
}

#sidebar{
padding:15px;
float:left;
width:250px;
background:url(/siteImages/dotsV.gif) repeat-y right top;
border:none;
}

#page #footer{
padding:10px;
height:50px;
background: #eee url(/siteImages/grayGrad.gif) repeat-x 0px -5px;
clear:both;
text-align:center;
}

#footer p{
font-size:11px;
}

#footer a{
color:gray;
text-decoration:none;
padding-bottom:2px;
background: url(/siteImages/dotsH.gif) repeat-x bottom center;
}

#footer a:hover{
color:#444;
}

/*- - - |  N A V I G A T I O N   |- - - - - - - - - - - - - - - - */

#navs{
position:absolute;
top:55px;right:15px;
z-index:10;
}

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

#navs li{
float:left;
background: url(/siteImages/tabBG.gif) no-repeat -7px 0px;
margin:0;padding:0;
height:25px;
}

#navs li a {
background: url(/siteImages/tabBG.gif) no-repeat 100% 0px;
display:block;
padding:9px 15px 2px 0;
margin-left:13px;
font-size:11px;
color:#888;
text-decoration:none;
}

#navs li a:hover{
color:#333;
text-decoration:underline;
}

#navs li.selected {
background-position: -3px -50px;
margin:0 -4px 0 -2px;
}

#navs li.selected a {
background-position: 100% -50px;
color:#888;
margin-left:18px;
}

#navs li.selected a:hover{
color:#333;
text-decoration:underline;
}

#navs2{
float:left;
width:100%;
background: url(/siteImages/gradDown.gif) repeat-x bottom left;
padding-bottom:15px;
margin-bottom:10px;
}

#navs2 ul{
width:750px;
list-style-type:none;
margin:0 auto;
}

#navs2 li{
float:right;
margin:0px;padding:0px;
}

#navs2.left li{
float:left;
}

#navs2 a, #navs2 li span{
display:block;
padding:4px 15px;
text-decoration:none;
background: url(/siteImages/dotsV.gif) repeat-y bottom left;
color:#666;
font-size:11px;
}

#navs2 a:hover, #navs2.left a:hover{
background-color:#FFD38F;
}

#navs2 .selected{
background: url(/siteImages/gradDown.gif) repeat-x 100% -5%;
}

#navs2.left li{
color:#666;
font-size:11px;
}

#navs2.left{
padding:0px 0px 15px 0;
}

#navs2.left ul{
margin:0 auto;
}

#navs2.left li a, #navs2.left span{
background: url(/siteImages/dotsV.gif) repeat-y bottom right;
}

/*- - - |  T Y P E S T Y L E S   |- - - - - - - - - - - - - - - - */

p, .story li {
font-size:1em;
line-height:135%;
margin-bottom:1em;
color:gray;
}

p strong{color:#555}

h1,h2,h3, #jpopalt {
margin-bottom:.4em;line-height:100%;
color:#f70;}

h1 {font-size:2.5em;letter-spacing:-.4pt;}
h2 {font-size:2em;letter-spacing:-.2pt;}
h3, #jpopalt {font-weight:bold;font-size:1.5em;letter-spacing:-.1pt;}

h4,h5 {
font-size:1em;
float:left;
line-height:135%;
margin-right:.4em;
color:#555;
}

h5 {font-size:1em;
float:none;
}

div .blurb {
float:right;
width:33%;
background: url(/siteImages/dotsV.gif) repeat-y bottom left;
margin:0 0 10px 20px;
padding-left:15px;
border:none;
}

.main .blurb{
width:120px;
}

.blurb span{
display:block;
background: url(/siteImages/endQuote2.gif) no-repeat bottom right;
}

.blurb p{
font-size:1.3em;
line-height:120%;
color:#bbb;
text-indent:15px;
text-align: center;
font-weight:bold;
margin-bottom:0;
background: url(/siteImages/startQuote2.gif) no-repeat top left;
}

.blurb strong{
color:#888;
}

#sidebar1 h5{
border:none;
padding:0;
margin:0;
width:100%;
}

em{
color:#666;
}

/*- - - |  P A G E   E L E M E N T S   |- - - - - - - - - - - - */
.slideshowFrame {
position:relative;
width:375px;
height:208px;
float:right;
margin: 60px 0 0 25px;
overflow: hidden;
}

.story .slideshowFrame img{
margin:0;
width:375px;height:208px;
}

.slideshowFrame span{
position:absolute;
top:0;left:0;
width:375px;height:208px;
text-indent:-5000px;
background: url(/siteImages/imageMaskBG.png) no-repeat top left;
z-index:10000;
}

.main{
float:left;
margin:20px 0 0 0;
background: url(/siteImages/gradDownWide.gif) no-repeat bottom;
padding-bottom:20px;
}

.main .more, 
.twoThirds .more,
.creative .more {
display:none;
}

.list .more{
display:block;
}

.list{
float:left;
background: url(/siteImages/dotsH.gif) repeat-x bottom left;
padding:10px 0 0 0;
}

.basic {
background:none;
}

.basic h3{
padding-top:40px;
}

.secondary{
float:left;width:750px;
background: url(/siteImages/columns.gif) repeat-y center top;
margin-bottom:20px;
}

.twoThirds{
float:left;
width:480px;
padding:20px 20px 20px 0;
background: url(/siteImages/dotsV.gif) repeat-y bottom right;
}

.left, .right{
float:left;
width:229px;
padding:5px 15px 0 0;
background:none;
}

.center{
float:left;
width:232px;
padding:5px 12px 0 18px;
background:none;
}

.right{
padding:5px 0px 0 15px;
background:none;
}

.right img{
float: right;
}

.left img, .right img, .center img{
margin-bottom:10px;
}

.secondary h3{
font-size:1.3em;
}

.right h3{
clear:both;
}

.side{
margin:14px 0 15px -1px;
background:url(/siteImages/dotsV.gif) repeat-y left top;
}

#content ul,
#content ol{
margin-left:15px;
}

/*- - - |  T H U M B  P O P   |- - - - - - - - - - - - */
#desc{
display:none;
}

.rssThumbs{
clear:both;
}

.rssThumbFloat img{
width:100px;
border:none;
}

.rssThumbFloat a{
float:left;
margin:10px 7px 0 0;
}

.rssThumbFloat a:hover{
border:1px solid #bbb;
padding:3px 3px 3px 4px;
margin: 6px 3px -4px -5px;
}

#fullsize{
float:left;
padding:30px 0 30px;
background: url(/siteImages/gradDownWide.gif) no-repeat bottom;
}

#fullsize div{
float:right;
width:250px;
}

#jpopalt{
margin-top:40px;
}

#jpopcap{
font-size:1em;
line-height:150%;
margin-bottom:1em;
color:gray;
}

#placeholder{
float:left;
}

.twoThirds h3{
clear:both;
}

/*- - - |  B U T T O N  L I S T   |- - - - - - - - - - - - */
#content .buttonList,
.buttonList{
list-style:none;
clear:both;
width:auto;
float:left;
margin:5px 10px 10px 0;
}

#rssThumbNav{
display:block;
position:absolute;
top:325px;left:540px;
z-index:500;
width:auto;
list-style-type:none;
margin:0;
padding:1px;
}

.buttonList li, #rssThumbNav li{
float:right;
clear:none;
margin:0 0px 0 35px;
background: url(/siteImages/dotsH.gif) repeat-x bottom;
padding-bottom:1px;
}

.buttonList a, #rssThumbNav a{
display:block;
text-decoration:none;
font-size:11px;
background: url(/siteImages/arrow.gif) 	no-repeat 100% 0px;
padding: 2px 20px 2px 0;
line-height:100%;
color:gray;
margin-right: -20px;
border:none;
}

.buttonList a:hover, #rssThumbNav a:hover{
color:#001D4F;
background-position:100% -16px;
}

.rssEdit a{
background:url(/siteImages/edit.gif) no-repeat 100% 0px;
}

#phoneLink,#faxLink{
float:left;
}

#faxLink a{
background:url(/siteImages/fax.gif) no-repeat 100% 0px;
}

#phoneLink{;margin-left:20px}
#phoneLink a{background:url(/siteImages/phone.gif) no-repeat 100% 0px;
}

#phoneLink a:hover,
#faxLink a:hover{
background-position:100% -16px;
}

.up a{
background-image:url(/siteImages/arrowUpCircle.gif);
}

.prev a, #rssThumbNav .left a{
background:url(/siteImages/arrowLeftCircle.gif) no-repeat 0px 0px;
padding: 2px 0px 2px 20px;
margin:0 0 0 -20px;
}

.prev a:hover,  #rssThumbNav .left a:hover{
background-position:0px -16px;
}

li.next, li.up, li.prev,  
#rssThumbNav .left, #rssThumbNav .right{
float:left}

#rssThumbNav .left,
#rssThumbNav .right{
padding:0;
width:auto
}

li.up{
margin-left:20px;
}

/*- - - |  Z I R   |- - - - - - - - -  - - - - - - - - - - - */

.zirSmallHead{
text-indent:-5000px;
margin-bottom:0px;
height:30px;
}

.main .zirMainHead{
clear:none;
}
.zirMainHead{
text-indent:-5000px;
margin:10px 0 0 0;
height:50px;
clear:both;
}

.story img{
float:left;
margin:0 15px 15px 0;
}

.zirSideHead{
margin: 50px 0 15px 492px;
width:260px;
}

/*- - - |  E M A I L   F O R M   |- - - - - - - - - - - - */
#contact .zemContactForm{
margin:30px 0;
clear:both;
padding:0;
float:left;
width:100%;
}
.zemContactForm{
padding:0 0 10px 0;
}

.zemContactForm *{
font-family:Arial;
}

.zemContactForm div{
display:none;
}

fieldset {
border:none;
margin:0;padding:0;}

legend {display:none;}

#contact label{
font-size:1em;
color:gray;
float:left;
clear:left;
padding:5px 0 3px 0px;
display:block;
margin-top:0;
background: url(/siteImages/dotsH.gif) repeat-x top;
width:90px;
margin-bottom:15px;
line-height:100%;
}

#contact label:hover{
background-color:#eee;
color:black;
}

#contact #Email, 
#contact #Name, 
#contact #Message, 
#contact #Receiver, 
#contact #Phone {
border:1px inset #ccc;
background:#e5e5e5;
margin-bottom:15px;
width:80%;height:14px;float:right;
padding:2px;clear:right;
font-size:11px;
color:black;
display:block;
}

input.zemRequired,
.stretcher #Message,
#description{
border:1px inset gray;
background:#e5e5e5;
margin: 0;
width:100%;
font-size:11px;
padding:2px;
color:#444;
}

.stretcher #Message{
margin-bottom:5px;
height:70px;;
}

#contact #Message{
height:100px;
} 

.stretcher label{
display:block;float:left;
margin:10px 0 3px;
color:#666;font-size:11px;
}

.zemSubmit,
.ign_login .publish,
.sed_afu_wrap input{
padding:2px 5px;
float:right;clear:both;
background: url(/siteImages/gradUp.gif) repeat-x bottom left;
border:1px outset #999;
color:#666;
font-size:11px;
}

.stretcher .zemSubmit,
.sed_afu_wrap input{
width:100%;}


.ign_login .publish{
margin-right:0px;
}

.ign_login a{
color:#555;}

.ign_login a:hover{
color:#222;
}

/*- - - |  C O L L A P S E R   |- - - - - - - - - - - - */
.collapser * {
list-style-type:none;
}

#dale, #cricket {
width:280px;
}

#content .collapser li ul li{
line-height:1.3em;
border:none;
background: url(/siteImages/dotsH.gif) repeat-x bottom;
padding:5px 0;
margin: 5px 0 10px;
color:gray;
}

#content .collapser li ul{
background: url(/siteImages/dotsH.gif) repeat-x top;
margin-left:20px;
}

.collapser li{
margin-bottom:10px;
}

.collapser li a{
font-size:1.3em;
color:#bbb;
text-decoration:none;
font-weight:bold;
}

.collapser li a img {
border:none;
margin:2px 3px 0 -3px;
}

.collapser a:hover{
color:#555;
}

.ign_login{
width:250px;
background:white;
margin:20px auto;
height:200px;
padding:20px;
background:#eee;
border:1px outset #eee;
}

.ign_login label{
float:left;
width:100%;
padding:4px 0 0;
}

.ign_login .edit{
float:right;margin-top:-16px;
background:#fff;clear:none;
border:1px inset #aaa;
height:18px;
}

.ign_login .publish{
float:right;}

/* - - - - - - - |   lists   | - - - - - - - - - - - - - - - - - - - - - - -*/
dl, #sideNav, 
#sideNav ul{
margin:0 0 0px 0px;
list-style:none;

}

dt, #sideNav li a{
font-size:1.2em;
margin-top:5px;
background: url(/siteImages/dotsH.gif) repeat-x bottom center;
padding-bottom:5px;
color:gray;
font-weight:bold;
}

#sideNav li a {
text-decoration:none;
display:block;
padding:5px 0 5px 10px;
margin:0 0 0 -15px;
}

#sideNav ul{
margin:0;
}

dd a, #sideNav ul li a {
display:block;
font-size:1em;
text-decoration:none;
padding: 5px 15px;
color: #777;
background: url(/siteImages/dotsH.gif) repeat-x bottom center;
font-weight:normal;
margin:0;
}

dd a:hover, #sideNav a:hover{
background-color:#e5e5e5;
}

dt, dd {
margin-left:0px
}

dt a, dd a {
margin-left:0px
}

.stretcher dd a img{
border:0px;
float:left;
clear:both;
display:block;
margin:-1px 8px 5px -12px;
}


/*------|   C A L E N D A R    |---------------------------------------*/

#smallCal {
float:left;
margin:-20px 0 0px;
}

#bigCal{
margin:30px 0;
}

.calendar {
border-collapse:collapse;
text-align:center;
width:100%;
font-size:11px;

}

#bigCal .calendar a,
#smallCal .calendar a {
color:white;
display:block;
text-decoration:none;
padding:5px 0;margin:-5px 0;
background:#fa0 url(/siteImages/whiteCornersBottom.gif) no-repeat -1px 110%;
}

.calendar th {
font-size:14px;
color:#fff;
border-bottom:1px solid white;
padding:0px;
}

#smallCal .calendar th a {
font-size:20px;
color:#FFF;
background-color:#fa0;
}

#bigCal .calendar td a:hover, 
#smallCal .calendar td a:hover{
background-color:#e3830d;
}

#bigCal .calendar th a:hover,
#smallCal .calendar th a:hover{
background-color:#e3830d;
}

.calendar td {
vertical-align:middle;
color:#888;
width:14%;
text-align:center;
border:0px solid white;
border-width:0 1px 1px 0;
padding:5px 0px;
background:#e5e5e5 url(/siteImages/whiteCornersBottom.gif) no-repeat -1px 110%;
}

.calendar td:hover {
background-color:#dcdcdc;
}

.calendar td.today {
color:gray;
background:#d5d5d5 url(/siteImages/whiteCornersBottom.gif) no-repeat -1px 110%;
padding-top:5px;
}

.calendar td.today:hover {
background-color:#bbb;
padding-top:5px;
}

.calendar td.today div.date {
color:#000;
}

.calendar td.invalidDay {
background-color:#dcdcdc;
}

.calDays th {
font-size:11px;
padding:2px 0;
border:0px solid white; 
border-width:0px 1px 1px 0;
background-color:#f0960f;
}

#smallCal .calMonth,
#bigCal .calMonth {
background:#fa0
}

#bigCal .calMonth {
font-size:20px;}

#bigCal .calendar a {
margin:0px 0px 5px;
font-weight:normal;
font-size:10px;
line-height:100%;
color:white;
clear:both;
padding:3px;
margin:0 0px 3px;
background:#fa0;
}

#bigCal th {
font-size:14px;
}

#bigCal .calendar th a {
font-size:30px;
margin:0px;
}

#bigCal td {
vertical-align:top;
padding:0;
height:70px;
}

#bigCal h4 { 
font-size:14px;
margin:0px 5px 0px 5px;
text-align:right;
font-weight:bold;
Color:#999;
}

#bigCal a.calBack, 
#smallCal a.calBack, 
#bigCal a.calFwd, 
#smallCal a.calFwd {
font-size:14px;
padding:5px 0px;margin:0;
background:#fa0 url(/siteImages/whiteCorners.gif) no-repeat top left;
border:1px solid white;
border-width:0px 1px 0px 0px;
}

#smallCal a.calFwd,
#bigCal a.calFwd{
border-width:0px 1px;
background:#fa0 url(/siteImages/whiteCorners.gif) no-repeat top right;
}

#smallCal a.calFwd:hover,
#smallCal a.calBack:hover{
background-color:red;
}

.sideLink{ display:block;
padding:0 0 2px 0;
margin:3px 0 0 0;
background: url(/siteImages/dotsH.gif) repeat-x bottom center;
}

.sed_afu_wrap{
clear:both;
}

.sed_afu_wrap #thefile{
font-size:12px;
}

#description{
margin-bottom:5px;
height:40px;
}

.sed_afu_wrap input{
width:100%;
}