/* ==========================================================================================
Title:		LRS Web Services Template Site 3 Default Stylesheet
Date: 		November, 2008
Author: 	LRS Web Services
Document:	style.css
Purpose:	This document is used on all parts of the LRS Web Services Template Site 3.
			This is the default stylesheet.


TABLE OF CONTENTS:
-----------------------------------------------------------------------
	0.0 IMPORTS
	1.0 HTML ELEMENTS
	2.0 LAYOUT ELEMENTS
	3.0 BRANDING
	4.0 NAVIGATION
		4.1	GLOBAL NAV
		4.2 MAIN NAV
	5.0 HEADINGS
	6.0 CONTENT
		6.1 CONTENT DIV
		6.2 SIDEBAR DIV
		6.3 SECTION ONE
		6.4 SECTION TWO
		6.5 SECITON THREE
	7.0 SUBPAGE CONTENT
	8.0 FOOTER
	9.0 MISC
-----------------------------------------------------------------------


ATTRIBUTE LAYOUT:
-----------------------------------------------------------------------
 In order to keep the sheet readable, please
 keep the selectors and attributes in this format:

	selector {
		property: value;
	}
-----------------------------------------------------------------------


ATTRIBUTE PROPERTY ORDER:
-----------------------------------------------------------------------
 In order to avoid unwanted behaviors caused by
 duplicate attributes in selector, and to allow
 for better organization, please keep attributes
 in ALPHABETICAL order.
-----------------------------------------------------------------------


COLOR PALETTE:
-----------------------------------------------------------------------
 PRIMARY:											#868764 (Olive)
 SECONDARY:											#686868 (Dark Gray)
 ACCENT 1:											#D5D5D5 (Light Gray 2)
 ACCENT 2:											#C4C5AE (Light Olive)
 BASE COLOR:										#DFDFDF (Light Gray 1)
-----------------------------------------------------------------------


FONTS:
-----------------------------------------------------------------------
 PRIMARY: 			11px	Verdana		regular		#000000
 SECONDARY:			11px	Verdana		regular		#D5D5D5
-----------------------------------------------------------------------


LINKS:
-----------------------------------------------------------------------
 PRIMARY:			11px	Verdana		regular		#868764
 PRIMARY HOVER:		11px	Verdana		regular		#868764	underline
 SECONDARY:			11px	Verdana		regular		#C4C5AE
 SECONDARY HOVER: 	11px	Verdana		regular		#C4C5AE	underline
-----------------------------------------------------------------------


HEADINGS:
-----------------------------------------------------------------------
 H1:				17px	Georgia		regular		#868764
 H2:				17px	Georgia		regular		#868764
-----------------------------------------------------------------------


BACKGROUNDS:
-----------------------------------------------------------------------
 PRIMARY:											#DFDFDF
 SECONDARY:											#686868				
-----------------------------------------------------------------------


IMAGES:
-----------------------------------------------------------------------
Page Background: 			b-page.gif
Inner Background:			b-page-inner.gif
Main Nav:					b-nav-1.gif
Seciton 2 Content:			b-section-2.gif
-----------------------------------------------------------------------


========================================================================================== */





/* ==========================================================================================
=0.0 IMPORTS
========================================================================================== */
@import url(fonts.css);





