/* Start of CMSMS style sheet 'DGS: aNiftyLayout' */
html,body{margin:0;padding:0}
body{font: 85%/1.3em Verdana,Arial,sans-serif;font-size:75%;
/*        text-align: center;background-image: url(uploads/niftyCubes/bg_body_white.jpg);*/
        text-align: left;background-image: url(uploads/niftyCubes/bg_grey.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	background-color : #D6D9DF;padding-top:10px;padding-bottom:5px}
p{margin-top:0}
/* default link styles */
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg color from parent element */
   background-color: inherit; 
   color: #586695; 
}
a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #888B92;                /* a different color can be used for visited links (was 9f9f9f) */
}
/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   background-color: inherit;
   color: #385C72;
}

h1,h2,h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif}
h2{font-size:140%}
h3{font-size:120%;font-weight: bold}

div#content h2 {
	color: #586695; 
	font-size: 1.5em; 
	text-align: left; 
/* some air around the text */
	padding-left: 0.5em;
	padding-bottom: 1px;
/* set borders around header */
	border-bottom: 1px solid #586695; 
	border-left: 1.1em solid #586695; 
        line-height: 1.5em;
/* and some air under the border */
        margin: 0 0 0.5em 0;
}

div#contentwhite h2 {
	color: #00ACDC; 
	font-size: 1.5em; 
	text-align: left; 
/* some air around the text */
	padding-left: 0.5em;
	padding-bottom: 1px;
/* set borders around header */
	border-bottom: 1px solid #00ACDC; 
	border-left: 1.1em solid #00ACDC; 
        line-height: 1.5em;
/* and some air under the border */
        margin: 0 0 0.5em 0;
}

div#box{}
div#page{width:850px;margin: 0 auto;background:#FFFFFF}
div#header{margin-top:0;margin-bottom:0px;width:850px;height:100px;overflow:hidden;background-image: url(uploads/images/banners/DGS_banner.gif);}
div#header h1{margin:0 auto;text-align:left;padding: 10px 0 0 70px;color: #000099}
div#header h2{font-size:120%;margin:0 auto;text-align:center;padding: 4px 62% 0 10%;color: #000099}
div.headerlinks{
   font-size:75%;
   text-align:left;
   position:relative;
   left:675px;
   top:45px;
}

div#menu{width:100%;margin:1px auto 5px;}
 * html body div#menu{width:100%;margin:0}
div#wrapper{width:850px;height: 28px;padding: 0;}
 * html body div#wrapper{width:850px;height: 28px;padding:0;}

/* div#menuwrapper{;margin:0 auto;}
 * html body div#menuwrpper{;margin:0px auto;}
*/

div#contenthead{height:15px;font-size: 80%;margin: 0 0 10px 10px;padding-left:5px;background: #FFFFFF}
.breadcrumbs{margin:1px 0;background: #FFFFFF}

div#mainimage{
   float: left;
   background-image: url(uploads/images/banners/Home_image.jpg);
   background-repeat: no-repeat;
   background-color: #FFFFFF;
   height: 240px;
   width: 450px;
}

div#imagetext{
font: normal normal 110% "Trebuchet MS",Arial,sans-serif;
color:#000099;
padding: 2% 33% 2% 2%;
}

div#container{width:850px;margin:10px auto 10px;padding:3px 0 10px;text-align:left;background:#FFFFFF}

div#content1{float:left;display:inline;width:640px;margin:0 0 10px 10px}
div#contentwrapper{float:left;display:inline;width:640px;margin:0 0 10px 0;background:#FFFFFF}
div#content{float:left;display:inline;width:620px;margin:0 0 10px 10px;background:#EAECF2;padding:10px}
div#contentwhite{float:left;display:inline;width:620px;margin:0 0 10px 10px;background:#FFFFFF;padding:10px}
div#contentxmas{float:left;display:inline;width:620px;height:1100px;margin:0 0 10px 10px;background: url(uploads/niftyCubes/xmas-web-background.gif)no-repeat;padding:0px}
 div#contentxmas p {
