/* @override http://www.clientinputform.com/assets/css/layout.css */

/*----------------------------------------
Name: layout.css
Developed by: Michael Lee Giles
Date Created:
Last Updated: 11/25/2008
Copyright: Michael Lee Giles
----------------------------------------*/

/* ===================== BOX MODEL CONTAINERS ============================*/
/*
========= main cont =========
======= page wrapper ========
-----------------------------
|          Header           |
|                           |
-----------------------------
-----------------------------
|           Body            |
|                           |
|  | c1 |  | c2 |   | c3 |  |
|  |    |  |    |   |    |  |
-----------------------------
-----------------------------
|         Footer            |
|                           |
-----------------------------
======= end main cont =======
===== end page wrapper ======
*/

#mainContainer
	{
	width:1004px; /* this should be changed to accomodate your site width */
	margin: 0 auto;
	}

#pageBorder /* this is the reapeating page border if you choose to have one - the width of the image should match the main container class */
	{
	width:1004px;
	float:left;
	clear:both;
	background-repeat:repeat-y;
	background-image:url(../images/pageBorder.gif); /* this can be changed or commented out */
	background-position:top left;
	}

#pageBottom /* this is the end of the page that fades off - the width of the image should match the main container class */
	{
	width:1004px;
	height:20px;
	float:left;
	clear:both;
	background:url(../images/pageBottom.gif) bottom no-repeat; /* this can be changed or commented out */
	}
	
/* ===== Header Containers ========================*/
#headerContainer
	{
	width: 1004px; /* this should be changed to accomodate your site width */
	height:70px;
	float:left;
	clear:both;
	
	/* this should be changed to accomodate your site design */
	background-image:url(../images/headerMenu_Bgd.gif);
	background-position: bottom;
	background-repeat:no-repeat;
	}

