/*___________________   GEAR Projects / General Styles */

* {
	margin:0;
	padding:0;
}

body {
	padding:0;
	margin-top:20px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: url(../images/bg_grad.jpg) repeat-x;
	background-position: bottom;
	font-size: 80%;
	line-height: 1.4em;
	color: #FFF;
}


h1	{
	font-size: 1.8em;
	padding:0;
}

h2	{
	font-size: 1.3em;
	line-height: 1.2em;
}

h3	{
	font-size: 1.2em;
	color: #000;
	font-weight: bold;
}

h4	{
	font-size: 1em;
	line-height: 1.em;
	margin-bottom: 4px;
	clear:both;
}

p	{
	margin: 0;
	padding: 0 0 0.8em 0;
}


ul, ol	{
	padding:0;
	position:relative;
}


a, a.visited {
	color: #FFF;
	text-decoration: underline;
}

a:hover, a.selected	{
	text-decoration: none;
	color:#000;
	
}

/* Contentwrappers */

#pagewrapper	{
	width: 753px;
	margin:auto;
}

#utilities	{
	float:right;
	margin: 0 0 11px 0;
}

#headwrapper	{
	float:left;
	width: 500px;
	margin-left: 26px;
}

.logo	{
	float:left;
	margin: -25px 0 0 60px;
}

#tabs	{
	clear:right;
	float:right;
	width: 500px;
}


#contentwrapper	{
	background: #000 url(../images/bg_img_main.jpg) no-repeat 0 -30px;
	width: 753px;
	clear:both;
	overflow: hidden;
	padding: 20px 0 20px 0;
}

.howwehelp #contentwrapper	{
	background: #000 url(../images/bg_img_howehelp.jpg) no-repeat 0 -30px;
}

.howyouhelp #contentwrapper	{
	background: #000 url(../images/bg_img_howyouhelp.jpg) no-repeat 0 -30px;
}

.about #contentwrapper	{
	background: #000 url(../images/bg_img_about.jpg) no-repeat 0 -30px;
}


#maincontent	{
	clear: both;
	padding:  20px 30px 35px 30px;
}

#all #maincontent	{
	padding-top:  50px;
}

.leftwrapper	{
	float:left;
	width: 200px;
	padding-right:20px;

}

.midwrapper	{
	float:left;
	width: 200px;
	margin: 115px 0 0 20px;

}

* html .midwrapper	{
	margin-left: 0px

}


.rightwrapper	{
	float:left;
	width: 223px;
	margin: 162px 10px 0 20px;

}

#all .rightwrapper	{
	width:443px;
	margin: 70px 10px 0 20px;
}

/* Used on index pages */

.leftbar	{
	float: left;
	width: 45%;
	margin: 20px 20px 20px 0;
}

.rightbar	{
	float: left;
	width: 45%;
	margin: 20px 10px 0 0;
}

/* Used on pages without left menus */
.mainwrapper	{
	margin: 100px 10px 20px 240px;
}

/* Used on sub-pages */
.main	{
	margin: 20px 0 0 0;
}

.mainimg	{
	margin: 20px 20px 10px 0;
	float: left;
}

.initial {
	margin-top: 20px;
}

/* Internal links */

a.internalink	{
	color: #FFF;
	text-decoration: underline;
	display:block;
	padding: 2px 2px 2px 17px;
	float:left;
	margin: 0 2px;
	background: url(../images/bullet.gif) no-repeat 2px 50%;
}

a.internalink:hover	{
	color: #000;
	background: #FFF url(../images/bullet.gif) no-repeat 2px 50%;;
	text-decoration: none;
	font-weight: bold;
}


a.inverse, a.newslink {
	color: #000;
	text-decoration: underline;
	display:block;
	padding: 2px;
	overflow: visible;
	float:left;
}

a.inverse:hover, a.newslink:hover	{
	color: #FFF;
	background: #000;
	text-decoration: none;
}



a.mainlink {
	color: #000;
	text-decoration: underline;
}

a.mainlink:hover {
	color: #666;
	text-decoration: none;
}

a.lightlink {
	color: #FFF;
	text-decoration: underline;
}

a.lightlink:hover {
	color: #CCC;
	text-decoration: none;
}

a.highlight1, a.highlight2	{
	padding:2px;
}

/* Pink Link */
a.highlight1:hover {
	background: #C3C;
}
/* Goldlink */
a.highlight2:hover {
	background: #FC0;
}

