/* @override 
	http://actionfactory.org/css/layout.css
	http://www.actionfactory.org.uk/2008/css/layout.css
*/

body {
	font-size: 1em;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background: #f26b32 url(../images/bg_orangefade.jpg) repeat-x;
}

/* @group areas new */

#areaWelcome, #areaServices, #areaAbout,
#areaArts, #areaEvents, #areaProjects,
#areaVolunteers, #areaGalleries {
	width: 148px;
	height: 90px;
	display: block;
	float: left;
	clear: left;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -999px;
}

#areaWelcome {
	background: url(../images/pink_welcome.gif) no-repeat;
}

#areaServices {
	background: url(../images/pink_welcome.gif) no-repeat;
}

#areaAbout {
	background: url(../images/pink_welcome.gif) no-repeat;
}

#areaArts {
	background: url(../images/pink_welcome.gif) no-repeat;
}

#areaEvents {
	background: url(../images/pink_welcome.gif) no-repeat;
}

#areaProjects {
	background: url(../images/pink_welcome.gif) no-repeat;
}

#areaVolunteers {
	background: url(../images/pink_welcome.gif) no-repeat;
}

#areaGalleries {
	background: url(../images/pink_welcome.gif) no-repeat;
}

/* @end */

#mast {
	width: 756px;
	height: 155px;
	background: #ffffff;
	display: block;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	display: block;
	text-align: center;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
}
* html #mast {
    width: 776px; /* for IE5 and IE6 in quirks mode */
    w\idth: 756px; /* for IE6 in standards mode */
    height: 155px;
    h\eight: 145px;
  }

#wrapper {
	display: block;
	margin: 0px auto 0px;
	text-align: left;
	padding: 0px;
	background-color: #fff;
	width: 764px;
}

#logo-old {
	background: url(../images/action_factory_logo.gif) no-repeat;
	display: block;
	width: 148px;
	height: 55px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	text-indent: -999px;
}

#logo {
	background: url(../images/action_factory_logo08.gif) no-repeat;
	display: block;
	width: 148px;
	height: 170px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	text-indent: -999px;
	position: absolute;
	top: 0;
	left: 0;
}

#nav {
	width: 430px;
	height: 55px;
	margin-right: 10px;
	margin-bottom: 10px;
	display: block;
	float: left;
}

#search {
	background: url(../images/search_bg.gif) no-repeat;
	font: 0.9em/100% Arial, Helvetica, sans-serif;
	height: 55px;
	margin-bottom: 10px;
	float: left;
	text-align: center;
	overflow: hidden;
	width: 138px;
}

#artWorkers {
	background: url(../images/arts_workers.gif) no-repeat;
	width: 148px;
	height: 90px;
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -999px;
	clear: left;
	float: left;
}

#pinkWelcome {
	background: url(../images/pink_welcome.gif) no-repeat;
	width: 148px;
	height: 90px;
	display: block;
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -999px;
}

#pinkServices {
	background: url(../images/pink_services.gif) no-repeat;
	width: 148px;
	height: 90px;
	display: block;
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -999px;
}

#pinkAbout {
	background: url(../images/pink_about_us.gif) no-repeat;
	width: 148px;
	height: 90px;
	display: block;
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -999px;
}

#pinkArts {
	background: url(../images/pink_arts_workers.gif) no-repeat;
	width: 148px;
	height: 90px;
	display: block;
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -999px;
}

#pinkEvents {
	background: url(../images/pink_events.gif) no-repeat;
	width: 148px;
	height: 90px;
	display: block;
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -999px;
}

#pinkProjects {
	background: url(../images/pink_projects.gif) no-repeat;
	width: 148px;
	height: 90px;
	display: block;
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -999px;
}

#pinkVolunteers {
	background: url(../images/pink_volunteers.gif) no-repeat;
	width: 148px;
	height: 90px;
	display: block;
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -999px;
}

#pinkGalleries {
	background: url(../images/pink_galleries.gif) no-repeat;
	width: 148px;
	height: 90px;
	display: block;
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -999px;
}

#row2col3 {
	height: 90px;
	display: block;
	float: left;
	margin-bottom: 10px;
	text-align: right;
	width: 138px;
}

#spacer {
	width: 9px;
	height: 90px;
	display: block;
	float: left;
}

#columns {
	clear: both;
}

#leftCol {
	background: url(../images/leftCol.gif) no-repeat;
	width: 148px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0;
	margin-top: 0;
	float: left;
}

#midCol {
	width: 430px;
	display: block;
	float: left;
	color: #000000;
	font: 80%/130% Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0 10px 10px 0;
}

#rightCol {
	width: 138px;
	display: block;
	float: left;
	background: #ffffff;
	margin: 0;
	padding: 0;
}

#affiliates {
	width: 148px;
	display: block;
	padding-top: 5px;
	padding-bottom: 2px;
	background: #ffffff;
	margin-top: 20px;
}

.affilBox {
	background: #dfdfdf;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	margin-top: 1px;
	color: #878787;
	font: 0.6em Arial, Helvetica, sans-serif;
}
#midCol .imgRT2col {
	width: 430px;
	overflow: hidden;
	text-align: right;
	background: #e9e9e8 url(../images/tear_vert_lgreen.gif) repeat-y;
	display: block;
	height: 185px;
}

#midCol .imgRT2col img {
	background: #fff;
	padding-left: 10px;
}

#creative {
	width: 430px;
	height: 51px;
	margin-top: -10px;
	margin-bottom: 10px;
	display: block;
	float: left;
	color: #000000;
	padding: 0;

}

#header {
	height: 238px;
	display: block;
	position: relative;
	width: 736px;
	margin-bottom: 10px;
	overflow: hidden;
}

#surround {
	background: url(../images/background-with-shadow.png) repeat-y;
	margin-right: auto;
	margin-left: auto;
	width: 806px;
	text-align: left;
}

#currentArea {
	position: absolute;
	top: 170px;
	left: 0;
	width: 148px;
	height: 68px;
	background-color: #fba927;
}

#midPic {
	position: absolute;
	top: 170px;
	left: 158px;
	width: 430px;
	height: 68px;
	overflow: hidden;
	background-color: #dfdfdf;
}

#header #search {
	position: absolute;
	top: 62px;
	right: 0;
	width: 140px;
	height: 70px;
	background: url(../images/search_bg08.gif) no-repeat;
}

#contactUs {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 138px;
	height: 68px;
}

#columns, #header {
	margin-right: 14px;
	margin-left: 14px;
}