/* =layout */

#container{
margin: 0 auto;
/*width:960px;*/
width:853px;
background-color:#FFFFFF;
padding:0 2px 0 2px;
}


#container-front{
margin: 0 auto;
width:636px;
background-color:#FFFFFF;
padding:0 2px 0 2px;
border-left:40px solid #ffffff;
border-right:40px solid #ffffff;
}

/* this is used for admin navigation */
#sidebar-left, #sidebar-right {
position:absolute;
top:0;
left:0;
border:1px solid #999999;
background-color: rgb(205,255,255);
width: 146px;
padding: 4px;
vertical-align: top;
}

/*
** Page layout blocks / IDs
*/
#header, #content {
  width: 100%;
}

#header {
  background-color: #fff;
}



#menu-wrapper{
width:853px;
margin:0;
padding:0;
background-color:#cdf9f8;
display:block;
clear:both;
}


#menu-wrapper-front{
  width:636px;
margin:0;
padding:0;
background-color:#cdf9f8;
display:block;
clear:both;
}


#logo {
  vertical-align: middle;
  border: 0;
  width:853px;
  height:65px;
  }


#logo-front {
  vertical-align: middle;
  border: 0;
  width:636px;
  height:65px;
  }

#logo-front #gwtag,
#logo #gwtag{
margin-left:31px;
margin-top:52px;
float:left;
}

#logo #gwlogo{
float:right;
margin-right:18px;
}


#logo-front #gwlogo{
float:right;
}
#contentWraper{
/*width:924px;*/
}



#contentWraper-front{
width:636px;
}


#main{
padding:0;
margin-top:10px;
max-height: 268px;
}



#mainWide{
padding:0;
margin-top:10px;
  background-image:url(images/mainWide_bg.gif);
  background-repeat:repeat-y;
}


#leftSpot{
width: 210px;
height:268px;
max-height: 268px;
float:left;
margin-right:3px;
margin-top:0;
padding:0;
background-color: #ffffff;
}

#leftSpot #leftTop img{
display:block;
border:0;
margin:0;
}

#leftSpot #leftTop{
background-color: #99cdff;
color: #393c33;
height:246px;
width: 210px;
max-height: 246px;
margin:0;
padding:0;
overflow:hidden;
}

#leftSpot #leftTop h5{
color: #ffffff;
}



#leftSpot #leftTop p span.morelink{
text-align:right;
float:right;
}

#leftSpot #leftTop p span.morelink a,
#leftSpot #leftTop p span.morelink a:link,
#leftSpot #leftTop p span.morelink a:visited,
#leftSpot #leftTop p span.morelink a:hover {
color: #ffffff;
font-size:.9em;
font-weight:normal;
}

p span.morelink a:after{
content: url("../images/arrow_white.png");
margin-left:3px;
}



#leftSpot #leftBottom{
background-color: #44697c;
height:20px;
max-height:20px;
margin-top:2px;
}

#leftSpot #leftBottom table td{
color: #ffffff;
}

#leftSpot #leftBottom table td p{
line-height:.6em;  /* needed for IE */
}



/* 45 degree */
#mleft {position:relative; float:left; top:0; width:0; height:0; border-bottom:23px solid #44697c; border-left:23px solid #fff; overflow:hidden;}
#mright {position:relative; float:right; top:0; width:0; height:0; border-bottom:23px solid #44697c; border-right:23px solid #fff; overflow:hidden;}
#m2left {position:relative; float:left; left:0; bottom:0; width:0; height:0; border-top:20px solid #44697c; border-left:20px solid #fff; overflow:hidden;}
#m2right {position:relative; float:right; top:0; width:0; height:0; margin-top:11px; margin-right:0;  border-top:9px solid #44697c; border-right:9px solid #fff; overflow:hidden;}


#leftSpot #leftBottom a,
#leftSpot #leftBottom  a:link,
#leftSpot #leftBottom  a:visited,
#leftSpot #leftBottom  a:hover {
color: #ffffff;
text-decoration:none;
font-size:.9em;
font-weight:normal;
}

#mainBody{
float:left;
margin-right:8px;
overflow:auto;
/*width:567px; */
width:484px;
height:246px;
max-height:246px;
background-color: #44697c;
color:#ffffff;
margin-top:0;
text-align:left;
}

#mainBody h1, #mainBody h2, #mainBody h3, #mainBody h4, #mainBody h5, #mainBody h6{
padding: 0 0.75em;
}
#mainBody h1{
color:#ffffff;
}

#mainBody td{
text-align:left;
}

#mainBody td .item-list li{
list-style: disc;
  margin: 0 0.75em 0.75em 1.75em;
  padding: 0;
  font-size: 1.2em;
}



#mainBody td .item-list li div.desc p{
font-size: 1.1em;
line-height: 1.2em;
}

#mainBody p{
color:#ffffff;
/*padding: 1em;*/
line-height:1.5em;
padding: 0 1em;
font-size:1.2em;
}

#mainBody ul,
#mainBody ol{
padding: 0 1.75em;
}


#mainBody a,
#mainBody  a:link,
#mainBody  a:visited,
#mainBody  a:hover {
color: #ffffff;
text-decoration:underline;
font-weight:bold;
}

