/*	
Main Terra3 Communications Style Sheet.

version: 1.0

-------------------------------------------------- */


/* Color Schema 

Text: 			#58595b
Headings		#931000
Nav Links: 		#78643f


*/



/*	=Reset - With thanks to Eric Meyer (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) 
-------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	list-style:none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	}
	
:focus { /* Eliminates outline on links in Mozilla browsers. Remove for accessibility compliance*/
	outline: 0;
	}

a img, :link img, :visited img { border: none; }

/*	=Global 
-------------------------------------------------- */

html, body	{
	height: 100%;
	}
	
.clear	{
	clear:both
	}

.right	{
	float:right;
	}
	
.left	{
	float:left;
	}

.hide	{ /* Use for hiding elements off screen */
	position:absolute; 
	text-indent:-9999px;
	}
	
.container {
	margin:: 0 auto;
	}
	
img	{
	margin:0;
	padding: 0;
	}

a	{
	color:inherit;
	}


/*	=Typography
	Default Font Size is 10px.
	Vertical Rythym set to 18px line height.
	New Typography can be added using the following formula:
	
		18/(element's font size)= line height
	
	--------------------------------------------------*/
	
body	{
	background: #fff url(../../i/bg-body.jpg) top left repeat-x;
	color: #58595b;
	font: 62.5%/1.8 Arial, Helvetica Neue, Helvetica, sans-serif; 
	}
		
html>body	{ /* Sets font size for IE6/7 */
	font-size:10px;
	}


/*	=Headings
	--------------------*/

h1, h2, h3, h4, h5, h6	{ 
	color: #931000;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif; 
	margin:0; 
	padding:0;
	}

h1	{
	font:700 24px/.75 Arial, Helvetica Neue, Helvetica, sans-serif;;
	letter-spacing: -2px; /* Increases legibility of larger text elements */
	margin:.5em 0 .25em 0; 
	text-transform:uppercase; 
	word-spacing: .2em; /* Increases legibility of larger text elements */
	}  
	
h2	{font:700 14.5px/1.286 Arial, Helvetica Neue, Helvetica, sans-serif; margin: .965em 0 .643em 71px; text-transform:uppercase;}	
h3	{color: #58595b; font:700 14px/1.385 Arial, Helvetica Neue, Helvetica, sans-serif; margin: 1.385em 0 0 0; }
h4	{font:700 14px/1.285 Arial, Helvetica Neue, Helvetica, sans-serif; margin: .965em 0 .322em 19px; }
h5	{font:700 12px/1.5 Arial, Helvetica Neue, Helvetica, sans-serif; margin:1.125em 0 .375em 19px; color:#666; }
h6	{font:700 10px/1.8em Arial, Helvetica Neue, Helvetica, sans-serif;  margin: .9em 19px; color:#666; text-transform:uppercase    }


/*	=Text Elements
	--------------------*/
	
.form {
   border: 1px solid #c3c3c3;
}

p, dl	{
	margin:0 0 1.5em 0;
	text-align:left;
	}
	
dt	{
	font-weight:700;
	}
	
img.photo	{
	border: 1px solid #cecece; 
	padding: 8px;
	}

.700	{
	font-weight:700;
	}
	
.italic	{
	font-style:italic;
	}

.text-up	{
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-weight:700;
	}

.text-down	{
	text-transform:lowercase;
	}


.attribution	{
	font:13px/1.385 GillSans, Calibri, 'Trebuchet MS', Trebuchet sans-serif;
	text-align:right;
	font-style:italic;
	float: right;
	margin-right: 75px;
										}

acronym	{
	cursor:help;
	border-bottom:1px dotted;
	letter-spacing:0.1em;
}

#main a {
	color: #78643f;
	text-decoration:underline;
	}
	
#main a:hover {	
	text-decoration: none;
	}
		
		
.header	{
	font:700 14px/1.286 Arial, Helvetica Neue, Helvetica, sans-serif; 
	text-transform:uppercase;
	color: #931000;
	}	



		
/*	=Navigation
--------------------------------------------------*/


#menu	{	
	color: #78643f;
	font:700 12px/45px Arial, Helvetica Neue, Helvetica, sans-serif; 
	height: 45px;
	margin: 0px 71px;
	}		
				
		#menu li {
			display: inline;
			float: left;
			}	
			
				#menu li a {
					color: #78643f;
					display: inline-block;
					margin: 0 70px 0 0;
					text-transform:uppercase;
					text-decoration:none;
					}
					
					#menu li .on {
					color: #78643f;
					display: inline-block;
					margin: 0 70px 0 0;
					text-transform:uppercase;
					text-decoration:underline;
					}
					
						
				#menu li a:hover {
					text-decoration:underline;
					}		

	
	
/*	=Layout
--------------------------------------------------*/

	#content #content .container ul li {
			background: url(../../i/bullet.gif) 0 5px no-repeat;
			padding-left: 12px;
			}

#shell	{
	margin: 20px auto 0;
	position:relative;
	width: 1251px;
	height: 100%;
	}
