/******************************************************************************
*                      purpleGLOBE theme - CSS file                           *
*******************************************************************************
*                                                                             *
* Theme Name: purpleGLOBAL                                                    *
* Description: Theme to bring a global effect to the user.                    *
*              - It has a fluid main section, switching layout                *
*                on resolutions 800x600 or less.                              *
*              - Uses CSS controlled main menu options.                       *
*                                                                             *
*	$Source: www.purplescroll.com/ v$                                           *
*	$Revision: 1.0 $                                                            *
*	$Date: 2007/09/26 $                                                         *
*	$Author: mygoggie $                                                         *
* @copyright Copyright © 2007, purplescroll.com, All rights reserved.         *
*                                                                             *
*	Released under the terms and conditions of the                              *
*	GNU General Public License (http://gnu.org).                                *
*                                                                             *
******************************************************************************/
/*************************************************************/
/* Warn user if JavaScript cannot work due to user settings  */
/*************************************************************/
#jswarning {
   width: 95%;
   height: 1.2em;
   border: outset; 
   padding: 3px 4px 4px 3px; 
   background-color: #f7941d; 
   font-family: verdana, tahoma, arial, helvetica, sans-serif;
   font-weight: bold;
   font-size: 14px;  
   color: #FFFFFF; 
   text-align : center;
   text-decoration: blink;
}

/**************************************************************
* core classes - as per www.e107.org                          *
*    - button                                                 *
*    - defaulttext                                            *
*    - fborder                                                *
*    - fcaption                                               *
*    - forumheader                                            *
*    - forumheader2                                           *
*    - forumheader3                                           *
*    - indent                                                 *
*    - installed                                              *
*    - login                                                  *
*    - pass                                                   *
*    - smalltext                                              *
*    - mediumtext                                             *
*    - tbox                                                   *
*    - search                                                 *
*    - user                                                   *
**************************************************************/
.button{
	border: 0.1em solid #A5ACB2;
	height: 1.7em;
	font-size: 10px;
	font-family: verdana, tahoma, arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	background-image : url(./images/button.png);
	color: #20578D;
}

.button:hover, .button.sfhover {
	border: 0.1em solid #A5ACB2;
	height: 1.7em;
	font-size: 10px;
	font-family: verdana, tahoma, arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	background-image : url(./images/buttonover.png);
	color: #831f6e;
	cursor: pointer;
}

.defaulttext{
	font-family: verdana, tahoma, arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	text-align: left;
}

.fborder
{
	border: #ACA6BB 1px solid;
	background-color: transparent;
	padding: 1em 3em 1em 3em;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
}

.fcaption {
	border: #ededed 1px solid;
	padding: 4px;
	background-color: #F5F5F5;
	font-size: 12px;
	color:#687C99;
	font-weight:bold;
	cursor: pointer;
}

.fcaption:hover, .fcaption.sfhover
{
	color: #FF6600;
}

.forumheader{
	background-color: #F5F5F5;
	font-size: 14px;
	color:#000000;
	padding: 4px;
	border: 1px solid #ededed;
	text-align: left;
}

.forumheader2{
	background-color: #ffffff;
	font-size: 12px;
	color:#000000;
	padding: 4px;
	margin: 0 auto 0 auto;
	border: #ededed 1px solid;
	text-align: left;
	
}

.forumheader3{
	background-color: transparent;
	font-size: 12px;
	color:#000000;
	padding: 4px;
	border: #ededed 1px solid;
	text-align: left;
}

.smalltext
{
	font-family: verdana, tahoma, arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	text-align: left;
}

.indent{
	padding: 3px;
	margin: 5px;
	font: 9px verdana, tahoma, arial, sans-serif;
	color: #000060;
	border: 1px solid;
	background-color: #E3E2D7;
	border-bottom: #FFFFFF 1px solid;
	border-left: #000 1px solid;
	border-right: #FFFFFF 1px solid;
	border-top: #000 1px solid;
}

.news_content{
	padding: 1em;
	margin: 1em;
	border: 0.1em solid #E3E2D7;
}

.news_heading{
  padding: 0.2em;
  background-color: #E3E2D7;
}

.mediumtext
{
	font-family: verdana, tahoma, arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	text-align: left;
}

