/* Index
--------
Body styles
HTML element styles
Access styles
- utilities
Image replacement

Divs
----
- wrapper
- contentwrapper
- header
- navigation
- parent_site_link
- content
- footer


/*Body styles
++++++++++++++++++++++++++++*/

/* IE star hack */
* {
    margin:0;
    padding:0;
}

body {
	font-size: 11pt;
	margin: 0;
	padding: 0;
}

p {
	color: #3c3c3c;
	font-size: 11pt;
	
	margin-right: 0px;
	padding-right: 0px;
	margin-top: 0pt;
	
font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 150%;

}

a:link, a:active  {
color: #000;
text-decoration: underline;	
}




/*HTML element styles 
++++++++++++++++++++++++++++*/

img {
	border:0px;
	display: none;
} 

/*Access styles 
++++++++++++++++++++++++++++*/

.hide{
display: none;
}

/*image replacement

++++++++++++++++++++++++++++*/

.replace {
position: relative;

/* hide from IE5Mac \*/
overflow: hidden;
/* end hide */

}

.replace em {
display: none;
}

h1.header {
font-size: 250%;
margin: 0;
padding: 0; 
width: auto;
height: auto;
}

h1.title {
font-size: 200%;
margin: 0;
padding: 0;
width: auto;
height: auto;
}



/* LAYOUT STYLES
++++++++++++++++++++++++++++*/
#wrapper {
width: 95%;
}


#content-wrapper{
background-image:  none;
}


/* Header styles 
++++++++++++++++++++++++++++*/


#header {

width:775px;
height: 50px;

/*background-image: url(../images/header/banner.png);
background-position: top;
background-repeat: no-repeat;

 Layout style - delete 
border: 1px dashed Green;
background-color:   Teal;*/ 

} 


/* Navigation styles 
++++++++++++++++++++++++++++*/
#navigation {
display: none;
}
 

#parent-site-link{
	display: none;
	/* Layout style - delete 
	border: 1px silver dashed; 
	background-color: green;*/
}


/* Content styles 
++++++++++++++++++++++++++++*/
#content {

margin: 0px;
margin-left: 0px;

padding-left: 0px;

/* Layout style - delete  
border: ;*/

background-color:  white;

/*
background-image:  url(../images/content/coins.jpg);
background-repeat: no-repeat;
background-position: 50% 30px;
*/

margin-right: 0px;
} 

#content img {
	margin: 0 auto;
}

#content h1, #content h2, #content h3{ 
	
font-family: Georgia, "Times New Roman", Times, serif;
margin-top: 10pt;
font-weight: bold;
line-height: 150%;

}

#content h3 { 
color: #000; 	
font-size: 80%;
font-family: Georgia, "Times New Roman", Times, serif;
margin-top: 20pt;
font-weight: bold;
line-height: 150%;
}

#content h1 { 
font-size: 150%; /* 18px */ 
}

#content h2 { 
font-size: 100%; /* 12px*/
}



#content p.specialheading { 
color: white; 
font-weight: bold; 
line-height: 150%; 
background-color: #C4713D; 
padding: 0em; /* 4px */ 
}


#content p {
margin-right: 0pt;

}


#content a:hover, #content a:focus {
color: #ffa500; 
} 

#content img.title {

margin-left: 0px; /* conventional centering was causing issues. See methodology txt doc. */ 
margin-top: 36px;
display: inline;

/* Not working. Is pulling content div down. Possible error in my code. Try to fix at end of project     
margin: 0px auto; 
display: block; 
*/

}

/* Footer styles 
++++++++++++++++++++++++++++*/
#footer {
display: none;
}