#headerImageContainer
	{
	width:984px; /* this should be changed to accomodate your site width */
	float:left;
	clear:both;
	height:333px;
	margin:15px 10px 0px 10px;
	display:inline;
	
	/* this should be changed to accomodate your site design */
	background-image:url(../images/headerImage_Bgd.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}

/* ===== Body Container ========================*/
#bodyContainer
	{
	width:984px;
	float:left;
	clear:both;
	padding:0 10px;
	}
.title
	{
	float:left;
	clear:right;
	width:100%;
	height:30px;
	padding-bottom:8px;
	border-bottom:5px solid #4d88bd;
	}
	
/* ===== Column Containers ========================*/
#column1
	{
	width:450px; /* total width of columns cannot exceed 984px including padding and margins */
	float:left;
	clear:right;
	margin:0px 21px 0px 0px;
	display:inline;
	}

#column2
	{
	width:450px; /* total width of columns cannot exceed 984px including padding and margins */
	float:left;
	clear:right;
	margin:0px 21px 0px 0px;
	display:inline;
	}	
	
/* ===== Footer Container ========================*/
#footerContainer
	{
	float:left;
	clear:both;
	width:944px;
	height:100px;
	padding:0 30px;
	
	/* this should be changed to accomodate your site design */
	background-image:url(../images/footer_Bgd.gif);
	background-position:top;
	background-repeat:no-repeat;
	color:#999;
	font-size:11px;
	}

/* ===================== END BOX MODEL CONTAINERS for the HOME PAGE ============================*/


/* ==================== MENU SYSTEM =================== */
/* any menu CSS may be put here */
#logo
	{
	float:left;
	clear:right;
	padding-left:30px;
	}


/* ===== MISC SUBPAGE CONTAINERS ========================*/

/* ======= Subpage image header ================*/


.divider2 /* general page divider */
	{
	float:left;
	width:100%;
	height:10px;
	border-top:5px solid #4d88bd;
	margin:5px 0px;
	}

#sp2_MainContent
	{
	width:944px;
	float:left;
	clear:both;
	padding:0px 20px;
	}
	
	


		
		
.sub-menu {
	background: #fff;
	display: block;
	border-bottom: 1px solid #777;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	padding: 10px 10px 10px 15px;
	
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;	
	
	
	margin: 0;
	width: 917px;
	float:left;
	clear:both;
	}

.sub-menu ul
{
	padding:0;
	margin:0;
}
.sub-menu li
{
	list-style:none;
	display:inline;
	padding:0;
	margin:0 15px 0 0;
}
.sub-menu a:link, .sub-menu a:visited, .sub-menu a:active 
{
	text-decoration:none;
	font-size:12px;
	color:#666666;
	font-weight:bold;
	outline:none;
	padding:3px 5px;
	
}		
.sub-menu a:hover
{
	text-decoration: none;
	color: #fff;
	background:#1A4060;
}		
/* ======================== FORM TYPES ======================== */
#medium-rectangle, #medium-rectangle-2, #vertical-rectangle, #large-rectangle, #skyscraper1, #skyscraper2, #skyscraper3, #number1, #number2, #number3
{
	margin:20px 0 0 0;
	float:left;
	clear:both;
	border-bottom:2px dotted #CCC;
}
/* ======================== FORM POSITIONING ======================== */
.form-right
{
	float:right;
	clear:both;
	margin:20px 0;
}
.form-left
{
	float: left;
	clear:both;
	margin:20px 0;
}
		
		
/* `Padding set to 0
----------------------------------------------------------------------------------------------------*/
.padding-0
	{
	padding:0px;
	}

/* `Padding with Grid Containers >> 16 Columns | pads to the left only
----------------------------------------------------------------------------------------------------*/
.padding-left-10
	{
	padding-left:10px;
	}
.padding-left-20
	{
	padding-left:20px;
	}
.padding-left-30
	{
	padding-left:30px;
	}
.padding-left-40
	{
	padding-left:40px;
	}
.padding-left-50
	{
	padding-left:40px;
	}
.padding-left-60
	{
	padding-left:50px;
	}
.padding-left-70
	{
	padding-left:60px;
	}
.padding-left-80
	{
	padding-left:70px;
	}
.padding-left-90
	{
	padding-left:80px;
	}
.padding-left-100
	{
	padding-left:100px;
	}

/* `Padding with Grid Containers >> 16 Columns | pads to the right only
----------------------------------------------------------------------------------------------------*/
.padding-right-10
	{
	padding-right:10px;
	}
.padding-right-20
	{
	padding-right:20px;
	}
.padding-right-30
	{
	padding-right:30px;
	}
.padding-right-40
	{
	padding-right:40px;
	}
.padding-right-50
	{
	padding-right:40px;
	}
.padding-right-60
	{
	padding-right:50px;
	}
.padding-right-70
	{
	padding-right:60px;
	}
.padding-right-80
	{
	padding-right:70px;
	}
.padding-right-90
	{
	padding-right:80px;
	}
.padding-right-100
	{
	padding-right:100px;
	}

/* `Padding with Grid Containers >> 16 Columns | pads to the top only
----------------------------------------------------------------------------------------------------*/
.padding-top-10
	{
	padding-top:10px;
	}
.padding-top-20
	{
	padding-top:20px;
	}
.padding-top-30
	{
	padding-top:30px;
	}
.padding-top-40
	{
	padding-top:40px;
	}
.padding-top-50
	{
	padding-top:40px;
	}
.padding-top-60
	{
	padding-top:50px;
	}
.padding-top-70
	{
	padding-top:60px;
	}
.padding-top-80
	{
	padding-top:70px;
	}
.padding-top-90
	{
	padding-top:80px;
	}
.padding-top-100
	{
	padding-top:100px;
	}
	
/* `Padding with Grid Containers >> 16 Columns | pads to the bottom only
----------------------------------------------------------------------------------------------------*/
.padding-bottom-10
	{
	padding-bottom:10px;
	}
.padding-bottom-20
	{
	padding-bottom:20px;
	}
.padding-bottom-30
	{
	padding-bottom:30px;
	}
.padding-bottom-40
	{
	padding-bottom:40px;
	}
.padding-bottom-50
	{
	padding-bottom:40px;
	}
.padding-bottom-60
	{
	padding-bottom:50px;
	}
.padding-bottom-70
	{
	padding-bottom:60px;
	}
.padding-bottom-80
	{
	padding-bottom:70px;
	}
.padding-bottom-90
	{
	padding-bottom:80px;
	}
.padding-bottom-100
	{
	padding-bottom:100px;
	}

/* `Margin with Grid Containers >> 16 Columns | margin to the bottom only
----------------------------------------------------------------------------------------------------*/
.margin-left-10
	{
	margin-left:10px;
	}
.margin-left-20
	{
	margin-left:20px;
	}
.margin-left-30
	{
	margin-left:30px;
	}
.margin-left-40
	{
	margin-left:40px;
	}
.margin-left-50
	{
	margin-left:40px;
	}
.margin-left-60
	{
	margin-left:50px;
	}
.margin-left-70
	{
	margin-left:60px;
	}
.margin-left-80
	{
	margin-left:70px;
	}
.margin-left-90
	{
	margin-left:80px;
	}
.margin-left-100
	{
	margin-left:100px;
	}
	
/* ======================= MARGIN TOP SETTINGS ====================== */	
.margin-top-10
	{
	margin-top:10px;
	}
.margin-top-20
	{
	margin-top:20px;
	}
.margin-top-30
	{
	margin-top:30px;
	}
.margin-top-40
	{
	margin-top:40px;
	}
.margin-top-50
	{
	margin-top:40px;
	}
.margin-top-60
	{
	margin-top:50px;
	}
.margin-top-70
	{
	margin-top:60px;
	}
.margin-top-80
	{
	margin-top:70px;
	}
.margin-top-90
	{
	margin-top:80px;
	}
.margin-top-100
	{
	margin-top:100px;
	}
	/* ======================= MARGIN TOP SETTINGS ====================== */	
.margin-right-10
	{
	margin-right:10px;
	}
.margin-right-20
	{
	margin-right:20px;
	}
.margin-right-30
	{
	margin-right:30px;
	}
.margin-right-40
	{
	margin-right:40px;
	}
.margin-right-50
	{
	margin-right:40px;
	}
.margin-right-60
	{
	margin-right:50px;
	}
.margin-right-70
	{
	margin-right:60px;
	}
.margin-right-80
	{
	margin-right:70px;
	}
.margin-right-90
	{
	margin-right:80px;
	}
.margin-right-100
	{
	margin-right:100px;
	}
/* ======================= MARGIN Bottom SETTINGS ====================== */	
.margin-bottom-10
	{
	margin-bottom:10px;
	}
.margin-bottom-20
	{
	margin-bottom:20px;
	}
.margin-bottom-30
	{
	margin-bottom:30px;
	}
.margin-bottom-40
	{
	margin-bottom:40px;
	}
.margin-bottom-50
	{
	margin-bottom:40px;
	}
.margin-bottom-60
	{
	margin-bottom:50px;
	}
.margin-bottom-70
	{
	margin-bottom:60px;
	}
.margin-bottom-80
	{
	margin-bottom:70px;
	}
.margin-bottom-90
	{
	margin-bottom:80px;
	}
.margin-bottom-100
	{
	margin-bottom:100px;
	}