/* ------------------------------------------------------------------------------------
                                               GLOBAL
--------------------------------------------------------------------------------------- */
html
	{ overflow:-moz-scrollbars-vertical; }

html, body
	{ border:0; margin:0; padding:0; }
 
body
	{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-image: url(../../images/bg-curtains-blue.jpg);
}
/* ------------------------------------------------------------------------------------
                                               TYPOGRAPHY
--------------------------------------------------------------------------------------- */ 

/* HEADINGS
--------------------------------------------------------------------------------------- */
 
h1, h2, h3, h4, h5, h6
	{

}
 
h1 
	{
	padding:30px 0 5px 0;
	letter-spacing:-1px;
	font-size: 24px;
}
 
h2 
	{
	letter-spacing:-1px;
	font-size: 18px;
}
h2  .paddingbottom0
{
	padding-bottom: 0px;
	margin-bottom: 0px;
}

 
h3 
	{
	font-weight:bold;
}
p {
	line-height: 1.3;
	font-size: 14px;
}
p .paddingtop0
{
	padding-top: 0px;
	margin-top: 0px;
}



/* COMMON FORMATTING TAGS
--------------------------------------------------------------------------------------- */
 
p, ul, ol
	{
	margin:0;
}
P + p
	{
	padding-bottom: 5px;
}
 
ul, ol
	{ padding:0 0 1.25em 1.5em; }
	
ul, ul ul, ul ul ul
	{	list-style-image:none; }
ul
	{ list-style-type:disc; }	
ul ul
	{ list-style-type:circle; }
ul ul ul 
	{ list-style-type:square; }
	
ol 
	{}
ol ol 
	{ list-style-type:lower-alpha; }
ol ol ol 
	{ list-style:lower-roman; }
li {
	padding-top: 5px;
	font-size: 14px;
}


blockquote 
	{ margin:1.25em; padding:1.25em 1.25em 0 1.25em; }
	
address
	{ margin:10px 0; }
address p 
	{ font-style:italic; padding:0px; }
 
small
	{ font-size:0.85em; }
 
img 
	{ border:0; }
	
sup 
	{ position:relative; bottom:0.3em; vertical-align:baseline; }
 
sub
	{ position:relative; bottom:-0.2em; vertical-align:baseline; }
 
acronym, abbr 
	{ cursor:help; letter-spacing:1px; border-bottom:1px dashed; }

/* LINKS 
--------------------------------------------------------------------------------------- */
/* a, a:link, a:visited, a:hover 
	{ text-decoration:underline; outline-style:none; } */

:link, :visited 
	{}
:-moz-any-link:focus 
	{outline:none;}
:link:focus, :visited, :focus 
	{
}
:link 
	{
}
:visited 
	{

}
:link:hover, :visited:hover 
	{
	color:#417EAA;
}
:link:active, :visited, :active 
	{
}


 
/* FORMS 
--------------------------------------------------------------------------------------- */
form 
	{ margin:0; padding:0; display:inline; }

/* GENERIC GLOBAL CLASSES 
--------------------------------------------------------------------------------------- */
.clear
	{ clear:both; }
.float-left
	{ float:left; }
.float-right
	{ float:right; }
 
.text-left
	{ text-align:left; }
.text-right
	{ text-align:right; }
.text-center
	{ text-align:center; }
.text-justify
	{ text-align:justify; }

.text-singlespace
	 { margin:0; padding:0;}

