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


/*----- MY STANDARD CSS RULES-----*/

/* to force a scrollbar in Firefox and Safari to eliminate jumping between short and long pages */
html {
	overflow-y: scroll;
}

/*-----takes the dotted outline (when clicked) in Firefox  -----*/
a:active, a:focus {
      outline: 0; 
}

/* Icon hyperlink cues. 
Code:  http://www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html 
Icons:  http://pooliestudios.com/projects/iconize/
*/
a[href$=".pdf"]{
	padding-right: 20px;
	padding-bottom: 3px;
	background: url(../includes/images/icons/icon_pdf.gif) no-repeat right center;
	}

a[href^="http"] {
	padding-right: 20px;
	padding-bottom: 3px;
	background: url(../includes/images/icons/icon_external.gif) no-repeat right center;
	}

/*STRUCTURE  ------------------------------------------------------*/

body {
	font: 12px Verdana, Geneva, sans-serif;
	background: #000 url(images/bg.png) no-repeat center top;
}

#wrapper {
		width: 600px;
		margin: 80px auto;
}
/*GLOBAL ------------------------------------------------------*/

h2 {
	font-weight: normal;
}

h3 {
	font-size: 12px;
}

/* TABBED PANELS  ----------------------*/

div#TabbedPanels.TabbedPanels ul.TabbedPanelsTabGroup li.TabbedPanelsTab, .AccordionPanelTab  h2 {
/*	font-family: 'Waiting for the Sunrise', arial, serif;
	font-family: 'Architects Daughter', arial, serif;*/
	font-family: 'Covered By Your Grace', Verdana, Geneva, sans-serif;
	font-size: 22px;
	text-transform:lowercase;
}



.TabbedPanelsTab {
	border: solid 1px #000;
}

.TabbedPanelsTabHover, .AccordionPanelTab {
		color: #fff;
}

.TabbedPanelsContentGroup {
	background-color: rgba(255,255,255,0.96);
}
/* ACCORDIONS -------------------------*/

.Accordion {
	margin: -7px -5px -15px; 
	padding: 0 0 10px;
	border: none;
}

.AccordionPanel {
	margin: 1px -5px 0 0;
}

.AccordionPanelContent { 
    margin: 0px; 
    padding: 5px 15px; 
	 overflow: hidden; 
}

.AccordionPanelTab {
	padding: 3px;
	margin:  0;
}

.AccordionPanelTab  h2 {
	margin: -2px 10px;
	padding: 3px;
}

.AccordionPanelTabHover, 
.AccordionPanelOpen .AccordionPanelTabHover {
	background-color: #fff; 
	padding: 3px;
	cursor: pointer;
	cursor: hand;
}

/* This must be 1px less than .AccordionPanelTabHover to account for the border*/
.AccordionPanelTabHover h2,
.AccordionPanelOpen .AccordionPanelTabHover h2  {
	background-color: #fff; 
	padding: 2px;
	cursor: pointer;
	cursor: hand;
}

.AccordionPanel:first-child {
	margin: 4px 0 0 0;
}

 /* ACCORDIONS -------------------------*/



/* CUSTOMIZED COLORS FOR TABBED PANELS, ACCORDIONS AND LINKS ---------------------------------------- */

/* COLORS 
intro purple #8b38fc
process blue #38a2fc
accoutrements green #4ebf37
practice orange #fcb538
resources red #fc3838
*/


/* INTRO ---------------------------------------- */

/* tabbed panels  ----------------------*/
.intro.TabbedPanelsTabSelected  {
	background-color: #8b38fc;
}

.intro.TabbedPanelsTabSelected, 
.intro.TabbedPanelsTabHover {
	background-color: #8b38fc;
}

/* accordians  ----------------------------------*/

.intro .AccordionPanelTab, 
.intro .AccordionPanelTab h2 {
	background-color: #8b38fc; 
}

.intro .AccordionPanelOpen .AccordionPanelTab, 
.intro .AccordionPanelOpen .AccordionPanelTab h2 {
	background-color: #8b38fc; 
}

.intro .AccordionPanelTabHover, 
.intro .AccordionPanelOpen .AccordionPanelTabHover {
	color: #8b38fc;
	border: 1px solid #8b38fc;
	background-color: #fff; 
}

.intro .AccordionPanelTabHover h2,
.intro .AccordionPanelOpen .AccordionPanelTabHover h2  {
	color: #8b38fc;
	background-color: #fff; 
}

.intro a {
	color: #8b38fc;
}

.intro a:hover {
	color: #fff;
	background-color: #8b38fc;
	text-decoration:none;
}

/* PROCESS ---------------------------------------- */

