﻿body {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0;
	padding: 0; 
	background: #efefef url(Images/bg.gif) repeat-x top left;
	text-align: left;
	font-size: 11px;
	}
a:link, a:visited {
	color: #014991;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	}
	a:hover {
		color: #111;
		font-size: 11px;
		}	

a img {
	border: none;
	}

.SectionHeader
{
	//* Controls the section header right under the 1st table and active login info *//
    COLOR: #666666;
    font-weight: normal;
	font-size: 32px;
	line-height: 32px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}
.HeaderBorder
{
	//* Controls the borders in the very top table of menu options *//
	BORDER: #005DA2 1pt solid;
	BORDER-RIGHT: #005DA2 1pt solid;
	BORDER-TOP: #005DA2 1pt solid;
	BORDER-LEFT: #005DA2 1pt solid;
	BORDER-BOTTOM: #005DA2 1pt solid
}
.HeaderR1Cell1
{
	//* Controls the cell of the menu table *//
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BORDER-BOTTOM: #005DA2 1pt solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #EBEBEB;
    TEXT-ALIGN: center
}
.HeaderR1Cell
{
	//* Controls the cell of the menu table *//
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BORDER-LEFT: #005DA2 1pt solid;
    BORDER-BOTTOM: #005DA2 1pt solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #EBEBEB;
    TEXT-ALIGN: center
}
.HeaderR1ActiveCell
{
	//* Controls the active cell of the menu table *//
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #005DA2;
    TEXT-ALIGN: center
}
.SectionInformation
{
	//* Controls the sentences on the main page *//
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-VARIANT: normal
}
.InputBox
{
    WIDTH: 94%;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.HeaderR2
{
    FONT-SIZE: 9pt;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: right;
    BACKGROUND-COLOR: #FFFFFF;
}
.HeaderR2Link
{
	//* Controls the links in the second row of the main table *//
    COLOR: #005DA2;
    TEXT-DECORATION: none
}
.HeaderR2Link:hover
{
	//* Controls the links in the second row of the main menu table when hovering *//
    COLOR: #A4A4FF;
    TEXT-DECORATION: bold
}
.HeaderR2ActiveLink
{
	//* Controls the link to the section the user is in on row 2 *//
	FONT-SIZE: 9pt;
    FONT-WEIGHT: bolder;
    COLOR: #005DA2;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.HeaderR3Link
{
	//* Controls the logout button *//
    BORDER: #227698 1pt solid;
    BORDER-RIGHT: #227698 1pt solid;
    BORDER-TOP: #227698 1pt solid;
    BORDER-LEFT: #227698 1pt solid;
    BORDER-BOTTOM: #227698 1pt solid;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 7pt;
    WIDTH: 35pt;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center;
    COLOR: Red;
    TEXT-DECORATION: none
}
.HeaderR3Link:hover
{
	//* Controls hovering over the logout button *//
    COLOR: white;
    FONT-SIZE: 7pt;
    BACKGROUND-COLOR: #FF0000
}
.HeaderR1Link
{
    TEXT-DECORATION: none
}
.BodyBorder
{
	BORDER: #005DA2 1pt solid;
	BORDER-RIGHT: #005DA2 1pt solid;
	BORDER-TOP: #005DA2 1pt solid;
	BORDER-LEFT: #005DA2 1pt solid;
	BORDER-BOTTOM: #005DA2 1pt solid
}
.ResultCellEven
{
    BACKGROUND-COLOR: #E5E5E5
}
.ResultCellOdd
{
}
.WizardStepBorder
{
	//* Controls the border around the wizards like event and contact *//
    BORDER: #005DA2 1pt solid;
    BORDER-RIGHT: #005DA2 1pt solid;
    BORDER-TOP: #005DA2 1pt solid;
    BORDER-LEFT: #005DA2 1pt solid;
    BORDER-BOTTOM: #005DA2 1pt solid
}
.WizardStepIncomplete
{
	//* Controls the  *//
    COLOR: #005DA2;
    FONT-WEIGHT: bolder;
    BACKGROUND-COLOR: #E5E5E5;
    TEXT-ALIGN: center
}
.WizardStepComplete
{
	//* Controls the table cells for actions in the wizard that are complete *//
    COLOR: #385496;
    FONT-WEIGHT: bolder;
    BACKGROUND-COLOR: #EBEBEB;
    TEXT-ALIGN: center
}
.WizardStepActive
{
	//* Controls the active table cell for actions in the wizard that are complete *//
    FONT-WEIGHT: bolder;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #95ACC3;
    TEXT-ALIGN: center
			}
.WizardLink
{
	//* Controls the actual link on the cell for actions in the wizard that are complete *//
}
.DetailLink
{
    FONT-WEIGHT: bolder;
    COLOR: #005DA2;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.FormButton
{
	//* Controls the standard buttons on the forms *//
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    WIDTH: 60pt;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #005DA2
}
.FormButtonLarge
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    WIDTH: 125pt;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #005DA2
}
.SectionFunctionButton
{
    FONT-SIZE: 9pt;
    WIDTH: 50pt;
    COLOR: #005DA2;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: white
}
.SectionFunctionButtonLarge
{
	//* Controls the buttons on the event calendar *//
    FONT-SIZE: 9pt;
    WIDTH: 100pt;
    COLOR: #005DA2;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: white
}
.PageHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.NoRecordsReturnedBorder
{
	//* Controls the border around the table created when no records are found. ie-no broadcast messages. *//
    BORDER: #227698 1pt solid;
    BORDER-RIGHT: #227698 1pt solid;
    BORDER-TOP: #227698 1pt solid;
    BORDER-LEFT: #227698 1pt solid;
    BORDER-BOTTOM: #227698 1pt solid
}
.NoRecordsReturnedCell
{
	//* Controls the cell in the table created when no records are found. ie-no broadcast messages. *//
    FONT-WEIGHT: normal;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #cccccc;
    TEXT-ALIGN: center
}
.FormButtonRow
{
    TEXT-ALIGN: right
}
.SectionFunctionButtonRow
{
    TEXT-ALIGN: center
}
.InputBoxRequired
{
    WIDTH: 94%;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.InputBoxTextArea
{
    WIDTH: 94%;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.InputBoxNumber
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.InputBoxRequiredNumber
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.InputBoxDate
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.InputBoxRequiredDate
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.RequiredIndicator
{
    COLOR: red;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.ErrorInformationCell
{
	//* Controls the color of any messages we display. ie - on screen RSVP confirmations*//
    FONT-WEIGHT: bolder;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #2881A9;
    TEXT-ALIGN: center
}
.ErrorInformationBorder
{
	//* Controls the border around any messages we display. ie - on screen RSVP confirmations*//
    BORDER: #2987AB 1pt solid;
    BORDER-RIGHT: #2987AB 1pt solid;
    BORDER-TOP: #2987AB 1pt solid;
    BORDER-LEFT: #2987AB 1pt solid;
    BORDER-BOTTOM: #2987AB 1pt solid
}
.InvalidFormData
{
    COLOR: red;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.LoginInformation
{
    FONT-SIZE: xx-small;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.InputBoxRequiredSmall
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.InputBoxSmall
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.InputBoxEmail
{
    WIDTH: 94%;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.InputBoxRequiredEmail
{
    WIDTH: 94%;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.ValidFormData
{
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
TD
{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
}
.StatsHeader
{
	//* Controls the stat borders the admin sees on their homepage for the org stats *//
    BORDER: #005DA2 1pt solid;
    BORDER-RIGHT: #005DA2 1pt solid;
    BORDER-TOP: #005DA2 1pt solid;
    FONT-WEIGHT: bold;
    BORDER-LEFT: #005DA2 1pt solid;
    COLOR: white;
    BORDER-BOTTOM: #005DA2 1pt solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    HEIGHT: 18pt;
    BACKGROUND-COLOR: #005DA2
}
.StatsLabel
{
	//* Controls the stat labels the admin sees on their homepage for the org stats *//
    border: #005DA2 1pt solid;
    BORDER-RIGHT: #005DA2 1pt solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #005DA2 1pt solid;
    BORDER-BOTTOM: #005DA2 1pt solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    HEIGHT: 16pt;
    BACKGROUND-COLOR: #cccccc;
    TEXT-ALIGN: center
}
.StatsDetail
{
	//* Controls the numbers the admin sees on their homepage for the org stats *//
    BORDER: #005DA2 1pt solid;
    BORDER-RIGHT: #005DA2 1pt solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #005DA2 1pt solid;
    BORDER-BOTTOM: #005DA2 1pt solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center;
    HEIGHT: 14pt
}


.PrivacySpamHelpLink
{
	FONT-SIZE: 9px
}
.PrivacySpamHelpLink:hover
{
	FONT-SIZE: 9px
}

/* AAF Omaha Master Screen Stylesheet */
/* Author: Zach Origitano */
/* http://www.envoyinc.com */
/* Created: 8/21/2007 */

html, * {
	margin: 0;
	padding: 0;
	}
	
html {
	height:100%;
	margin:0;
	padding: 0;
	}

table {
	border:none;
	}
	
h1 {
	font-weight: normal;
	font-size: 24px;
	line-height: 30px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	}


h2 {
	font-weight: normal;
	font-size: 24px;
	line-height: 30px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	}
	
h3 {
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
	}
	
h4 {
	font-weight: normal;
	font-size: 15px;
	line-height: 21px;
	}
	
p {
	font-size: 13px;
	line-height: 18px;
	}

a:link, a:visited {
	color: #014991;
	text-decoration: none;
	font-weight: normal;
	}
	a:hover {
		color: #111;
		}	

a img {
	border: none;
	}

#header {
	margin-bottom:20px;
	}

#header div {
    margin-top: 0px;
    height: 120px;
	width: 100%;
	background: url(Images/Banner.jpg) no-repeat center;
	}

#nav {
	background:#000;
	line-height: 80%;
	padding: 0px 0px 4px 0px
	}
			
#nav ul {
	list-style: none;
	margin-left: 20px;
    }

#nav ul li {
    display: inline;
	}
						
#nav li a {
	display: block;
	float: left;
	padding: 10px 15px;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	}
		#nav li a:hover {
			background: #434343;
			text-decoration: none;
			}
		body.home #nav-home a,
		body.about #nav #nav-about a,
		body.events #nav #nav-events a,
		body.programs #nav #nav-programs a,
		body.job-board #nav #nav-job-board a,
		body.contact #nav #nav-contact a,
		body.join #nav #nav-join a
		 	{
			background: #666;
			}

#container {
	background:#fff;
	}
	
/* Primarycontent */

#primarycontent {
	text-align:left;
	}

#primarycontent #posting {
	margin-bottom:15px;
}
	#primarycontent h1#adbites {
		background:#232323;
		padding:6px 0 6px 10px;
		color:#efefef;
	}
	
	#primarycontent h2, #singlecolumn h2 {
		margin: 12px 0px 8px 15px;
		font-weight: normal;
		font-size: 32px;
		padding: 0;
		}
		body.home #primarycontent h2 {
			color: #111;
			font-size: 18px;
			font-weight: bold;
			}	
		
	#primarycontent h3 {
		color: #333;
		font-size: 21px;
		font-weight: normal;
		margin-top: 26px;
		margin-left:15px
		}
		 #primarycontent #posting h3, 
		 #primarycontent #posting h3 a {
			color: #db8900;
			font-size: 24px;
			font-weight: normal;
			}
		body.home #primarycontent #posting h3, 
		body.home #primarycontent #posting h3 a {
			color: #db8900;
			font-size: 21px;
			font-weight: normal;
			}
		
		 #primarycontent #posting {
		 	border-bottom:1px solid #ddd;
			}
		
	#primarycontent h4 {
		font-size: 16px;
		font-weight: bold;
		margin: 8px 0 0px 15px;
		}
		
	#primarycontent p {
		margin: 4px 18px 12px 15px;
		}			

	#primarycontent img {
		margin:10px 0 5px 0;
		}
		#primarycontent img.alignleft{
		float: left;
		margin: 24px 18px 0px 15px;
		}
			#primarycontent img.highlight{
			float: left;
			margin: 12px 18px 0px 0px;
			}
		#primarycontent img.alignright{
			float: right;
			margin: 21px 10px 15px 18px;
			}

	
	#primarycontent ul {
		font-size: 13px;
		margin-left:15px;
		}
		#primarycontent li {
			margin: 8px 50px 8px 28px;
			}

