/**
 * Cascade CSS Framework designed to make life easier
 * generic.css
 * 
 * @package cascade css
 * @author Michelle Britton & Chris Cook
 * @version 1.0
 * @copyright Michelle Britton & Chris Cook 2008
 * CSS framework templates modified by Dan Bramall 06/08
 */

@import "navigation.css";

/*-------------------------------------------------------

  Table of Contents:

	Body/Container
	Header Layout
	Middle Layout
	Footer Layout
	Classes
  
---------------------------------------------------------*/


/* Body/Container
--------------------------------------------------------------------------------------- */
body{background:url(../../img/blue_bg.gif) repeat-x top;}
/*
body.how-we-work {
	background:url(../../img/green_bg.gif) repeat-x top;
}
body.what-we-do {
	background:url(../../img/pink_bg.gif) repeat-x top;
}
body.get-involved {
	background:url(../../img/purple_bg.gif) repeat-x top;
}
*/
#container{
	min-width:780px;
	max-width:1250px;
	margin:0 auto; 
}


/* Header Layout
--------------------------------------------------------------------------------------- */
#masthead{
	color:#fff;
	font-size:1.2em;
	margin:0 auto; 
	padding:10px 0;
	width:96%;
}

#masthead a{color:#fff}

#masthead a.selected,
#masthead a:hover
{
	color:#ccc
}

#masthead .float_left img{margin:2px 0 -2px 0}

/*Search Form 
--------------*/
form#search{
	float:right; 
	margin-right:28px;	
}

form#search input{
	border:none; 
	margin:-1px 0 0 0;
}

form#search input.submit{
	border:none;
	margin:-1px 0 0 -1px;
}

/* Logo and Print Page, Email & Sign up for Newsletter
------------------------------------------------------ */
#logo{
	float:left;
	margin:10px 0 0 0;
	width:72%;
}

#print{
	float:left;
	margin:10px 0 0 1%;
	width:27%;
}

#print a.print, #print a.email{	
	color:#000;
	display:block;
	float:left;
	font-size:0.916em;
	height:20px;
	margin:5px;
	padding:10px 0 0 17px;
	width:60px;
}

#print a.print
{
	background: url(../../img/print_icon.gif) no-repeat left;
}
#print a.print:hover 
{
	background-image: url(../../img/print_icon_over.gif);
	color: #666
}

#print a.email
{
	background:url(../../img/mouse_icon.gif) no-repeat left;
	padding:10px 0 0 24px;
	width:80px;
}
#print a.email:hover
{
	background-image: url(../../img/mouse_icon_over.gif);
	color: #666
}

#print a.newsletter{
	background:#333 url(../../img/arrow.gif) no-repeat right;
	clear:both;	
	color:#fff;
	display:block;
	font-size:1em;
	font-weight:bold;
	margin:0 5px;
	padding:5px 15px 5px 5px;
	width:165px;
}
#print a.newsletter:hover 
{
	background-color: #999
}


/* Middle Layout
--------------------------------------------------------------------------------------- */
#content{
	margin:10px auto; 
	width:96%;
}

/* Left Column
-------------- */
#left_col{
	clear:both;
	float:left;	 
	min-height:200px; 
	width:24%;
}

/* Middle Column
-------------- */
#mid_col, #mid_col_index{
	color:#858585;
	float:left;
	font-size:0.9em;
	min-height:250px; 
	margin:20px 0 0 0;
	text-align:right;
	width:48%;
}
#mid_col 
{
	padding-bottom: 40px
}

#mid_col ul
{
	margin-left: 40px;
}
#mid_col li {
	font-size: 1.1em;
	margin: 0 0 4px 0
}


#mid_col_index{width:72%;}

#mid_col_index a
{
	color: #16A3C5
}
#mid_col p.intro{
	color:#16a3c5;
	font-size:1.8em;
	font-weight:bold;
	margin:15px 0 0 0;
}

body.how-we-work #mid_col p.intro {
	color: #65b51f;
}
body.what-we-do #mid_col p.intro {
	color: #b51984;
}
body.get-involved #mid_col p.intro {
	color: #494987;
}


#mid_col p,
#mid_col li{
	line-height:1.3em;
}

#mid_col a {
	color:#16a3c5;
	text-decoration:underline;
}
body.how-we-work #mid_col a
{
	color: #65b51f;
}
body.what-we-do #mid_col a
{
	color: #b51984;
}
body.get-involved #mid_col a
{
	color: #494987;
}



#mid_col h1 
{
	font-size: 2.9em;
	color: #16a3c5;
	margin: 0 0 10px 0
}
#mid_col h2 
{
	font-size: 1.8em;
	color: #16a3c5;
	line-height: 1.4em;
	margin: 0 0 12px 0;
	font-weight: bold
}
#mid_col h3 
{
	font-size: 1.4em;
	color: #16a3c5
}
#mid_col h4 
{
	font-size: 1.2em;
	color: #16a3c5;
	margin: 0
}

body.how-we-work #mid_col h1,
body.how-we-work #mid_col h2,
body.how-we-work #mid_col h3,
body.how-we-work #mid_col h4
{
	color: #65b51f;
}
body.what-we-do #mid_col h1,
body.what-we-do #mid_col h2,
body.what-we-do #mid_col h3,
body.what-we-do #mid_col h4
{
	color: #b51984;
}
body.get-involved #mid_col h1,
body.get-involved #mid_col h2,
body.get-involved #mid_col h3,
body.get-involved #mid_col h4
{
	color: #494987;
}