/* tabbed panels  ----------------------*/
.process.TabbedPanelsTabSelected, .process.TabbedPanelsTabHover {
	background-color: #38a2fc;
}

/* accordians  ----------------------------------*/

.process .AccordionPanelTab, 
.process .AccordionPanelTab h2 {
	background-color: #38a2fc; 
}

.process .AccordionPanelOpen .AccordionPanelTab, 
.process .AccordionPanelOpen .AccordionPanelTab h2 {
	background-color: #38a2fc; 
}

.process .AccordionPanelTabHover, 
.process .AccordionPanelOpen .AccordionPanelTabHover {
	color: #38a2fc;
	border: 1px solid #38a2fc;
	background-color: #fff; 
}

.process .AccordionPanelTabHover h2,
.process .AccordionPanelOpen .AccordionPanelTabHover h2  {
	color: #38a2fc;
	background-color: #fff; 
}

.process a {
	color: #38a2fc;
}

.process a:hover {
	color: #fff;
	background-color: #38a2fc;
	text-decoration:none;
}

/* ACCOUTREMENTS  ---------------------------------------- */

/* tabbed panels  ----------------------*/
.acc.TabbedPanelsTabSelected, .acc.TabbedPanelsTabHover{
	background-color: #4ebf37;
}

/* accordians  ----------------------------------*/

.acc .AccordionPanelTab, 
.acc .AccordionPanelTab h2 {
	background-color: #4ebf37; 
}

.acc .AccordionPanelOpen .AccordionPanelTab, 
.acc .AccordionPanelOpen .AccordionPanelTab h2 {
	background-color: #4ebf37; 
}

.acc .AccordionPanelTabHover, 
.acc .AccordionPanelOpen .AccordionPanelTabHover {
	color: #4ebf37;
	border: 1px solid #4ebf37;
	background-color: #fff; 
}

.acc .AccordionPanelTabHover h2,
.acc .AccordionPanelOpen .AccordionPanelTabHover h2  {
	color: #4ebf37;
	background-color: #fff; 
}

.acc a {
	color: #4ebf37;
}

.acc a:hover {
	color: #fff;
	background-color: #4ebf37;
	text-decoration:none;
}

/* PRACTICE ---------------------------------------- */

/* tabbed panels  ----------------------*/

.practice.TabbedPanelsTabSelected, .practice.TabbedPanelsTabHover {
	background-color: #fcb538;
}
/* accordians  ----------------------------------*/

.practice .AccordionPanelTab, 
.practice .AccordionPanelTab h2 {
	background-color: #fcb538; 
}

.practice .AccordionPanelOpen .AccordionPanelTab, 
.practice .AccordionPanelOpen .AccordionPanelTab h2 {
	background-color: #fcb538; 
}

.practice .AccordionPanelTabHover, 
.practice .AccordionPanelOpen .AccordionPanelTabHover {
	color: #fcb538;
	border: 1px solid #fcb538;
	background-color: #fff; 
}

.practice .AccordionPanelTabHover h2,
.practice .AccordionPanelOpen .AccordionPanelTabHover h2  {
	color: #fcb538;
	background-color: #fff; 
}

.practice a {
	color: #fcb538;
}

.practice a:hover {
	color: #fff;
	background-color: #fcb538;
	text-decoration:none;
}

.practice h3 {
	color: 	#fcb538;
}

/* RESOURCES ---------------------------------------- */

/* tabbed panels  ----------------------*/
.resources.TabbedPanelsTabSelected, .resources.TabbedPanelsTabHover {
	background-color: #fc3838;
}

/* accordians  ----------------------------------*/

.resources .AccordionPanelTab, 
.resources .AccordionPanelTab h2 {
	background-color: #fc3838; 
}

.resources .AccordionPanelOpen .AccordionPanelTab, 
.resources .AccordionPanelOpen .AccordionPanelTab h2 {
	background-color: #fc3838; 
}

.resources .AccordionPanelTabHover, 
.resources .AccordionPanelOpen .AccordionPanelTabHover {
	color: #fc3838;
	border: 1px solid #fc3838;
	background-color: #fff; 
}

.resources .AccordionPanelTabHover h2,
.resources .AccordionPanelOpen .AccordionPanelTabHover h2  {
	color: #fc3838;
	background-color: #fff; 
}

.resources a {
	color: #fc3838;
}

.resources a:hover {
	color: #fff;
	background-color: #fc3838;
	text-decoration:none;
}

.resources h3 {
	color: 	#fc3838;
}


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

#footer .copyright {
	font-size: 10px;
	text-align: right;
	padding: 10px 0 0 0;
	text-transform:lowercase;
	color: #fff;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #fff;
	text-decoration: none;
}