/* Table of Contents:
	• Color Glossary
	• Global
	• Typography
	• Header Layout
	• Middle Layout
	• Footer Layout
*/
/* ------------------------------------------------------------------------------------
                                           COLOR GLOSSARY
---------------------------------------------------------------------------------------
Dark grey (text):#333333
Dark Blue (headings, links) #000066
Mid Blue (header) #333399
Light blue (top navigation) #CCCCFF
Mid grey:#666666
*/

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

html, body
	{ border:0; margin:0; padding:0; }
 
body
	{
	background-image: url(/images/cornflower-blue-6495ed.jpg);
	color: #000033;
}
/* ------------------------------------------------------------------------------------
                                               TYPOGRAPHY
--------------------------------------------------------------------------------------- */ 

/* HEADINGS
--------------------------------------------------------------------------------------- */
 
h1, h2, h3, h4, h5, h6
	{
	margin:0;
	padding:0;
}
 
h1 
	{
	color: #990000;

}
 
h2 
	{

}
 
h3 
	{ font-size:1em; font-weight:bold; }

/* COMMON FORMATTING TAGS
--------------------------------------------------------------------------------------- */
 
p, ul, ol
	{ margin:0; padding:0 0 15px 0; }
P + p
	{ }
 
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; }

blockquote 
	{ margin:1.25em; padding:1.25em 1.25em 0 1.25em; }
	
address
	{ margin:10px 0; }
#benefits {
	clear: both;
	line-height: 1.3;
}
.faq-q {
	font-size: 16px;
	font-weight: bold;
	color: #6A3823;
	margin: 0;
	padding: 15px 0 3px 0;
}
.faq-a {
	font-size: 12px;
	font-weight: normal;
	padding: auto 25px;
}
#benefits   .faq-a   li {
	margin-left: 35px;

}
#benefits   ul  {
	margin: 5px 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 
	{ color:blue; }
:visited 
	{ color:green; }
:link:hover, :visited:hover 
	{ color:#996600; }
:link:active, :visited, :active 
	{
}

a[rel~="nofollow"]::after 
	{ content:"\2620" color:#9900FF;	font-size:x-small; }
a[rel~="tag"]::after 
	{ content:url(images/favicon.ico); }
a[href^="http://"]:not([href*="trishasdesignstudio.com"])::after 
	{ content:"\2197"; }
	
a[rel~="nofollow"] { border:1px dotted red; background-color:#EED3DE !important }
 
/* FORMS 
--------------------------------------------------------------------------------------- */
form 
	{ margin:0; padding:0; display:inline; }
form p
	{padding:5px }	
fieldset 
	{
	padding:15px 10px;
	margin:8px 0px;
	border:1px solid #996600;
	font:14px sans-serif;
	background-color: #E9EFF8;
}
legend
	{ margin-bottom:15px;  font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; border:3px solid #000066; background-color:#000066; color:#FFFFCC; }
label 
	{ float:left; width:25%; margin-right:0.5em; padding-top:0.2em; text-align:right; font-weight:bold; cursor:pointer; }
input, select, textarea 
	{ font:1em Arial, Helvetica, sans-serif; }
textarea 
	{ width:100%; line-height:1.25; }
/* TABLES 
--------------------------------------------------------------------------------------- */
 
table
	{
	border:0;
	padding:0;
}
table tr td
	{
}

/* 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;
	background-color: #d2e0f1;
}

#header
	{
	background-repeat: no-repeat;
}
#header #phone {
	float: right;
	position: absolute;
	width: 656px;
	text-align: right;
	color: #FFD228;
	font-size: 36px;
	font-weight: bold;
	padding: 0 3px 0 0;
}

#main 
	{
	background-color:#D2E0F1;
	background-image: url(/images/content-bg.gif);
}


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

#content 
	{

}
#column1 {
	width: 300px;
	float: left;
	margin: 10px 0 0 25px;
}
#column1  li, #column2 li {
	padding: 2px;
}

#column2 {
	width: 300px;
	float: left;
	margin: 10px 0 0 0;
}
	
/* SIDEBAR LAYOUT
--------------------------------------------------------------------------------------- */
#side-bar 
	{
	width:190px;
	float:left;
	padding: 5px;
}
#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:#356CB7;
	padding:5px 0 5px 0;
	text-align:center;
}
#legal 
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	padding:2px;
	margin-bottom:10px;
}
#footer-address p
	{
	color:#FFFFFF;
}

	
#santa-clara-website-design p  
	{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}
#santa-clara-website-design  a
	{
	color:#CCCCCC;
}
#santa-clara-website-design  a:hover 
	{
	color:#E0AE1B;
}