.discreet 
	{ padding:0 0 8px 0; margin:0; color:#999999; font-size:10px; }
 
.bold
	{ font-weight:bold; }
.italic
	{ font-style:italic; }
.underline
	{ border-bottom:1px solid; }
.highlight
	{ background:#ffc; }
 
.nopadding
	{ padding:0; }
.noindent
	{ margin-left:0;padding-left:0; }
.nobullet
	{ list-style:none;list-style-image:none; }

.img-left, .img-right
	{ padding:10px; }
.img-left
	{ float:left; margin:4px 10px 4px 0;}
.img-right 
	{ float:right; margin:4px 0 4px 10px; }
.img-right p, .img-left p
	{ padding:0 0 0 0; font-size:small; color:#7F8E29; font-style:italic; }	
.img-with-caption, .image-box-caption
	{ width:190px; text-align:center; }	
.image-box-caption	
	{ border:1px solid #000099; }

/*---------------------------------------------------------------------------------------
                        PSEUDO-CLASS SELECTORS & CORRESPONDING CLASSES
--------------------------------------------------------------------------------------- */

/* HEADER LAYOUT
--------------------------------------------------------------------------------------- */
 
#wrap {
	width:960px;
	margin:0 auto;
	border-left: solid #75B2DD 5px;
	border-right: solid #75B2DD 5px;
	background-color: #FFFFFF;
}

#header
	{
	height:165px;
	background-color:#eaaf0f;
	background-image: url(/images/sidebar/sidebar-bg-eaaf0f.gif);
}
#main 
	{
	width:inherit;
	clear: both;
	border: none;
	padding: 0;
	margin: 0;
	background-image: url(/images/sidebar/sidebar-bg-eaaf0f.gif);

}


/* MIDDLE LAYOUT
--------------------------------------------------------------------------------------- */

#content 
	{
	width:715px;
	padding: 15px;
	text-align: left;
	background-color: #FFFFFF;
}
.side-bar/* SIDEBAR LAYOUT
--------------------------------------------------------------------------------------- */
 
	{
	width:200px;
	float:left;
	background-image: url(/images/sidebar/sidebar-bg-eaaf0f.gif);
	height: 100%;
}
#side-bar-header {
	background-image: url(/images/sidebar/sidebar-header.jpg);
	height: 46px;
	float: left;
	width: 200px;
	margin-top: 15px;
}
#side-bar-footer {
	background-image: url(/images/sidebar/sidebar-footer.jpg);
	width: 200px;
	height: 6px;
	border: none;
	padding: 0;
}


#cta{
	width:150px;
	padding: 5px;
	margin: 5px;
	float: left;
	border: solid gray 1px;
	background-color: #FFFFFF;
}
#cta ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }
#cta ul li {
  margin: 2px 0 6px 0; 
  padding: 0;
  font-weight: bold;
  line-height: 24px; /* height of icon */
  background-repeat: no-repeat;
  background-position: 0 50%;
  }
#cta a {
	padding-left: 30px;
	color: #999999;
	text-decoration: none;
  }
#cta a:hover   {
	color: #0099FF;
}
#cta-1{
	background-image: url(/images/cta-email.gif);
}
#cta-2 {
	background-image: url(/images/cta-donate.gif);
}
#cta-3 {
	background-image: url(/images/cta-tell-a-friend.gif);
}
#cta-4 {
	background-image: url(/images/cta-active.gif);
}
#cta-5 {
	background-image: url(/images/cta-register.gif);
}

/* FOOTER LAYOUT
--------------------------------------------------------------------------------------- */

#footer
	{
	width:960px;
	background-color:#2E6B97;
	padding:5px 0 5px 0;
	text-align:center;
}
#legal 
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	padding:2px;
	margin-bottom:10px;
}
#footer-address  p, #footer-address a
	{
	font-size:12px;
	color:#000033;
	padding:0;
}
	
#santa-clara-website-design p  
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000033;
	margin:15px 0 0 0;
}
#santa-clara-website-design  a
	{
	text-decoration:none;
	color:#000033;
	font-weight:bold;
	font-size:10px;
}
#santa-clara-website-design  a:hover 
	{
	color:#990000;
}

#highlight-box
{
	background-color: #75B2DD;
}
.artwork  #content blockquote
{
	padding-top: 0px;
}

.artwork #content caption
{
	font-size: 16px;
	font-weight: bold;
	padding-top: 25px;
}
#sidbar-address {
	text-align: center;
	padding-top: 15px;
}
#sidbar-address .phone {
	font-size: 18px;
	font-weight: bold;
	color: #900;
}