/* Page Body Layout */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video 

{
		margin						:0;
		padding						:0;
		border						:0;
		outline						:0;
		font-size					:100%;
		vertical-align				:baseline;
		background					:transparent;
}

body {
		height						:100%; /* this ensures the container always holds the internal elements! */
		background 					:#B4B4B4 url(../images/background.jpg) no-repeat left top;
		background-attachment		:fixed;
		margin-top					:0px;
		margin-bottom				:0px;
		padding						:0;
}

#body_background {
		height						:100%; /* this ensures the container always holds the internal elements! */
		background 					:transparent;
		background-attachment		:fixed;
		margin-top					:0px;
		margin-bottom				:0px;
		padding						:0;
}

#wrapper { 							/* this box is main page wrapper */
		width						:990px;
		height						:100%; /* this ensures the container always holds the internal elements! */
		background 					:transparent;
		margin-top					:0px;
		margin-left					:auto;
		margin-right				:auto;
		margin-bottom				:0px;
		padding						:20px 0px 0px 0px;
		border-top					:0px solid #FFFFFF;
		border-bottom				:0px solid #FFFFFF;
		border-left					:0px solid #FFFFFF;
		border-right				:0px solid #FFFFFF;
}
#header {							/* this box is the header INSIDE the wrapper */
		height						:180px;
		background 					: url(../images/header-bg.png) no-repeat top left;
		width						:990px; /* This width needs to account for the border width */
		margin-top					:20px;
		margin-bottom				:0px;
		margin-left					:auto;
		margin-right				:auto;
}
#navigation  {						/* this box is the navigation box INSIDE the wrapper */
		width						:990px;
		height						:30px;
		margin-top					:0px;
		margin-left					:0px;
		margin-bottom				:0px;
		padding						:0px 0px 0px 0px;
}
#main_body {						/* this box is the main body content box INSIDE the wrapper */
		margin-top					:0px;
		margin-bottom				:0px;
		width						:990px;
		height						:100%; /* this ensures the container always holds the internal elements! */
		min-height					:500px;
		background 					:#3399FF url(../images/) no-repeat top left;
		padding						:0px 0px 15px 0px;
		overflow					:hidden; /* this eliminates the need for clear float DIV's */
}
#footer_box {						/* this box is the footer INSIDE the wrapper */
		width						:990px;
		height						:50px;
		background 					:transparent;
		margin-top					:0px;
		padding-top					:0px;
		margin-left					:auto;
		margin-right				:auto;
		margin-bottom				:0px;
		border-top					:0px solid #FFFFFF;
		border-bottom				:0px solid #FFFFFF;
		border-left					:0px solid #FFFFFF;
		border-right				:0px solid #FFFFFF;
}
#bottom { 							/* this box is the bottom box OUTSIDE the wrapper */
		width						:990px;
		height						:50px;
		background 					:transparent;
		margin-top					:0px;
		margin-left					:auto;
		margin-right				:auto;
		margin-bottom				:0px;
		border-top					:0px solid #FFFFFF;
		border-bottom				:0px solid #FFFFFF;
		border-left					:0px solid #FFFFFF;
		border-right				:0px solid #FFFFFF;
}
#bottom_footer { 							/* this box is the bottom box OUTSIDE the wrapper */
		
		height						:8px;
		max-width 					:100%; 
		background 					:#B4B4B4 url(../images/footer-bg.png) repeat-x ;
		overflow					:hidden; /* this eliminates the need for clear float DIV's */
		margin-top					:0px;
		margin-bottom				:0px;
		padding						:0;

}
/* End Page Body Layout */

/* This is used to create an empty DIV to clear floats it is used like this ----> <div class="clear"></div>  */
.clear{								
		clear						:both;
		height						:1px; 
}
/* This is used to force vertical scrollbar in Gecko browsers for short pages it is used like this ----> <div id="scroll">&nbsp;</div> */
#scroll 		{ 
		position					:absolute; 
		top							:0px; 
		bottom						:-1px; 
		visibility					:hidden 
}
/* This is used to force a new paragraph to start below floated text 
it is used like this ----> <p class="paragraph-clear"> </p> */
.paragraph-clear{
		clear						:both;
		padding-top					:10px;	/* This value can be changed to reflect your design */
}

img { 	border						:0;
}