html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}a{text-decoration:none;}a img{border:none;}

body { text-align:center; background:#D2D1D1; padding:20px; }
body * { text-align:left; }


#main { margin:0 auto; width:935px; }

#leftColumn   { position:relative; width:170px;float:left; }
#centerColumn { position:relative; width:530px;float:left; margin-left:15px; }
#rightColumn  { position:relative; width:203px;float:left; margin-left:15px; }

#leftColumn a  { color:#B50937; }
#leftColumn .logo { margin-bottom:20px; }
#leftColumn .navigation { margin-bottom:10px; }
#leftColumn .navigation li.first { border-top:groove 2px #CCC; }
#leftColumn .navigation li { border-bottom:groove 2px #CCC; font:bold 14px Arial; text-transform:uppercase; }
#leftColumn .navigation li a { display:block; padding:5px; color:#5C5C5B; }
#leftColumn .navigation li a:hover,
#leftColumn .navigation li a.on { background:#BAB9B9; }
#leftColumn .navigation li.last a { background:transparent url(../images/arrow-closed.gif) no-repeat center right; }
#leftColumn .navigation div { padding:0px 5px; display:none; }
#leftColumn .navigation div a { background:none; padding:0px; display:inline; }
#leftColumn .navigation div p { text-transform:none; }
#leftColumn p { font:normal 13px Arial; color:#5C5C5B; margin-top:10px; }
#leftColumn .navigation div input.textbox {
  background:#E5E4E4; padding:5px; border:none;
  font:normal 14px Arial; color:#5C5C5B; margin-bottom:10px;
}

#rightColumn h2 { font:normal 17px Georgia; color:#5C5C5B; padding:10px 0px; border-bottom:solid 5px #ACACAB; }
#rightColumn img.framed { border:solid 10px #FFF; margin-top:10px; }
#rightColumn .navigation {}
#rightColumn .navigation li { border-bottom:groove 2px #CCC; font:bold 11px Arial; }
#rightColumn .navigation li.last { border-bottom:none; }
#rightColumn .navigation li a { display:block; padding:10px 0px; color:#5C5C5B; }
#rightColumn .navigation li a span { float:right; }
#rightColumn .navigation li a.active { color:#B50937; }
#rightColumn .navigation li a:hover,

#centerColumn a  { color:#B50937; }
#centerColumn .contentBox     { padding:20px; background:#E5E4E4; }
#centerColumn .contentBoxGrey { padding:0px;  background:transparent; }
#centerColumn h1 { font:normal 33px Helvetica, Arial; color:#3E3F3E; line-height:1.0; margin-bottom:10px; }
#centerColumn h2 { font:normal 20px Helvetica, Arial; color:#3E3F3E; margin-bottom:5px; }
#centerColumn ol { margin:0px 0px 15px 30px; list-style-type:decimal-leading-zero; }
#centerColumn a  { color:#B50937; }
#centerColumn p,
#centerColumn li { font:normal 14px Helvetica, Arial; color:#3E3F3E; line-height:1.3; margin-bottom:15px; text-align:justify; clear:left; }
#centerColumn li { margin-bottom:2px; }

#centerColumn #cubeListingModule,
#centerColumn #FAQ { border-top:groove 1px #CCC; padding:10px 0px; margin:20px 0px; }
#centerColumn #cubeListingModule .listItem,
#centerColumn #FAQ .listItem { padding:10px; }
#centerColumn #cubeListingModule .white,
#centerColumn #FAQ .white { background:#E5E4E4; }
#centerColumn #cubeListingModule .listItem div { 
  width:47px; height:27px; background:#B50937; 
  font:normal 22px Helvetica, Arial; color:#FFF; 
  text-align:center; padding:10px 0px;
  float:left; margin-right:15px; 
}
#centerColumn #cubeListingModule .listItem p { clear:none; margin:0; }
#centerColumn #FAQ .listItem p { margin-left:25px; }
#centerColumn #cubeListingModule .button img { margin-top:30px; }

#centerColumn .cubeNumber { 
  width:67px; height:37px; background:#B50937; 
  font:normal 32px Helvetica, Arial; color:#FFF; 
  text-align:center; padding:15px 0px;
  float:left; margin:0px 15px 15px 0px;
}
#centerColumn .cubeNumber+h1 { padding-top:15px; }

#centerColumn #activitiesModule { border-top:groove 2px #CCC; padding:10px 0px; margin:20px 0px; }