#shell-top	{ 
	background: url(../../i/bg-shell-top.jpg) no-repeat;
	height: 25px;
	margin: 0 auto 0;
	width: 1251px;
	}


		#inner-shell	{
			background:  url(../../i/bg-inner-shell.jpg) 20px 0 repeat-y;
			width: 1250px;
			position:relative;
			}
			
				#header	{
					height:96px;
					margin: 0 auto;
					position: relative;
					}
					
						#logo {
							position: absolute;
							top: -4px;
							left: 71px;
							}
											
						#tagline {
							height: 93px;
							position: absolute;
							left: 699px;
							width: 503px;
							*top:-3px; /* IE7 Hack */
							_top: -3px;  /* IE6 Hack */
							}
						
							
						#tagline span  {
							background: url(../../i/bg-tagline.jpg) no-repeat;
							width: 100%;
							height: 100%;
							position: absolute;
							}	
							
				#banner {	
					background: url(../../i/bg-banner.jpg) no-repeat;
					height: 40px;
					width: 1210px;
					margin:0 0 0 20px;
					}
					
				#main	{
					font:14px/1.385 GillSans, Calibri, 'Trebuchet MS', Trebuchet sans-serif;
					margin:0 auto;
					position:relative;
					padding-top: 10px;
					height: 100%;
					}
					
						#content {
	float: left;
	position: relative;
	border-right: 1px solid #bfbfc7;
							}
							
								#content .container { /* Allows large amounts of content within #content without breaking page layout */
	display: block;
	margin-left: 71px;
	width: 621px;
									}
									
								#content .container img {
									float: left;
									margin: 0  20px 15px 0;
									} 
									
										#content .container p {
	float: left;
	margin-right: 0px;
											}
										
										#content .container p.first {
											width: 300px;
											}
											
											
											
/* test page 2*/



						#content2 {
							float: left;
							position: relative;
							}
							
								#content2 .container { /* Allows large amounts of content within #content without breaking page layout */
									display: block;
									border-right: 1px solid #80808f;
									margin-left: 71px;
									width: 725px;
									}
									
								#content2 .container img {
									float: left;
									margin: 0  20px 15px 0;
									} 
									
										#content2 .container p {
											float: left;
											margin-right: 50px;
											}
										
										#content2 .container p.first {
											width: 300px;
											}
											
											
											
			/* end test page 2*/
								
																						
							
						#sidebar {
	float: left;
	position: relative;
	margin: 24px 0 50px 37px;
	width: 400px;
							}
							
								#sidebar h2 {
									margin-left: 0;
									}
									
								#sidebar ul {
											margin-top: 1.5em;
											}
										
												#sidebar ul li {
													margin: .75em 0;
													}
									
								
								#sidebar .container {	/* Allows large amounts of content within #sidebar without breaking page layout */
	display: block;
	height: 150px;
	width: 400px;
									}
										
										
											
							
							
						
			#footer	{
				background: url(../../i/bg-shell-bottom.jpg) no-repeat;
				color: #efefef;
				clear: both;
				font: 11px/1.666 Arial, Helvetica Neue, Helvetica, sans-serif; 
				height: 52px;
				margin: 0 auto;
				width: 1250px;
				}
				
			#footer	p {
				color: #ddd;
				font-size: 10px;
				position: absolute;
				right: 50px;
				margin: 7px 0 0 0px;
				}
				
			#footer ul	{
				margin: 7px 0 0 31px;
				}		
				
					#footer ul	li {
						float: left;
						margin: 7px 0 0 0px;

						}	
					
							#footer ul	li {
								display: inline;
								float: left;
								}	
								
									#footer ul	li a {
										color: #efefef;
										display: inline-block;
										font-weight: 700;
										margin: 0 40px;
										text-transform:uppercase;
										text-decoration:none;
										}	
									#footer ul	li a:hover {
										text-decoration:underline;
										}	
				
/*	=Page-specific Layout
--------------------------------------------------*/


/*	=Home Page 
--------------*/

body#home 	{
	background: url(../../i/bg-body-home.jpg) repeat-x;
	background-color:#8a7250;
	}
#home #shell	{
	margin: 20px auto 0;
	}


			
#home #logo {
	position: absolute;
	top: -4px;
	left: 71px;
	}		
			

	
#home #banner {
	background: url(../../i/bg-banner-home.jpg) no-repeat;
	height: 181px;
	}
	
#home #menu {
	border-bottom: 1px solid #bfbfc7;
	}
		

	
#home #content .container { /* Allows large amounts of content within #content without breaking page layout */
	display: block;
	margin-left: 71px;
	width: 621px;
	}
	
#content .container { /* Allows large amounts of content within #content without breaking page layout */
	display: block;
	margin-left: 71px;
	width: 700px;
	padding-right: 15px;
	margin-bottom: 20px;
	}	
									
		#home #content .container ul {
			float: left;
			margin: 5px 30px 12px 0;
			}
			
		#home #content .container ul li {
	background: url(../../i/bullet.gif) 10px 5px no-repeat;
	padding-left: 20px;
			}
			
			
		
ul.list li	{
	background: url(../../i/bullet.gif) 10px 5px no-repeat;
	padding-left:20px;
	font: 14px/1.3 Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	padding-bottom: 5px;
}					
		
			
			
#home #sidebar {
	margin-top: 0;
	margin-bottom: 20px;
	}
	
#content #sidebar {
	margin-top: 0px;
	width: 200px;
	padding-left: 30px;
	}