.float-image-left 
{
	float: left;
	margin: 0 18px 18px 0
}

img.align-image-right {
	float: right;
	margin: 0 0 5px 5px
}
img.align-image-left {
	float: left;
	margin: 0 5px 5px 0
}




/* Right Column
-------------- */
#right_col{
	float:left;
	margin:20px 0 20px 1%;
	width:23%;
	background-color:#fff;
}

/* News Section 
---------------- */
#news{
	font-size:1.2em; 
	margin:0 0 0 10px
}

#news h2{
	color:#16a3c5;
	font-size:1em;
	font-weight:bold;
}
#news a{
	color:#16a3c5;
	text-decoration:underline;
}


body.how-we-work #news a,
body.how-we-work #news h2 {
	color: #65b51f;
}
body.what-we-do #news a,
body.what-we-do #news h2 {
	color: #b51984;
}
body.get-involved #news a,
body.get-involved #news h2 {
	color: #494987;
}




#news a:hover {
	color:#999;
}

#news ul{
	font-size:1em;
	list-style:none;
	margin:15px 0 0 0;
	width:80%;
}

#news ul li{
	line-height:1.4em;
	padding:5px 0; 
}

#news ul a {
	background:url(../../img/arrow_blue.gif) no-repeat left 5px;
	display:block;
	padding:0 0 0 15px;	
}

body.how-we-work #news ul a {
	background:url(../../img/arrow_green.gif) no-repeat left 5px;
}
body.what-we-do #news ul a {
	background:url(../../img/arrow_pink.gif) no-repeat left 5px;
}
body.get-involved #news ul a {
	background:url(../../img/arrow_purple.gif) no-repeat left 5px;
}



#news ul a:hover {
	background-image: url(../../img/arrow_blue_over.gif);
	color: #ababab
}
body.how-we-work #news ul a:hover {
	background-image: url(../../img/arrow_green_over.gif);
}
body.what-we-do #news ul a:hover {
	background-image: url(../../img/arrow_pink_over.gif);
}
body.get-involved #news ul a:hover {
	background-image: url(../../img/arrow_purple_over.gif);
}

/* Article in Right hand Column
------------------------------- */
#right_col .article{	
	margin: 10px 0 10px 10px;
	padding:10px;
	width:95%;
}

#right_col .article{border:1px dashed #16a3c5;}

body.how-we-work #right_col .article {
	border-color: #65b51f;
}
body.what-we-do #right_col .article {
	border-color: #b51984;
}
body.get-involved #right_col .article {
	border-color: #494987;
}


#right_col .article img{	
	float:left;
	padding:0 5px 0 0;
}

#right_col .article h3{font-size:1.2em;}

#right_col .article a{
	font-weight:bold;
	line-height:normal;
	text-decoration:underline
}

#right_col .article a{color:#16a3c5;}

body.how-we-work #right_col .article a {
	color: #65b51f;
}
body.what-we-do #right_col .article a {
	color: #b51984;
}
body.get-involved #right_col .article a {
	color: #494987;
}


#right_col .article a:hover{color:#666;}


/* Footer Layout
--------------------------------------------------------------------------------------- */
#footer{
	width:98%;
	clear:left
}

#footer ul{
	color:#333;
	padding:35px 0 20px 0;
}

#footer ul li{display:inline;}
#footer ul a{padding:0 5px;}

#footer a{color:#333;}
#footer a:hover{color:#999;}
#footer p{font-size:1.1em;}

#footer p.reg_office{
	color:#666;
	float:left;
	width:75%
}
#footer p.reg_office a 
{
	color: #16a3c5
}
#footer p.reg_office a:hover
{
	color: #999
}
#footer p.site{
	color:#333;
	float:right
}

#footer p.site a{color:#cb0098}
#footer p.site a:hover{color:#999}

/* Classes
--------------------------------------------------------------------------------------- */
.float_left{float:left}
.float_right{float:right}
.clear{clear:both}
.blue{color:#4ebbd5}
.higlight-color{color:#4ebbd5}


body.how-we-work .higlight-color {
	color: #65b51f;
}
body.what-we-do .higlight-color {
	color: #b51984;
}
body.get-involved .higlight-color {
	color: #494987;
}













table 
{
	width: 100%
}
td 
{
	vertical-align: top;
	text-align: left
}





#mid_col p
{
	font-size: 1.3em
}
#mid_col ol li p
{
	font-size: 1.1em
}




.people 
{
	clear: left;
}
.people p 
{
	margin: 0;
	padding: 0
}




















/* - - - - - - CSS Document - - - - - - - - -

Title : Global style sheet for client-side web development
Author : Cody Lindley 

- - - - - - - - - - - - - - - - - - - - - */

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	position: absolute;
	z-index:101;
	left:-12px;
	height:0;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	position: absolute;
	z-index:101;
	height:0;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #17a3c6;
	background-color: #fff;
}

#JT_copy{
	padding: 10px;
}

.JT_loader{
	background-image: url(../../img/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}





















.pics 
{
	width: 533px;
	height: 200px;
	padding: 0;
	margin: 0;
	text-align: right;
	overflow: hidden
}
.pics 
{
	float: right
}
pre 
{
	display: none
}