/* CSS Document/*

-----------------------------------------------
CSS Author:   	Chris Young
Version/Date: 	October 2009
Project:		3D Engineers - Stuart Brown.

!! THIS CSS CODE IS THE COPYRIGHT
		 OF CHRIS YOUNG !!
		
		WWW.CYPHOTO.CO.UK
		
Colours used:
#1a4d3e - green
#e6e5e0 - grey

----------------------------------------------- */

@import url('reset.css');

html, body
{
	position: relative;
	background-color: #000000;
	color: #FFFFFF;
	font-family: 'Garamond', serif;
}

.centerdiv /*IE method of centering a relative div*/
{ 
	text-align: center;
}

.centerdiv>div /*Proper way to center a relative div*/
{
	margin: 0 auto;
}

#container
{
	position: relative;
	width: 1110px;
	height: 710px;
	margin: 10px auto;
	float: inherit;
}

#row1_col1and2
{
	width: 880px;
	height: 130px;
	float: left;
}

#row1_col1and2 h1
{
	display: none;
}

#header_3_right
{
	width: 230px;
	float: left;
	height: 130px;
	background-image: url(../images/row1_col3-8.gif);
}

#row_2
{
	clear: both;
}

#row_2_column_1
{
	width: 230px;
	height: 600px;
	float: left;
}

#row_2_pageContent
{
	text-align: left;
	padding-top: 25px;
	padding-bottom: 50px;
	width: 870px;
	float: left;
	margin: 0 0 50px 5px;
	background-image: url(../images/content_top_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #e4cd83;
	color: #000000;
}

#row_2_pageContent h1
{
	text-align: center;
	font-size: 1.8em;
	text-decoration: underline;
	margin-top: 25px;
	margin-bottom: 30px;
	color: #1a4d3e;
}

#row_2_pageContent h2
{
	font-size: 1.5em;
	text-decoration: underline;
	margin-bottom: 30px;
	color: #1a4d3e;
	margin: 10px 40px 10px 40px;
}

#row_2_pageContent h3
{
	font-size: 1.2em;
	text-decoration: underline;
	margin-bottom: 30px;
	color: #1a4d3e;
	margin: 10px 40px 10px 40px;
}

#row_2_pageContent p
{	
	margin: 10px 40px 10px 40px;
}

#row_2_pageContent p.pictureCaption
{
	font-style: italic;
	margin: 0px 0px 20px 0px;
	font-size: 80%;
	color: #1a4d3e;
	line-height: 1.2em;
}

#row_2_pageContent ul
{
	margin: 20px 40px 0px 40px;
}

#row_2_pageContent ul li
{
	padding: 0 0 1em 2em;
	background-image: url(../images/green_dot.gif);
	background-repeat: no-repeat;
	background-position: 0 .25em;
}

#row_2_pageContent hr
{
	margin: 0 auto;
	width: 70%;
	color: #1a4d3e;
}

#row_2_pageContent hr.sectionHead
{
	margin: 0 auto;
	width: 90%;
	color: #1a4d3e;
}


#nav_container
{
	height: 430px;
	width: 230px;
	margin: 0 auto;
}

#nav_container ul, li
{
    margin: 0;
	padding-top: 1px;
    list-style: none;
    display: block;
}

#nav_container li a {
    display: block;
}

#under_nav_panel
{
	height: 190px;
	width: 230px;
	margin: 0 auto 0 auto;
}

img
{
	border: 0;
}

strong
{
	color: #1a4d3e;
	font-weight: bold;
}

div.centeredImage
{
	text-align: center;
}

.p_emphasis
{
	color: #1a4d3e;
	font-size: 110%;
	font-weight: bold;
	font-stretch: expanded;
	text-align: center;
	padding: 20px 0 20px 0;
}

em
{
	color: #1a4d3e;
	font-style: italic;
}

#row_2_pageContent a:link {
	color: #1a4d3e;
	border-bottom: 1px #1a4d3e dotted;
	text-decoration: none;
	font-weight: bold;
}

#row_2_pageContent a:active {
	color: #1a4d3e;
	border-bottom: 1px #1a4d3e dotted;
}

#row_2_pageContent a:visited {
	color: #1a4d3e;
	border-bottom: 1px #1a4d3e dotted;
	text-decoration: none;
	font-weight: bold;
	}
	
#row_2_pageContent a:hover {
	color: #902101;
}




