/*
		Styles by gavjof
		www.gavjof.com
		
	\\ SCREEN.CSS (for Front End Styles) 
//
*/

body 
{ 
	font-family: Arial, Helvetica, 'sans-serif';

	font-size: 0.8em;

	color: #000;

	background-color: #e2dddd;

	margin: 0;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Customise the standard HTML
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
*/
a:link, a:visited, a:active
 {
	color: #900;

	text-decoration: none;
}


a:hover 
{
	color: #f00;
	
text-decoration: underline;
}

hr
 {
	margin: 5px 0px 5px 0px;
	
color: #603;

	border: 0;

	border-top: 1px solid #603;

	height: 1px;
}


/* Page Headings */
h1, h2, h3, h4, h5, h6
 {	color: #333;
	font-weight:bold;
	font-family: Arial, Helvetica, 'sans-serif';

	direction:rtl;}


h1  	{font-size:1.8em;}

h2  	{font-size:1.8em;}

h3  	{font-size:1.3em;}


form 
{margin: 0;}


blockquote 
{
	font-family: Arial, Helvetica, 'sans-serif';


	font-style:italic;

	color: #666;
	
border-left: 2px solid #666;

	padding-left: 10px;
	
font-size: 1.2em;
}



abbr			
	{}
acroynm	
	{}
cite		
	{}
address	
	{}
strong		
	{}
em					
{}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout Blocks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

*/
#main 
{ /* Holds the page items in place */

	width: 990px;

	margin: 20px auto 0 auto;

	padding: 0;

	background: #fff;
}


#extras 
{  /* objects outside main page (powered by etc) */

	width:990px ;

	margin: 0 auto;
	
	padding-bottom:10px;
	
	font-family: Arial, Helvetica, 'sans-serif';

	font-size: 80%;
	color: #666;

	padding:0;
	
	color:#eee;
}


#banner 
{
	padding: 0px 0px 0px 0px;

	text-align: right;
	
	background: #666;

	font-weight: bold;

	border: 1px solid #ffffff;
	
	background: transparent url(images/roller2.jpg) top right no-repeat;
}


#banner a, #banner h1, #banner h2
	{color: #fff;
 	margin:90px 0px 0px 0px;

	padding:0;}

* html #banner {clear:both;
	height:90px;}
 /* ie6 misbehaves again */



#banner h1
	{font-size: 3em;
padding-top:6px;}

 /* WEBSITE_TITLE */

#banner h2	
{ /* PAGE_HEADER */

	font-size: 0.8em;

	text-transform:uppercase;

	letter-spacing:8px;
	
margin-top:-20px;
	
padding-left:8px;
	
font-family: Arial, Helvetica, 'sans-serif';

}



#sideColumn
 { /* Currently holds the login box */
	
float: left;
	
width:0px ;

	margin: 10px;

	margin-top: 3px;
}


#content 
{ /* main content from the WYSIWYG goes in here */
	
margin-left: 20px;
	
margin-top:40px;

	padding: 4px 10px 14px 10px;

	text-align: justify;

	direction:rtl;
	clear: right;
}


* html
 #contentContainer
 #content 
{text-align:right;}
 /* ie6 misbehaves */
* html
 #contentContainer 
#content table 
{width: 90%;}
 /* ie6 fix to stop tables being pushed below floats
 */

#footer
 { 
	font-family: Arial, Helvetica, 'sans-serif';

	font-size: 90%;
	
color: #666;
	
border-top: 2px solid #555;

	padding: 10px 5px 10px 5px;

	clear: both;
	
background: #cecece;
}


#baker_footer	
{font-style:oblique;}
 /* Pulls information from PAGE_FOOTER */

#powered_by,
 #coding 	
{text-align:right;}


#powered_by a, #coding a 
{color:#ddd; text-decoration:none;
 border-bottom: 1px dashed #ddd;}


#powered_by a:hover,
 #coding a:hover 
{color:#fff;
 border-bottom: 1px dashed #fff;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* Search Box in banner */
#search_box {
	color: #fff;
	text-align: center;
}
#search_box {
	float: right;
	clear: right;
	width: 200px;
}
#search_box fieldset {border:0;}
#search_box legend, #search_box label {display:none;}

#search_string {
	width: 100px;
	height: 16px;
	font-size: 90%;
	vertical-align: middle;
	border: 1px inset #ccc;
}
#search_submit {
	width: 50px;
	height: 20px;
	font-size: 90%;
	vertical-align: middle;
	padding: 0 0 4px 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~ 
	####	Header Menu #####
	
######

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
 */
