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

version:   1.0
author:    jamie knight
email:     jamie@jkg3.com
website:   www.jkg3.com
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}


/*set background color*/

body {

background:url(../images/brandingBackground.jpg) top left repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0C0C0C;


}

#wrapper {

width:750px;
margin-left:auto;
margin-right:auto;

}


/* =Typography
-----------------------------------------------------------------------------*/

#mainContent {

	font-size:14px;
	line-height:130%;
	
	}
	
#mainContent li {

	margin-left:25px;
	
	}
	
#newsAndJournal h3 {

	color:#92A3BD;
	font-size:18px;
	border-bottom:dotted 1px #CCCCCC;

	}
	
#newsAndJournal p {

	padding-left:80px;
	width:260px;
	
	}
	
#journalExtract {

	background:url(/images/journaIcon.gif) 0px 40px no-repeat;
	
	}
	
#news {

	background:transparent url(/images/newsIcon.gif) 0px 40px no-repeat;
	
	}

#newsAndJournal .readMore {	

	padding-left:280px;
	
	}

.readMore a {

	color:#92A3BD;
	text-decoration:none;
	
	}
	
#AdvocateHeader {

	background: url(../images/download.jpg) top left;
	width: 100%;
	height:262px;
	margin-top:0px;
	padding:0px;

	
	}
	
#JournalHeader {

	background:url(../images/journalHeader.jpg) top left;
	margin-left:auto;
	margin-right:auto;
	width:394px;
	text-indent:-5000px;
	height:262px;
	margin-top:0px;
	padding:0px;
	
	}
	



/* =Headings
-----------------------------------------------------------------------------*/
h1, h2, h3 {
	font-weight: normal;
}


h1 {

	font-size: 22px;
}

h3 {
	font-size:16px;
	margin:0px;
}



/* =Links LOVE HA - Links, Visited Hover Active
-----------------------------------------------------------------------------*/


/* =Branding
-----------------------------------------------------------------------------*/

#branding {

width:747px;
height:220px;
background:url(../images/branding.jpg);
padding-top:0px;
margin-top:0px;
margin-bottom:10px;

}

h1 {

text-indent:-5000px;
margin:0px;
padding:0px;

}

blockquote {

width:355px;
margin-top:14px;
height:150px;
padding-left:165px;
font-size:15px;
color:#FFFFFF;
padding-bottom:0px;
margin-bottom:5px;
font-family: Lucia Sans, Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:100;


}

#branding ul {

	width:556px;
	margin-left:170px;
	margin-top:0px;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
}

#branding li {

	display:inline;
	padding-left:16px;
	
	}
	
#branding a, a:visited {

	color:#FFFFFF;
	text-decoration:none;
	
	}

#branding a:hover {

	color:#222222;
	text-decoration:none;
	
	}	

	

	
	
/* =Main Nav
-----------------------------------------------------------------------------*/

#mainContent {

width:450px;
float:left;
font-size:14px;
line-height:150%;
margin-bottom:20px;



}

#content {

	width:705px;
	margin-left:auto;
	margin-right:auto;
	
	}


/* =Sub Nav
-----------------------------------------------------------------------------*/

#subContent {

	width:220px;
	float:right;
	margin-bottom:20px;

}

	
#subContent li {

	list-style:none;
	padding-left:25px;
	background:url(../images/page_white.png) left no-repeat;
	padding-top:0px;
	margin-top:5px;
	
	}
	
#subContent a, #subContent a:visited {
 
	text-decoration:none;
	height:100%;
	width:100%;
	display:block;
	color:#333333;
	
	}
	
#mainContent a, #mainContent a:visited {
 
	text-decoration:none;
	color:#666666;
	
	}
	
#MazeLife , #YourVoiceYourRights , #SupportThroughTheMaze , #MazeTricks {

	height:250px;
	
	}


/* =Main Content
-----------------------------------------------------------------------------*/

#ToolKitInfo, #AboutTheTools {

	width:740px;
	margin-left:auto;
	margin-right:auto;
	
	}
	
#AboutTheKit {

	float:left;
	width:340px;
	
	}
	
#TookKitTips {

	width:340px;
	float:right;
	padding-right:40px;
	
	}
	
#TookKitTips li {

	list-style:none;
	padding-left:25px;
	background:url(../images/page_white.png) left top no-repeat;
	padding-top:0px;
	margin-top:5px;

}
#AboutTheTools {

	clear:both;
	margin-bottom:40px;
	
	} 
	
.tool {

width:340px;
float:left;
margin-right:30px;
height:160px;

}

.tool h4 {

	background:url(../images/ToolLinkBG.jpg) top left no-repeat;
	height:31px;
	padding-top:4px;
	padding-left:50px;
	font-size:14px;
	
	}
	
.tool a {

	color:#000000;
	text-decoration:none;
	font-weight:100;
	
	}

.tool h4 a {

	display:block;
	width:100%;
	height:100%;
	
	}
	
#mainContent h3, #subContent h3 {

	font-size:18px;
	color:#92A3BD;
	padding-bottom:4px;
	border-bottom:dotted 1px #CCCCCC;
	
	}


/* =Secondary Content
-----------------------------------------------------------------------------*/