color:#ffffff;
position:relative;
font-size:90%;
top:55px;
left:25px;
border:0px;
margin-right:50px;
}
div#content img {margin:5px;border-width:5px;border-style:solid;border-color:#FFFFFF}
div#content2{float:left;display:inline;width:640px;margin:0 0 10px 15px}
div.fullbox{float:left;display:inline;width:620px;margin:0 0 10px -5px ;background:#D5D9E4;padding:10px}

div#casestudy{float:left;display:inline;width:180px;margin-right:13px;padding:10px;font-family:arial, helvetica;color: #FFFFFF;font-weight:bold;font-size:90%;}
.red {background:#955865;}
.green{background:#659558;}
.blue{background:#586695;}
.white{background:#FFFFFF;}
div#casestudy img {border-width:5px;border-style:solid;border-color:#FFFFFF;margin-left: 5px;margin-bottom: 10px;}
div#casestudy a {text-decoration: underline;color: #FFFFFF;}
div#casestudy a:hover {text-decoration: none;color: #FFFFFF;}

.inlinebox{float:left;display:inline;width:175px;margin:10px 5px 10px 5px;padding:10px;font-family:arial, helvetica;color: #000000;font-weight:bold;font-size:90%;background:#FFFFFF;text-align:center;}
.inlinebox a {text-decoration: underline;color: #000000;}
.inlinebox a:hover {text-decoration: none;color: #000000;}

div#contenthome{float:left;display:inline;width:640px;margin:0 0 0 10px}
div#contenthome img {border: 0px; margin-left:12px;}
ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0}
ul#intro{width:100%;overflow:hidden;margin-bottom:20px}
ul#intro li{float:left;width:290px;margin-top:10px;margin-right:10px;padding:8px 10px }
li#volunteers{background: #955865}
li#supporters{background: #659558}
ul#intro li#more{margin-right:0;background: #7D63A9}

ul#intro p,ul#intro h3{margin:0;padding: 0 10px}
ul#intro h3{text-transform:uppercase;padding-bottom:3px;color: #FFF}
#photos a{margin-right:24px;margin-left:24px}

div#date2{float:left;width: 4.5em;padding: 6px;background: #F1DDC4;color:#B0001E;
    text-align:center;margin-right: 10px;font-size: 80%;line-height:0.9}
div.date{padding: 5px;background: #F1DDC4;color:#B0001E;
    text-align:center;margin:4px 0;font-size: 100%;line-height:0.9}
div.date span{display:block;font-size: 150%;font-weight:bold}

.boxlinks {
  padding: 10px 0;
}
.boxlinks a {
  display: block;
  text-align: left;
  text-decoration: none;
  margin-bottom: 1px;
  color: #FFFFFF; 
}
.boxlinks a span {
  display: block;
  padding: 1px;
}
.boxlinks a:hover {
  background: #586695;
  color: #FFFFFF;
}
.boxlinks a:hover span {
  background: #acacac;
  color: yellow;
}
.boxlinks a:visited {
  display: block;
  text-align: left;
  text-decoration: none;
  margin-bottom: 1px;
  color: #FFFFFF; 
}

div#submenu {
   float: right;
   width: 180px;
   display: inline;  /* FIX ie doublemargin bug */
   background: #FFCC00;
   margin: 0 0 10px 0
}

/* if submenu doesnt include menu but content add class="hascontent" */
div#submenu.hascontent {
   padding: 0 1%;
   width: 200px;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}

div.comments div{background: #EEE;margin-bottom:10px}
div.comments p{padding: 10px;margin:0}
div.comments div.odd{background:#DAE6FE}
div#flat{clear:both;height:38px;margin:10px 0 0;padding:0px}
div.left49 {float:left;width: 85%;}
div.right49 {float:right;}
div.left49 p{margin:0px 20px; padding:0px;font-size:90%;}
div.right49 p{margin:0; padding:0px;font-size:90%;}

div#sidecontainer{float:right;display:inline;width: 180px;background:#FFFFFF;margin-right:10px}
div#side{font-size:85%;float:right;display:inline;width: 180px;background:#D5D9E4; margin:0 0 10px 0}

div#newsblock{margin:5px auto;padding:0 10px}
div#newsblock h2{margin:5px}
.news{padding: 8px}

div#footer{clear:both;width:830px;margin:0 10px 0;padding: 10px 0;
    background: #586695;color: #EEE;text-align:center}
div#footer p{margin:0}
#footer a {
  color: #EEE;
}
#footer a:hover {
  color: #CACACA;
}

/* position for the search box */
div#search {
   float: right;
   width: 23em;    /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

.zg_div {margin:0 auto}
.zg_div_inner { color:#666666; text-align:center; font-family:arial, helvetica; font-size:11px;}
.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#3993ff; background:inherit !important; text-decoration:none !important;}

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

table.wishlist {
	border-width: 0px 0px 0px 0px;
	border-spacing: 5px;
	border-style: none none none none;
	border-color: white white white white;
	border-collapse: separate;
	background-color: white;
        font-size: 90%;
        font-family: arial;
}
table.wishlist th {
	border-width: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: #FFFFFF;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.wishlist td {
	border-width: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: #FFFFFF;
	-moz-border-radius: 0px 0px 0px 0px;
}
/* End of 'DGS: aNiftyLayout' */