/* ==========================================================================================
=1.0 HTML ELEMENTS
========================================================================================== */
*{
	margin:0;
	padding:0;
}
html, body{
	background:#DFDFDF;
	height:100%;
	width:100%;
}
body{
	letter-spacing:-0.5px;
	width:100%;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img{
	border:none;
}
p{
	line-height:1.45em;
	padding-bottom:1.45em;
}
h2{
	margin-bottom:10px;
}





/* ==========================================================================================
=2.0 LAYOUT ELEMENTS
========================================================================================== */
.section-1{
	background:url(../images/b-page.gif) repeat-x;
	width:100%;
}
.section-2{
	background:#686868;
	width:100%;
}
.section-3{
	width:100%;
}

.inner{
	background:url(../images/b-page-inner.gif) repeat-y;
	margin:0 auto;
	padding-left:30px;
	width:756px;
}





/* ==========================================================================================
=3.0 BRANDING
========================================================================================== */
.branding{
	float:left;
	width:224px;
}
.banner{
	float:right;
	height:170px;
	width:532px;
}
.banner img{
	float:left;
	position:relative;
}
.banner h1{
	float:left;
	position:relative;
	margin:-140px 0 0 20px;
	width:160px;
}



/* ==========================================================================================
=4.0 NAVIGATION
========================================================================================== */
	
	
	/* ======================================================================================
	=4.1 GLOBAL NAVIGATION
	====================================================================================== */
	.nav-0{
		float:right;
		height:62px;
		width:532px;
	}
	.nav-0 ul{
		float:right;
		list-style:none;
		margin:6px 0 0 0;
	}
	.nav-0 ul li{
		float:left;
	}
	.nav-0 ul li a{
		margin:0 11px;
	}
	
	
	
	/* ======================================================================================
	=4.2 MAIN NAVIGATION
	====================================================================================== */
	.nav-1{
		/*float:left;*/
		margin-bottom:30px;
		overflow:hidden;
		width:224px;
	}
	.nav-1 ul{
		background:url(../images/b-nav-1.gif) repeat-y 0 -1px;
		list-style:none;
		margin:0px 30px -1px 35px;
		padding:0;
		width:159px;
	}
	.nav-1 ul li{
		height:34px;
		line-height:34px;
		text-align:right;
	}





/* ==========================================================================================
=5.0 HEADINGS
========================================================================================== */





/* ==========================================================================================
=6.0 CONTENT
========================================================================================== */



	/* ======================================================================================
	=6.1 CONTENT DIV
	====================================================================================== */
	.content{
		clear:right;
		float:right;
		width:532px;
	}
	.content .box-1{
		float:left;
		margin-left:20px;
		margin-right:20px;
		width:235px;
	}
	.content .box-2{
		float:left;
		margin-left:20px;
		margin-right:20px;
		width:216px;
	}
	.content ul{
		/*list-style:none;*/
		margin-left:35px;
		margin-bottom:25px;
	}
	
	.content ol{
		/*list-style:none;*/
		margin-left:35px;
		margin-bottom:25px;
	}
	.content ul li{
		line-height:1.45em;
		/*margin-bottom:1.45em;*/
	}



	/* ======================================================================================
	=6.2 SIDEBAR DIV
	====================================================================================== */
	.sidebar{
		/*float:left;*/
		padding:0 28px;
		width:168px;
	}
	.sidebar ul{
		list-style:none;
	}
	.sidebar ul li{
		line-height:1.45em;
		margin-bottom:1.45em;
	}



	/* ======================================================================================
	=6.3 SECTION ONE (Above dark gray horizontal section)
	====================================================================================== */
	.section-1 .content{
		padding:20px;
		width:492px;
		position:relative;
	}
	.section-1 .content p{
		position:relative;
	}


	/* ======================================================================================
	=6.4 SECTION TWO (Dark gray horizontal section)
	====================================================================================== */
	.section-2 .content{
		background:url(../images/b-section-2.gif) repeat-y;
		margin:20px 0;
	}
	.section-2 .sidebar{
		margin:20px 0;
	}



	/* ======================================================================================
	=6.5 SECTION THREE (Below dark gray horizontal section)
	====================================================================================== */





/* ==========================================================================================
=7.0 SUBPAGE CONTENT
========================================================================================== */





/* ==========================================================================================
=8.0 FOOTER
========================================================================================== */
.footer{
	float:right;
	padding:10px 0 20px;
	width:632px;
}
.footer span{
	margin-left:185px;
}

.footer2{
	float:right;
	padding:20px 0 20px;
	width:632px;
}
.footer2 span{
	margin-left:20px;
}



/* ==========================================================================================
=9.0 MISC
========================================================================================== */
.clear{
	clear:both;
}
.raquo{
	margin:0 0 0 3px;
}