/* Pink Text */
.text1	{
	color: #C3C;
	font-weight: bold;
}
/* Gold Text */
.text2	{
	color: #FC0;
	font-weight: bold;
}

/* White Text */
.text3	{
	color: #FFF;
	font-weight: bold;
}

/* Black Text */
.text4	{
	color: #000;
	font-weight: bold;
}
.key	{
	text-decoration:underline;
}

.maintitle	{
	font-size: 1.8em;
	margin-bottom: 12px;
}

.midtitle	{
	font-size: 1.4em;
}

.minititle	{
	font-size: 1.3em;
}

.blocktitle	{
	display: block;
	padding: 5px 10px;
	background: #2C1F2C url(../images/bg_grad03.jpg) repeat-x bottom;
	color:#FFF;
	border: 1px solid #000;
}
.mail	{
	background: url(../images/icon_mail.gif) no-repeat 0 3px;
	padding: 2px 23px;
}

.clear	{
	clear: both;
}
.summary	{
	font-size: 1.1em;
	margin: 5px 0;
}
a.imglink img, a.imglink:hover img	{
	border: none;
}
.hidden	{
	text-indent: -8000px;
}


.divide	{
	border-bottom: 1px solid #FFF;
}

#all .divide	{
	border: none;
	border-right: 1px solid #FFF
}


/*Navigation/Menus/Lists */


#utilities ul li	{
	float:left;
	display:block;
	padding: 0 2px;
	font-size: 90%;
	line-height: 1.1em;
}

#utilities ul li a	{
	color:#333;
	margin:0;
	text-decoration: underline;
}
#utilities ul li a:hover	{
	color:#999;
	text-decoration: none;
}


#tabs li	{
	list-style-type: none;
	background: url(../images/tabs_right_off.jpg) no-repeat right top;
	margin-right: 2px;
	padding:0;
	display:block;
	float:left;
}

#tabs li a	{
	background: url(../images/tabs_left_off.jpg) no-repeat left top;
	padding:5px 10px;
	color: #333;
	font-weight: bold;
	display:block;
	float:left;
	text-decoration: none;
	margin:0;
}

#tabs a:hover	{
	color: #666;
}

#tabs li.selected	{
	background: url(../images/tabs_right_on.jpg) no-repeat right top;
	float:left;
	display:block;
}

#tabs li.selected a	{
	background: url(../images/tabs_left_on.jpg) no-repeat left top;
	color: #FFF;
}


ul.navlinks	{
	float:right;
	clear: both;
	list-style-type: none;
	margin:2px 0;
}

ul.navlinks li	{
	display:inline;
}

ul.navlinks li a {
	display:block;
	float:left;
	text-decoration: none;
}

ul.nobullets	{
	list-style-type: none;
	margin:10px 0;
}
ul.listlinks, ul.listlinks0, ul.listlinks1, ul.listlinks2, ol.listlinks	{
	clear: both;
	list-style-type: none;
	display: block;
	line-height: 1.8em;
	padding-bottom: 10px;
}

ul.listlinks a, ul.listlinks0 a,, ul.listlinks1 a, ul.listlinks2 a,
ul.listlinks a:hover, ul.listlinks0 a:hover,, ul.listlinks1 a:hover, ul.listlinks2 a:hover	{
	padding:2px 4px;
}
/* Mainlinks*/

ul.listlinks li, ul.listlinks0 li {
	background: url(../images/bullet.gif) no-repeat left;
	padding-left: 16px;
}

ul.listlinks li ul {
	list-style-type: none;
}

ul.listlinks li a {
	color: #000;
}

ul.listlinks li a:hover  {
	background: #000;
	color:#FFF;
}

ul.listlinks0 li a {
	color: #FFF;
	text-decoration: underline;
}

ul.listlinks0 li a:hover, ul.listlinks0 li a.selected {
	background: #FFF;
	color:#000;
	font-weight: bold;
}

ul.inverse li a {
	color: #FFF;
}


/* Pinklinks*/
ul.listlinks1 li {
	background: url(../images/bullet1.gif) no-repeat left;
	padding-left: 16px;
}


ul.listlinks1 li a:hover, ul.listlinks1 li a.selected  {
	background: #C3C;
	font-weight:bold;
}

/* Goldlinks*/
ul.listlinks2 li {
	background: url(../images/bullet2.gif) no-repeat left;
	padding-left: 16px;
}