.search
{
	margin-top: 6px;
	margin-right: auto;
	margin-left: 10px;
	margin-bottom: 5px;
	vertical-align: middle;
	text-align: left;
}

.tbox
{
	color: #000000;
	font-size: 12px;
	text-align: left;
}

/*************************************************************
* NORMAL HTML: Normal HTML overrides                         *
*************************************************************/
a:hover, a.sfhover
{
  color: #FF6600;
}

/*************************************************************
* FORMATING: Various HTML related formatting controls        *
*************************************************************/	


/*************************************************************
* CMS Plugin: Specific classes and ID's used                 *
*************************************************************/


/*************************************************************
* TinyMCE specific rules - Body background etc               *
*************************************************************/
body.mceContentBody {
  background: #FFFFFF;
}

.code {
  border:1px solid #444;
  background-color:#f4f4f4;
  padding:8px;margin:14px;
  color: #3C2763;
}

.code-box {
   border: 1px dotted #999;
   margin: 0 20px;
   color: #3C2763;
}

.code-box ol {
   margin: 0;
   padding: 0 10px;
}

.code_highlight {
   white-space: pre;
   overflow: scroll;
   width: 530px;
   height: 100px;
}

.indent {
  border:1px solid #444;
  background-color:#f4f4f4;
  padding:8px;
  margin:14px;
  font:9px tahoma,verdana,arial,helvetica,sans-serif
}

p {margin:0; padding: 0;}

/*************************************************************
* BODY: Set main browser body                                *
*************************************************************/
body
{
  background-image: url(./images/site_background.jpg);
  background-repeat: repeat-y;
	background-position: 50%;
	padding: 0em 0.1em 0em 0.1em;
	margin: 0.17em 1.67em 0.17em 1.67em;
	
}

/*************************************************************
* SPECIAL: Transparent backgrounds in IE                     *
* Add all ID's and classes in here that requires a           *
* transparent background                                     *
*************************************************************/
img, #header_Global
{
	behavior: url(iepngfix.htc);
}

/*************************************************************
* HEADER: Header specification                               *
*************************************************************/
#header
{
	height: 9em;
	width: 100%;
  border: 0em;
	background-image: url('./images/headerGrad.png');
	padding: 0em;
	margin: 0em;
}

#header_Global
{
 	float: left;
 	display: block;
 	vertical-align: top;
 	height: 9em;
	width: 31em;
 	background-image: url('./images/logo.png');
 	padding: 0em;
 	margin: 0em;
}

#header_Menu
{
 	float: right;
 	display: block;
 	vertical-align: top;
 	height: 9em;
	width: 30%;
 	background-image: transparent !important;
 	padding: 2em;
 	margin: 0em;
 	font: 10px tahoma, verdana, arial, helvetica, sans-serif;
}

#header_spacer
{
  height: 1.08em;
  width: 100%;
  background-color: #FFFFFF;  /* IE6 */
  background-color: transparent;
}

/*************************************************************
* MAIN: MAIN body specification                              *
*************************************************************/
#main_band
{
  width: 100%;
 	background: #FFFFFF;
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
   /* for Mozilla */
  -moz-opacity:0.7;
  padding: 8px 13px 8px 13px;
  margin: 0em;
  border: 0em;
}

#main
{
	font: 12px tahoma, verdana, arial, helvetica, sans-serif;
	vertical-align: top;
}

/*************************************************************
* MAIN: Left column specification                            *
*************************************************************/
#left_column
{
  width: 14.167em;
  font: 12px tahoma, verdana, arial, helvetica, sans-serif;
  vertical-align: top;
}

#column_spacer
{
  width: 13px;
}

/*************************************************************
* MAIN: Right column specification                           *
*************************************************************/
#right_column
{
	width: 14.167em;
	font: 12px tahoma, verdana, arial, helvetica, sans-serif;
	vertical-align: top;
}

/*************************************************************
* Table Style menu settings                                  *
*************************************************************/
#menustyle
{
	font: 14px tahoma, verdana, arial, helvetica, sans-serif;
	vertical-align: top;
	color: #1E4266;
	height: 1.5em;
}

#menufooter
{
  height: 2em;
}