#MazeLife {

	width:180px;
	background:#B27F44 url(../images/BrownPerson.gif) bottom left no-repeat;
	padding-bottom:20px;

	

	
	}
	
#MazeLife h3 {

	font-size:20px;
	color:#FFFFFF;
	padding-left:20px;
	background:url(../images/BrownTop.gif) top left no-repeat;
	padding-top:10px;
	
	}
	
	
#YourVoiceYourRights {

	width:180px;
	background:#B490B9 url(../images/purplePerson.gif) bottom left no-repeat;
	padding-bottom:20px;
	margin-bottom:20px;
	

	
	}
	
#YourVoiceYourRights h3 {

	font-size:20px;
	color:#FFFFFF;
	padding-left:20px;
	background:url(../images/purpleTop.gif) top left no-repeat;
	padding-top:10px;
	
	}
	
#SupportThroughTheMaze {

	width:180px;
	background:#95BE8D url(../images/greenPerson.gif) bottom left no-repeat;
	padding-bottom:20px;
	
	}
	
#SupportThroughTheMaze h3 {

	font-size:20px;
	color:#FFFFFF;
	padding-left:20px;
	background:url(../images/greenTop.gif) top left no-repeat;
	padding-top:10px;
	
	}
	
#MazeTricks {

	width:180px;
	background:#92A3BD url(../images/bluePerson.gif) bottom left no-repeat;
	padding-bottom:20px;
	
	}
	
#MazeTricks h3 {

	font-size:20px;
	color:#FFFFFF;
	padding-left:20px;
	background:url(../images/blueTop.gif) top left no-repeat;
	padding-top:10px;
	
	}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {

	clear:both;
	background: url(../images/fotterGrdient.jpg) repeat-x left top;
	margin-top:20px;
	height:350px;
	font-size:14px;
}

#PopularContent, #AboutMaze, #AboutInfo {

	width:240px;
	float:left;
	margin:10px;
	
	}

#siteInfo {

	width:780px;
	margin-left:auto;
	margin-right:auto;
	
	}
	
#footer h3 {

	font-size:18px;
	color:#92A3BD;
	padding-bottom:4px;
	border-bottom:dotted 1px #CCCCCC;
	
	}

#AboutMaze img {

	margin:0px 10px 0px 0px;
	float:left;
	
	}
	
#footer li {

	list-style:none;
	padding-left:25px;
	background:url(../images/page_white.png) left no-repeat;
	padding-top:0px;
	margin-top:5px;
	
	}
	
#footer a  {

	text-decoration:none;
	color:#333333;
	
	}
	
#footer a;visited {

	text-decoration:none;
	color:#333333;
	
	}
		


/* =Forms
-----------------------------------------------------------------------------*/



/* Removes fieldset borders. even on Opea 7 */


/* =Tables
-----------------------------------------------------------------------------*/




/* =layout
-----------------------------------------------------------------------------*/

#ToolKitInfo h3 {

	font-size:18px;
	color:#92A3BD;
	padding-bottom:4px;
	border-bottom:dotted 1px #CCCCCC;
	
	}
	
#AboutTheTools h3 {

	font-size:18px;
	color:#92A3BD;
	padding-bottom:4px;
	border-bottom:dotted 1px #CCCCCC;
	
	}

/* =icons 
-----------------------------------------------------------------------------*/

#archiveLink {

	background:url(../images/archiveButton.jpg) top left no-repeat;
	width:214px;
	height:35px;
	padding-left:40px;
	font-size:18px;
	color:#FFFFFF;
	padding-top:5px;

	}
	
#archiveLink a {

	color:#FFFFFF;
	
	
	}
	


/* =comment
----------------------------------------------------------------------------- */

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

version: 0.2
author: Jamie Knight
contact: jamie@jkg3.com

info:This stysheet contains the infomation specific to the homepage

Please feel free to learn from this code. Do not copy this code in whole, if you wish for a copy of this code, or any explanation plese contact me at the above adress. 
----------------------------------*/



/* =Comments
-----------------------------------------------------------------------------*/


#comments h3 {

	width:450px;
	height:22px;
	border-bottom:#E3F3F3 2px dotted;
	margin:0px 0px 5px;

}

input, textarea {

	font-size: 16px;
	width:410px;

}



#txpCommentInputForm label {

	width:190px;
	
	float: left;

}



#txpCommentInputForm {

	width:190px;
	
	margin: 2em 0;

}


.contentHolder {

	background:url(../images/commentBG.gif) top left repeat-y;
	margin-top:20px;
	
	}

.name {

	background:url(../images/commentfoot.gif) top left no-repeat;
	height:62px;
	
	}
	
.comment {

	background:url(../images/commentTop.gif) top left no-repeat;
	padding-top:5px;
	
	}

.comment p {

	width:92%;
	margin-left:auto;
	margin-right:auto;
	
	}
	
.name p {

	padding-top:20px;
	padding-left:75px;
	color:#FFFFFF;
	
	}
	
.name a {

	color:#333333;
	text-decoration:none;
	
	}
	
#proLink {

	background:url(../images/ProIcon.gif) top left no-repeat;
	padding-left:20px;
	padding-top:0px;
	margin-left:10px;
	
	}