ul.listlinks2 li a:hover, ul.listlinks2 li a.selected {
	background: #FC0;
	font-weight:bold;
}

ul.sidemenu	{
	margin:0;
	list-style-type: none;
}

ul.sidemenu li	{
	margin-bottom: 1px;
	line-height: 1.2em;
	padding: 6px 0;
	border-left: 10px solid #CCC;
	border-bottom: 1px solid #999;
	background: url(../images/bg_grad_grey.gif) repeat-x 0 bottom;
}

ul.sidemenu li a	{
	background: url(../images/icon_menu_off.gif) no-repeat 5px 2px;
	padding-left: 20px;
	text-decoration: none;
	font-size: 0.9em;
}

ul.sidemenu li a.selected	{
	background: url(../images/icon_menu_on.gif) no-repeat 5px 3px;
	padding-left: 20px;
	font-weight:bold;
}

ol.list	{
	margin-left: 15px;
}

ol.list li	{
	margin: 12px 0;
}

/* Specific Sections - Home */

#home .leftwrapper h2.minititle {
	margin-left: 20px;
}

.intro_howwehelp {
	background: url(../images/bg_howwehelp.gif) no-repeat;
	height: 90px;
	color: #666;
	padding: 10px 50px 4px 20px;
	width: 157px;
}

.intro_howwehelp p {
	font-weight: bold;
}

.projects_head {
	background: url(../images/bg_projects_top.gif) no-repeat top;
	color: #666;
	height: 12px;
	width: 197px;
	padding:0;
}

* html .projects_head {
	margin-bottom: -4px;
}

* html .projects_foot {
	margin-top: -4px;
}
.intro_projects	{
	background: #FFF url(../images/bg_grad_cccfff.gif) repeat-x bottom;
	width: 172px;
	padding: 4px 5px 6px 20px;
	margin:0;
	overflow:hidden;
}

.listimage	{
	float:left;
	width: 61px;
	clear:both;
	margin-right: 6px;
	margin-bottom: 5px;
}

.projectinfo {
	float: left;
	width: 105px;
	color: #000;
}

.projectinfo p {
	clear: left;
}


.projects_foot {
	background: url(../images/bg_projects_bottom.gif) no-repeat bottom;
	height: 13px;
	width: 197px;
	padding:0;
	margin:0;
}

#home .midwrapper	h3	{
	margin-top: 10px;
}

.signup	{
	padding: 5px 10px;
	background: #2C1F2C url(../images/bg_grad03.jpg) repeat-x bottom;
	color:#FFF;
	border: 1px solid #000;
	margin-top: 2px;
}

.signup	.inputext	{
	width: 10em;
	margin-bottom: 2px;
}


/* How we help */

.leftwrapper ul, .leftwrapper h2	{
	margin-left: 20px;
}
#all h2.facthead	{
	margin-top: 10px;
}
.fact	{
	background: #FFF url(../images/bg_gradcf.jpg) repeat-x bottom;
	width: 172px;
	padding: 4px 5px 6px 20px;
	margin:0;
	overflow:hidden;
}

.fact p	{
	padding: 0 10px 10px 0;
	color: #000;
	font-size: 1.2em;
}




/* Content wrappers / Footer */

ul.footlinks	{
	clear: both;
	list-style-type: none;
	margin: 0 30px;
	background: #000;
	padding: 25px 0 10px 0;
}

ul.footlinks li	{
	display:inline;
	margin-bottom: 5px;

}

ul.footlinks li a{
	text-decoration: underline;
	margin: 0 5px;
	padding: 2px 12px 2px 2px;
	border-right: 1px solid #FFF;
}

ul.footlinks li a:hover {
	text-decoration: none;
	color:#FFF;
}

#footerwrapper	{
	clear: both;
	background: #999;
	padding: 10px 30px 5px 30px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	color: #000;
	margin-bottom: 30px;
}

/*___________________  / Form Styles */


.formlabel	{
	clear: both;
	display: block;
	foat:left;
	padding: 5px 0;
}

.component	{
	clear:both;
	margin-bottom: 10px;
}

.submit	{
	background:  url(../images/bg_grad_cccfff.gif) repeat-x 20px;
	clear: both;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #666;
	border-left: 1px solid #CCC;
	border-right: 1px solid #666;
	padding: 2px 2px 4px 2px;
	margin: 8px 0;
	display: block;
}

textarea.smlcontent	{
	width: 350px;
	height: 6em;
}