body.home #primarycontent .mceTemp {
	margin-bottom:15px;
}	
	
/* Secondarycontent */
	
#secondarycontent {
	width: 200px;
	float: left;
	text-align: left;
	margin: 0 0 0 20px;
	}
	body.home #secondarycontent {
		width: 175px;
		float: left;
		text-align: left;
		margin: 0 0 0 25px;
		}
	body.members #secondarycontent {
		display:none;
		}
	
	#secondarycontent p {
		margin: 4px 0px 12px 0px;
		}
			
	#secondarycontent h2 {
		margin: 32px 0px 8px 0px;
		font-weight: bold;
		border-bottom: 1px solid #666;
		color: #111;
		font-size: small;
		padding: 0;
		}			
		
	#secondarycontent h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 18px;
		color: #222;
		margin: 18px 18px 4px 0px;
		}		
				
	#secondarycontent h4 {
		margin: 4px 18px 4px 0px;
		color: #444;
		font-size: 14px;
		}	
				
	#secondarycontent ul {
		font-size: 12px;
		}
		#secondarycontent li {
			margin: 4px 18px 10px 0px;
			padding: 0 0 10px 0;
			border-bottom: 1px solid #ddd;
			list-style-type: none;
			line-height:13px;
			}
			#secondarycontent li ul li {
				list-style-type: circle;
				}
	
	#secondarycontent ul.subnav {
		font-size: 12px;
		}
		#secondarycontent ul.subnav li {
			margin: 4px 18px 4px 8px;
			padding: 0 0 0 10px;
			list-style-type: none;
			border-bottom: none;
			background: #fff url(../_files/images/arrow-blue.gif) no-repeat 0 50%;
			}
			#secondarycontent ul.subnav li.sub {
				margin-bottom: 0;
				padding-bottom: 0;
				}
			#secondarycontent ul.subnav li ul li {
				padding-left: 0;
				margin-left: 20px;
				background: none;
				list-style-type: disc;
				}
			#secondarycontent ul.subnav li ul {
				margin-top: 10px;
				margin-bottom: 0;
				}
			

	#secondarycontent img.alignleft{
		float: left;
		margin: 0px 18px 0px 0px;
		}
	
	#secondarycontent img.alignright{
		float: right;
		margin: 21px 10px 0px 18px;
		}
	
	#secondarycontent img.aligncenter{
		float: left;
		margin: 20px 0px 0px 25px;
		}
		
		#secondarycontent .archive {
			text-align:right;
			}
	
	#secondarycontent ul.events li {
		margin-bottom:8px;
		font-weight:bold;
		font-size:14px;
		}
	
	body.singlecolumn #onecolumn {
		width: 760px;
		background: #fff;
		}
		
	
