/* CSS Document */

/* Main */

body {

	text-align: center;

	margin: 0px;

	background-attachment: fixed;

	background-image: url(images/bggradient.jpg);

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

  }



#container {

	margin: 0 auto;

	width: 700px;

	text-align: left;

	background-color: #CCCCCC;

	display: block;

	padding: 0px;

	height: 100%;

	border: #666666;

	background-image: url(images/bggradient.jpg);

	background-attachment: fixed;

  }

  

  

/* Head */ 



#pageheadpic {

	margin: 0px;

	text-align: left;

	background-color: #F3F3F3;

	display: block;

	padding: 0px;

	height: 217px;

	width: 699px;

	border: 1px solid #666666;

	background-attachment: fixed;

	background-image: url(images/headgraphic.jpg);

	background-repeat: no-repeat;

  }

    

#pageheadtitlebar {

	margin: 0px;

	text-align: left;

	background-color: #F3F3F3;

	display: block;

	padding: 2px 0px 0px;

	height: 21px;

	width: 699px;

	border: 1px solid #666666;

	background-attachment: fixed;

	background-image: url(images/headbargradient.jpg);

	background-repeat: repeat;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	text-transform: uppercase;

	color: #FFFFFF;

	text-indent: 10px;

 	line-height: 21px;

  }

  

/* Text */

h1,h2,h3,h4
{
	color: #4F71B5;
	padding: 10px 20px 0;
}

h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	text-transform: capitalize;
}

h2
{
	font-size: 16px;
}
h3
{
	font-size: 14px;
}
h4
{
	font-size: 12px;
}



p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	/*text-indent: 5px;*/

	padding: 5px 20px;

}

/* Contenet */



#contentcontainer {

	margin: 0 auto;

	width: 700px;

	text-align: left;

	display: block;

	padding: 0px;

	height: 100%;



  }

  

#contenttitlebar {

	margin: 0px;

	text-align: left;

	background-color: #F3F3F3;

	display: block;

	height: 21px;

	width: 540px;

	border: 1px solid #666666;

	background-image: url(images/headbargradient.jpg);

	background-repeat: repeat;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	text-transform: uppercase;

	color: #FFFFFF;

	text-indent: 10px;

	top: 5px;

	position: relative;

	float: right;

	line-height: 21px;

  }



#content {

	float: right;

	margin: 0px;

	text-align: left;

	background-color: #F3F3F3;

	display: block;

	height: auto;

	width: 540px;

	border: 1px solid #898989;

	background-repeat: repeat;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	/*text-indent: 10px;*/

	top: 5px;

	position: relative;

	float: right;

  }

  

/* Navigation */

#navbar {

	float: left;

	text-align: left;

	background-color: #F3F3F3;

	display: block;

	padding: 0px 0px 0px 5px;

	width: 145px;

	border: 1px solid #666666;

	background-image: url(images/buttonbggradient.jpg);

	background-repeat: repeat;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	text-transform: capitalize;

	color: #898989;

	top: 5px;

	left: 0px;

	position: relative;

	text-decoration: none;

	line-height: 21px;

  }



#navbar a:link {

  color: #898989;

  text-decoration: none;

  }



#navbar a:visited {

	color: #898989;

	text-decoration: none;

  }

  

#navbar a:hover {

	color: #333333;





  }

  

/* Other */



	

img.floatRight { float: right;

margin: 4px; }

p.caption
{
	font-size: 11px;
	font-style: italic;	
}

h3.bio {
	float: left;
	width: 245px;
	text-align: center;
	padding: 1em 10px;
	margin-bottom: 1em;
}
h1, h2 {
	clear: left;
}