#centerColumn .comment,
#centerColumn .postComment { padding:10px; background:#E5E4E4; margin-bottom:15px; }
#centerColumn .comment h2,
#centerColumn .postComment h2 { color:#5C5C5B; margin-bottom:10px; }
#centerColumn .comment h2 span { float:right; background:#B50937; color:#FFF; padding:2px 8px; }
#centerColumn .comment a { color:#5C5C5B; text-align:right; font-style:italic; }
#centerColumn .postComment input.textbox,
#centerColumn .postComment textarea,
.popup input.textbox {
  background:#D2D1D1; padding:5px; border:none;
  font:bold 15px Arial; color:#5C5C5B; margin-bottom:10px;
}
#centerColumn .postComment input.textbox, .popup input.textbox { width:230px; }
#centerColumn .postComment textarea { width:500px; height:140px; }

#centerColumn #pagination { text-align:center; display:inline; background:#BAB9B9; line-height:1.5; padding:7px 10px; }
#centerColumn #pagination a { font:normal 12px Arial; padding:5px; font-weight:bold; }
#centerColumn #pagination a.on { color:#5C5C5B; }

.fancyInputBox { width:150px; height:28px; background:#F2F1F1; padding:2px; float:left; }
.fancyInputBox input { 
  padding:7px 7px 5px 7px; height:16px; background:#F2F1F1; border:none; border-left:solid 2px #B50937; 
  font:normal 13px Helvetica; color:#797979; 
}

#centerColumn #cubeListingNavigatorModule strong { 
  display:block; float:left; 
  font:bold 15px Helvetica, Arial; color:#5C5C5B; padding:10px 0px 10px 20px; 
}
#centerColumn #cubeListingNavigatorModule a img { margin-left:10px; }

em.reportPost { color:#5C5C5B; cursor:pointer; }
.popup { 
  width:300px; padding:15px; 
  background:#FFD; border:solid 2px #000; 
  position:absolute; top:40%; left:40%; 
  font:normal 14px Helvetica, Arial; color:#3E3F3E; line-height:1.3;
  -webkit-box-shadow: 5px 5px 10px #888; -moz-box-shadow: 5px 5px 10px #888;
}
.popup label { display:block; height:5px; }
.popup h3 { font:bold 16px Helvetica, Arial; color:#3E3F3E; margin-bottom:5px; }
.popup p  { margin-bottom:15px; }
.popup .closeButton { 
  color:#FFF; background:#B50937; cursor:pointer;
  position:absolute; top:-10px; right:10px; border:solid 2px #000;
  padding:3px 8px;
}

.error { 
  display:block; color:#B50937; font:normal 10px Helvetica, Arial; margin:-5px 0px 5px 0px; 
}

.modalError { 
  display:block; text-align: justify; color:#B50937; font:normal 12px Helvetica, Arial; margin:5px 9px 5px 5px; 
}

.fl { float:left;  }
.fr { float:right; }

.modalBackground {
	background-color:Black;
	filter:alpha(opacity=70);
	opacity:0.7;	
}


ul#twitter_update_list { padding: 0; margin: 0; overflow: hidden; }
ul#twitter_update_list li { padding: 5px 0 20px 0; border-bottom: dotted 1px #666; list-style: none; } 
ul#twitter_update_list li a { text-decoration: none; }

#footer 
{ 
    padding-top:5px;
    clear:both;
    text-align:center; 
    background:#D2D1D1; 
    width:935px;
    font:normal 12px Helvetica, Arial; 
    color:#5C5C5B;
}

#footer a 
{
    font-family: Helvetica, Arial; 
    font-size: 10px; 
    color:#5C5C5B;
    text-decoration:none;
}
#footer a:active
{
    font-family: Helvetica, Arial; 
    font-size: 10px; 
     color:#5C5C5B;
    text-decoration:none;
}

#footer a:visited
{
    font-family: Helvetica, Arial; 
    font-size: 10px; 
     color:#5C5C5B;
    text-decoration:none;
}
#footer a:hover
{
    font-family: Helvetica, Arial; 
    font-size: 10px; 
     color:#5C5C5B;
    text-decoration:underline;
}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    position: fixed;
    top: 35%;
    left: 35%;
    width: 300px;
    background-color: #FFD;
    border:solid 2px #000; 
    padding: 15px;
    line-height: 1.3;
    -webkit-box-shadow: 5px 5px 10px #888; -moz-box-shadow: 5px 5px 10px #888;
    font:normal 14px Helvetica, Arial;
}



.jqmWindow .closeButton { 
  color:#FFF; background:#B50937; cursor:pointer;
  position:absolute; top:-10px; right:10px; border:solid 2px #000;
  padding:3px 8px;
}


.jqmOverlay { 	background-color:Black;
	filter:alpha(opacity=70);
	opacity:0.7;	
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