/* Teritarycontent */

#teritarycontent {
	width: 200px;
	float: left;
	text-align: left;
	margin: 0 0 0 25px;
	}
	
	#teritarycontent p {
		margin: 4px 18px 12px 0px;
		}
			
	#teritarycontent h2 {
		margin: 32px 0px 8px 0px;
		font-weight: bold;
		border-bottom: 1px solid #666;
		color: #111;
		font-size: small;
		padding: 0;
		}			
		
	#teritarycontent h3 {
		font-weight: normal;
		font-size: 18px;
		color: #222;
		margin: 18px 18px 4px 0px;
		}		
				
	#teritarycontent h4 {
		margin: 4px 18px 4px 0px;
		color: #444;
		font-size: 14px;
		}	
				
	#teritarycontent ul.subnav {
		font-size: 12px;
		}
		#teritarycontent ul.subnav li {
			margin: 4px 18px 4px 8px;
			padding: 0 0 0 10px;
			list-style-type: none;
			border-bottom: none;
			background: #fff url(../_files/images/arrow-blue.gif) no-repeat 0 50%;
			}
			#teritarycontent ul.subnav li ul li {
				padding-left: 0;
				margin-left: 20px;
				background: none;
				list-style-type: disc;
				}
			#teritarycontent ul.subnav li ul {
				margin-top: 10px;
				margin-bottom: 0;
				}

	#teritarycontent img.aligncenter{
		float: left;
		margin: 5px 0px 15px 16px;
		}
		
		#teritarycontent .archive {
			text-align:right;
			}
	
	#teritarycontent ul.events li {
		margin-bottom:8px;
		font-weight:bold;
		font-size:14px;
		}