/*************************************************************
* BREADCRUMB MENU - menu with breadcrumb                     *
*************************************************************/
#breadcrumb
{
  height: 0.5em;
  width: 100%;
  padding: 0em 0em 0em 1.5em;
  background: #F9FAFB;
  color: #000000;
  font: 10px tahoma, verdana, arial, helvetica, sans-serif;
  border: 0em;
}


/*************************************************************
* FOOTER: Footer specification                              *
*************************************************************/
#footer
{
  height: 2.81em;
	width: 100%;
  padding: 0.2em 1.5em 0.2em 1.5em;
  color: #275787;
	font: 10px tahoma, verdana, arial, helvetica, sans-serif;
	background-image: url(./images/footerGrad.png);
  background-repeat: repeat-x;
  text-align: center;
  vertical-align: middle;
}

/*************************************************************
* purpleMenu: Drop down menu                                 *
* Code is based on code from www.projectseven.com            *
*************************************************************/
#purpleMenuWrapper
{
  height: 1.56em;
  padding: 0em 0em 0em 0.5em;
  border-top: 0em;
  border-bottom: 0em;
}

.clearit
{
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#purpleMenu, #purpleMenu ul
{
	background:#FFFFFF; /*IE6 needs this*/
	background: transparent;
  padding: 0em 0em 0em 1em; /* Start first link a bit in from LH side */
  margin: 0em;
	list-style: none;
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  z-index: 900; /* Move to top */
}

#purpleMenu a
{
	display: block;
	text-decoration: none;
  padding: 0.2em 0.5em 0.2em 0.5em;
	font-size: 1.0em;
	color: #295F9A;
}

#purpleMenu a.vertGranny
{
/* DO NOT REMOVE THIS ID */
}

#purpleMenu a.horMommy
{
/* DO NOT REMOVE THIS ID */
}

#purpleMenu a div
{
/* DO NOT REMOVE THIS ID */
}

#purpleMenu a div div
{ 
/* DO NOT REMOVE THIS ID */
}

#purpleMenu a.first div
{
/* DO NOT REMOVE THIS ID */
}

#purpleMenu a.first div div
{
/* DO NOT REMOVE THIS ID */
}

#purpleMenu a.first div
{
/* DO NOT REMOVE THIS ID */
}

#purpleMenu a.last div
{
/* DO NOT REMOVE THIS ID */
}

#purpleMenu a.last div div
{
/* DO NOT REMOVE THIS ID */
}

#purpleMenu li
{
	float: left;
	width: 9em;
}

#purpleMenu li ul, #purpleMenu ul li
{
	width: 12em;
}

#purpleMenu ul li a
{
	color: #565656;
}

#purpleMenu li ul
{
	position: absolute;
	left: -999em;
	padding-left: 0.0em;
	border-style: solid;
	border-width: 1px;
	border-color: #7e7f9f;
	background-color: #FF9900;
	  /* for IE */
  filter:alpha(opacity=85);
  /* CSS3 standard */
  opacity:0.85;
   /* for Mozilla */
  -moz-opacity:0.85;
}

/* Third level list - drop it down to the side and a bit lower */
#purpleMenu li ul ul
{
  margin: -1.25em 0em 0em 11.0em;  z-index: 999; /* Move to top */
}

/* Explicitly hide the third level and higher child lists */
#purpleMenu li:hover ul ul, #purpleMenu li:hover ul ul ul, #purpleMenu li.sfHover ul ul, #purpleMenu li.sfHover ul ul ul
{
  left: -999em;
}

#purpleMenu li:hover a, #purpleMenu a:focus,
#purpleMenu a:active, #purpleMenu li.sfHover a
{
	color: #FF6600;
	font-weight: bold;
	margin-top: 0em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

#purpleMenu li:hover ul, #purpleMenu li li:hover ul, #purpleMenu li li li:hover ul, #purpleMenu li.sfHover ul, #purpleMenu li li.sfHover ul, #purpleMenu li li li.sfHover ul
{
	display: block;
	left: auto;
}

#purpleMenu li:hover ul a, #purpleMenu li.sfHover ul a
{
	color: #132D48;
	background-color: transparent;
}

#purpleMenu ul a:hover, #purpleMenu ul a:sfHover
{
	color: #24213D!important;
	background-color: #E2E6EA!important;	
}

#purpleMenu ul li:hover, #purpleMenu ul li.sfHover
{
  background-color: #E2E6EA!important;
}

/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#purpleMenu li {width: auto;}