#mainBody li{
  margin: 0 0.75em 0.25em 0.25em;
  padding: 0.25em;
}


#mainBody .item-list ul li a{
color: #ffffff;
text-decoration:none;
font-weight:bold;
}



#mainBodyWide{
float:right;
margin-right:8px;
width: 70%;
background-color:#ffffff;
color:#666666;
margin-top:0;
}




#rightSpot{
height:258px;
max-height: 258px;
background-color: #ffffff;
overflow:auto;
text-align:left;
padding-left:3px;
padding-right:8px;
}

#rightSpot h5{
color: #98ccfc;
padding-top:0em;
}

#rightSpot p{
color: #717171;
margin-left:0;
margin-right:0;
}


#rightSpot h1, #rightSpot h2, #rightSpot h3, #rightSpot h4,  #rightSpot h5, #rightSpot h6 {
  margin-left:0;
  margin-top:0;
}

#rightSpot .item-list li{
list-style: disc;
  margin: 0 0.75em 0.25em 1.25em;
  padding: 0;
}


#rightSpot .view-StoresList .item-list li,
#rightSpot .view-DonationCentersList .item-list li,
#rightSpot .view-jte_centers_list .item-list li{
list-style: none;
  margin: 0 0.75em 0.25em 1.25em;
  padding: 0;
}





#rightSpot ul, #rightSpot ol{
  margin: 0;
  padding: 0;
}

#rightSpot li{
list-style: disc;
  margin: 0 0.75em 0.25em 1.25em;
  padding: 0;
}


#rightSpot  li a{
color: #43697e;
}

#rightSpot  li a.active{
color: #43697e;
text-decoration: underline;
}


#rightSpot p a,
#rightSpot p a:link,
#rightSpot p a:visited,
#rightSpot p a:hover {
color: #43697e;
font-size:.9em;
}


#rightSpot p.morelink  a,
#rightSpot p.morelink  a:link,
#rightSpot p.morelink  a:visited,
#rightSpot p.morelink  a:hover {
color: #43697e;
font-size:.9em;
}



#rightSpot p.morelink  a:after{
content: url("../images/arrow_contact.png");
margin-left:3px;
}



#clear{
clear:both;
}

#clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#bottomSpot{
background-color: #ffffff;
text-align:left;
padding:0 2em 0 1em;
}

#bottomSpot h5{
color: #98ccfc;
}

#bottomSpot p{
color: #707070;
}



#bottomSpot p a,
#bottomSpot p a:link,
#bottomSpot p a:visited,
#bottomSpot p a:hover {
color: #43697e;
}

#bottomSpot p a:after{
content: url("../images/arrow_contact.png");
margin-left:3px;
}

#bottomSpot p.morelink{
color: #707070;
text-align:right;
}


#bottomSpot p.morelink a,
#bottomSpot p.morelink a:link,
#bottomSpot p.morelink a:visited,
#bottomSpot p.morelink a:hover {
color: #43697e;
font-size:.9em;
}

#bottomSpot p.morelink a:after{
content: url("../images/arrow_contact.png");
margin-left:3px;
}

#bottomSpot img{
float:right;
margin-left:10px;
margin-right:10px;
margin-bottom:8px;
}




#footertable{
width:100%;
margin-bottom:5px;
margin-top:2px;
}


#contentWraper-front #footertable{
width:636px;
}

#footertable td{padding: 0; border-bottom: dashed 1px #43697c;}

#footertable td p{
margin-left:1em;
}

#footertable td#search{
background-color:#ccffff;
border:none;
width:201px;
}


#contentWraper-front #footertable td#search{
background-color:#ccffff;
border:none;
width:116px;
}

/* =form elements */
#footertable td#search input {margin-left:1em; border:1px solid #cbcbcb; margin-bottom:0.6em; width:76px; }
#footertable td#search input:hover { background:#cccccc; border:1px solid #fff; color:#fff;}
#footertable td#search input:focus {background:#fff; border:1px solid #b80b38; color:#416b7b;}

#footertable td#search label{
color:#44697b;
font-weight:bold;
display:block;
margin-left:1em;
margin-bottom:.5em;
}

#footertable td#search form input.submitBT{
width:7px;
height:7px;
border:0;
margin:0;
padding:0;
vertical-align:middle;
margin-bottom:0.6em;
}


#footertable td#signup{
color:#fdcd00;
font-size:1em;
vertical-align:middle;
padding-left:1em;
}

#footertable td#signup form{
display:inline;
}

#footertable td#signup input {margin-left:1em; border:1px solid #cbcbcb; width:180px; color:#999999; font-size:0.9em;}
#footertable td#signup input:hover { background:#cccccc; border:1px solid #fff; color:#fff;}
#footertable td#signup input:focus {background:#fff; border:1px solid #b80b38; color:#416b7b;}
#footertable td#signup form img { cursor: pointer; }





#contentWraper-front #footertable td#signup input{ width:100px;}



#footertable td#signup form label{
color:#fdcd00;
display:none;
margin-left:1em;
margin-bottom:.5em;
}


#footertable td#signup form input.submitBT{
width:7px;
height:7px;
border:0;
margin:0;
padding:0;
vertical-align:bottom;
}

#footertable td#copyright{
color:#cccccc;
text-align:right;
width:25%;
font-size:.9em;
}