/* Footer */
		
#footer {
	text-align: left;
	border-top:1px solid #ddd;
	margin-top:20px;
	padding-top:15px;
	}

	#footer a {
		font-weight: normal;
		color: #999;
		text-decoration: none;
		}
		#footer a:hover {
		color: #666;
		}
		
	#footer p {
		font-size: 10px;
		line-height: 16px;
		padding-bottom: 12px;
		padding-top: 8px;
		color: #999;
		}
	
	#footer p.designby {
		float: right;
		}

fieldset {
	border:0;
	}


/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */		*/

/* Error Notification  */

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container-12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container-12 .grid-1 {
	width:60px;
}

.container-12 .grid-2 {
	width:140px;
}

.container-12 .grid-3 {
	width:220px;
}

.container-12 .grid-4 {
	width:300px;
}

.container-12 .grid-5 {
	width:380px;
}

.container-12 .grid-6 {
	width:460px;
}

.container-12 .grid-7 {
	width:540px;
}

.container-12 .grid-8 {
	width:620px;
}

.container-12 .grid-9 {
	width:700px;
}

.container-12 .grid-10 {
	width:780px;
}

.container-12 .grid-11 {
	width:860px;
}

.container-12 .grid-12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container-12 .prefix-1 {
	padding-left:80px;
}