#navContainer 
{width: auto;
display:block;
clear:both;
border-right:0px solid #000;}




/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */


 ul.menu, li.menu 
{
	list-style-type: none;
	
margin: 0px;
	padding: 0px;
}



/* Header menu */


	 
#header_menu
 {position: absolute; 
margin-left: 20px;background:#555;}


#header_menu li
 {line-height: normal;}


ul#header_menu 
 {z-index: 10;
 clear: both;}



#nav {
	height: 1.68em;

	background: #666;

	border-top: 0;
	
border-bottom: 1px solid #000;

	padding:0;
}


#nav ul 
{
	list-style-type: none;
 
	margin: 0; 

	padding: 0; 

	font-size: 81%;
 
	text-transform: uppercase;

	width: auto;
	
/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/

	position: relative; 
/* Fix the Stupid IE6 Bug */
}

#nav ul li 
{float: right;
 color: #fff;
 text-align: center; 
font-weight: normal;}


#nav ul li a 
{display: block; 
background: #666;
 padding: 5px 10px;
 padding-bottom: 4px; 
border-left: 1px solid #000;
 border-right: px solid #000;
 color: #fff; 
text-decoration: none;}



/* Root Level Link Formatting */


#nav ul li a:hover, #nav li a:focus
 {background: #d1d2d4; 
border-color: #fff;
 color: #4b4c4d;}


#nav li a:active,
 #nav ul li a.active 
{background: #d1d2d4;
 border-color: #fff;
 color: #4b4c4d;}



/* Current page Customisations*/

#nav li.menu-current a	
	{background: #000;
 color: #fff;
 border-bottom: 1px solid #000;}


#nav li.menu-current a		
{font-weight: bold;} 



/* 2nd Child menu */

#nav .menu li ul 
{position: absolute;
 width: 12em;
 margin: 0; 
display: none;
 text-transform: none; 
border: 1px solid #000;
 border-top: 0; 
font-size: 100%;
right:0%}


#nav .menu li ul li
 {width: 12em; text-align: right;
 font-weight: normal;
 margin: 0; 
padding: 0; 
line-height: 1.2em;}


#nav .menu li ul a
 {width: 11.5em;
padding: .6em .1em .6em .4em;
 background: #4b4c4d;
 color: #fff; 
border: 0;}



/* 2nd Child link hover */

#nav .menu li ul a:hover
 {color: #4b4c4d;
 background: #666;
 border: px; color:#fff;}



/* Show and hide */

#nav .menu li:hover ul,
 #nav .menu li a:focus ul, 
#nav .menu li.subMenu ul 
{display: block;}

#nav .menu li ul ul 
{ display: none;}

#nav .menu li:hover ul ul,
 #nav .menu li.subMenu ul ul
 {display: none;}

#nav .menu li:hover ul,
 #nav .menu li li:hover ul,
 #nav .menu li.subMenu ul,
 #nav .menu li li.subMenu ul
 {display: block;}




/* 3rd Child Menu Appreances 
*/
#nav .menu li ul li ul li a 	
{ width: 11.5em;
 padding: .6em .1em .6em .4em; 
background: #c6c6c6;
 color: #fff; }



/* Positioning the Pop-out Drops */

#nav li 
{position: relative;}


#nav ul ul ul 
{
	position: absolute;

	top: 1px;

	right: 100%;
}






/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* Customise the Login Box */

#login-box
 { background: #eee;
 text-align: center;
	line-height: 140%;
 margin: 1em 0 0.3em 0; 
border: 1px solid #ddd;}


#login-box fieldset 
{border:0;text-align:center;}


#login-box legend		
{
	font-size: 90%;

	text-transform: uppercase;

	font-family:"Times New Roman", Times, serif;
	
color: #333;
	
font-weight: normal;

	letter-spacing: 0.15em;
}


.username
 {color: #009;}

 /* Color of name when logged in*/

.topboxbody 
{font-size:0.8em;
padding:2px;}



#login-box input 
{
	text-transform: uppercase;

	font-size: 10px;

	margin: 5px 0px 1px 0px;

	width: 100px;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	
Custom Classes (Re-useables)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	
/*  Float containers fix: */

.clearfix:after 
{
    content: ".";
  
  display: block;
    
height: 0;
    clear: both;
  
  visibility: hidden;
}


/*  \*
/
* html #clearfix 
{
	height: 1%;
}
/*  */


.stealth {visibility:hidden;
 display:none;} /*
 hides from normal css enabled browsers */




/* Inline font Styles */

/* Pretty styles for changing text in the WYSIWYG editor */


.important
	{font-weight:bold;
color:#f00;}

.code		
		{font-family: "Courier New", Courier, mono;
 color:#093;
letter-spacing: 1px;}


.info-box	
	{border: 1px solid #cc3;
 background-color:#F9F8E2;
padding:4px;}