/***********************************************/
/* concord.css                            */
/* Use with template ConcordTemplate.dwt          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial, sans-serif;
	color: #b02d36;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background-color: #D8E8E4;
	height: 100%;
}

a:link, a:visited {
	color: #b02d36;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #b02d36;
}


h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #006699;
}

h4{
	font-size: 100%;
	font-weight: normal;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h5{
	font-size: 24pt;
	color: #B02D36;
	background-color: #FFFFFF;
	text-align: center;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#innerpage {
	background-color: #FFFFFF;
	position: relative;
	margin: 0px auto 0px auto;
	padding: 20px;
	width: 900px;
	border: 15px ridge #b02d36;
	height: auto;
}

#masthead{
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 100%;

}

#lowerpage{
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	background-color: #FFFFFF;
	height: auto;
}

#content{
	width: 725px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 20px;
	left: 175px;
	background-color:#FFFFFF;
	height: auto;
}

#foalcontent{
	width: 725px;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: -550px;
	left: 175px;
	background-color: #FFFFFF;
	height: auto;
}


#article{
	margin: 0;
	padding: 0 0 0 0;
	font: 80%;
	position: relative;
	float: left;
	width: 450px;
}

#clientmsgs{
	margin: 0 0 0 0;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	float: right;
	width: 275px;
}

#headlines{
	margin: 0px;
	padding: 10px 0px 10px 10px;
	text-align: center;
	background-color:#FFFFFF;
	font-size: 24px;
	color: #000000;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

.bigwords{
	text-align: center;
	font-size: 24px;
	text-color: #000000;
	color: #000000;
	background-color: #FFFFFF;
}



/************* #globalNav styles **************/

#globalNav img{
	background-color: #FFFFFF;
	height: 600px;
	width: 150px;
	position: relative;
	float: left;
}

#globalNav{
	padding: 0px;
	text-align: center;
	background-color: #b0757d;
	height: 260px;
	width: 145px;
	z-index: 3;
	position: absolute;
	top: 150px;
}

#globalNav a:link {
    color:#FFFFFF;
	font-size: 90%;
	text-decoration: none;
}

#globalNav a:visited {
    color:#FFFFFF;
	font-size: 90%;
	text-decoration: none;
}

#globalNav a:hover {
	font-size: 90%;
	text-decoration: none;
	color: #b02d36;
	background-color: #FFFFFF ;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */

#photogal{
	position: relative;
	margin: 0px auto 0px auto;
	top: 0px;
	width: 100%;
	text-align: center;
}

#thumbscroll{
	width: 231px;
	margin: 0 auto 0 auto;
	padding: 0 1px 0 1px;
	overflow: auto;
	display: inline;
	text-decoration: none;
}

#thumbscroll a:link {
	text-decoration: none;
}

#thumbscroll a:visited {
	text-decoration: none;
}

#thumbscroll a:hover {
	text-decoration: none;
}

#profile1{
    padding: 0 15px 15px 0;
	position: relative;
	top: 0px;
	float: left;
	width: 360px;
}

#profile2{
    padding: 0 0 15px 0;
    position: relative;
	top: 0px;
	float: right;
	width: 350px;
}

#profile3{
    padding: 0 15px 15px 0;
    position: relative;
	float: left;
	width: 360px;
}

.profphoto{
	margin: 0;
	padding: 0;
}

.profphoto img{
    float: left;
    padding: 0;
	margin: 0px 5px 5px 0px;
}
	
.profphoto p{
    padding: 10px 0 0 0;
	font-size: 100%;
}

.foalinfo{
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: #FFFFFF;
	font-size: 24px;
	color: #B02D36;
}

.foalinfo img{
    padding: 0;
	margin: 5px 5px 5px 5px;
}
	
.foalinfo p{
	margin: 0px 0px 0px 0px;
    padding: 0;
	font-size: 100%;
}

/************* #siteInfo styles ***************/

#siteInfo{
/*	border: 1px none #cccccc;   */
	font-size: 80%;
	color: #cccccc;
	width: 70%;
	padding-top: 15px;
}


#siteInfo a:link {
    color:#000000;
	font-size: 80%;
	text-decoration: underline;
}

#siteInfo a:visited {
    color:#000000;
	font-size: 80%;
	text-decoration: underline;
}

#siteInfo a:hover {
	font-size: 80%;
	text-decoration: underline;
	color: #FFFFFF;
	background-color: #b02d36;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}