.container-12 .prefix-2 {
	padding-left:160px;
}

.container-12 .prefix-3 {
	padding-left:240px;
}

.container-12 .prefix-4 {
	padding-left:320px;
}

.container-12 .prefix-5 {
	padding-left:400px;
}

.container-12 .prefix-6 {
	padding-left:480px;
}

.container-12 .prefix-7 {
	padding-left:560px;
}

.container-12 .prefix-8 {
	padding-left:640px;
}

.container-12 .prefix-9 {
	padding-left:720px;
}

.container-12 .prefix-10 {
	padding-left:800px;
}

.container-12 .prefix-11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container-12 .suffix-1 {
	padding-right:80px;
}

.container-12 .suffix-2 {
	padding-right:160px;
}

.container-12 .suffix-3 {
	padding-right:240px;
}

.container-12 .suffix-4 {
	padding-right:320px;
}

.container-12 .suffix-5 {
	padding-right:400px;
}

.container-12 .suffix-6 {
	padding-right:480px;
}

.container-12 .suffix-7 {
	padding-right:560px;
}

.container-12 .suffix-8 {
	padding-right:640px;
}

.container-12 .suffix-9 {
	padding-right:720px;
}

.container-12 .suffix-10 {
	padding-right:800px;
}

.container-12 .suffix-11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container-12 .push-1 {
	left:80px;
}

.container-12 .push-2 {
	left:160px;
}

.container-12 .push-3 {
	left:240px;
}

.container-12 .push-4 {
	left:320px;
}

.container-12 .push-5 {
	left:400px;
}

.container-12 .push-6 {
	left:480px;
}

.container-12 .push-7 {
	left:560px;
}

.container-12 .push-8 {
	left:640px;
}

.container-12 .push-9 {
	left:720px;
}

.container-12 .push-10 {
	left:800px;
}

.container-12 .push-11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container-12 .pull-1 {
	left:-80px;
}

.container-12 .pull-2 {
	left:-160px;
}

.container-12 .pull-3 {
	left:-240px;
}

.container-12 .pull-4 {
	left:-320px;
}

.container-12 .pull-5 {
	left:-400px;
}

.container-12 .pull-6 {
	left:-480px;
}

.container-12 .pull-7 {
	left:-560px;
}

.container-12 .pull-8 {
	left:-640px;
}

.container-12 .pull-9 {
	left:-720px;
}

.container-12 .pull-10 {
	left:-800px;
}

.container-12 .pull-11 {
	left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
