@charset "UTF-8";
/* CSS Document */

/* 

	    BC/GB Template - Base.CSS
   
		Based on Blueprint 0.6
   
		Date: 25 September 2007
		
 */



/* Reset  
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height: 1.5; background: #fff; margin:1.5em 0; }

a img { border: none; }


/* Typography 
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 75%; }


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
body { 
  color: #222; 
  font-family: Helvetica, Arial, Verdana, sans-serif; 
}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

ul {list-style-image:url(http://art4causes02.businesscatalyst.com/images/li.jpg);
 vertical-align: middle;
}


/* Links
-------------------------------------------------------------- */

a:link, a:visited {
	color: #1969bc;
	text-decoration: none;	
}

a:hover, a:active {
	color: #1969bc;
	text-decoration: underline;
}

#placeholder-nav table td {cursor: pointer;cursor: hand; }    


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}

.dashed-line {
  clear: both; 
  float: none; 
  width: 740px; 
  height: 4px;
  margin: 1.4em 0;
border-top:1px dashed black;
}
hr.space {
  background: #fff;
  color: #fff;
}



/* columns 
-------------------------------------------------------------- */
body {
	background:url(../images/header_bg.jpg);
	background-repeat:repeat-x;
	min-height:300px;
	background-color:#FFF;
	margin:0px;
	}

#content {
	width:1024px;
	min-height:700px;
	margin:0 auto;
	background:url(../images/header.jpg);
	background-repeat:no-repeat;
	padding:0px;
	}
	
#container {
	width:758px;
	height:165;	
	margin-left:152px;
	}

#logo {
	width:194px;
	height:109;
	
	}

#menu {
	color:#999;
	width:775px;
	height:40px;
	padding:15px 0px 0px 22px;
	
	}

#welcome{
	padding:15px 0px 0px 10px;
	width:415px;
	float:left;
	
	}
	
#card {
	width:333px;
	height:182px;
	background:url(../images/card_logo.jpg);
	background-repeat:no-repeat;
	float:left;
	}
	
#main-buttons {
	padding-bottom:15px;
        padding-top:20px;
	clear:both;
	}
	
#button-art {
	width:317px;
	height:175px; 
	background:url(../images/browse_art.jpg);
	background-repeat:no-repeat;
	padding:0px 3px 3px 0px;
	float:left;
	}

#button-cause {
	min-width:218px;
	min-height:175px; 
	background:url(../images/browse_causes.jpg);
	background-repeat:no-repeat;
	padding:0px 3px 3px 0px;
	float:left;
	}

#button-artist {
	min-width:174px;
	min-height:175px; 
	background:url(../images/browse_artists.jpg);
	background-repeat:no-repeat;
	padding:0px 3px 3px 0px;
	float:left;
	
	}

#footer {
	border-top:1px dashed black;
	clear:both;
	margin:15px 0px 0px 10px;
	width:700px;
	}