/******************************************************************/
/* BODY / GENERAL */
/******************************************************************/
body 				{ 
					margin: 0; 
					padding: 0; 
					font-family: "Arial", "Trebuchet MS", Trebuchet, Verdana, Tahoma, Calibri, Arial, serif;
					/* font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; */
					font-size: 14px;
					}
div.centered		{
					/* centered in page */
					width: 780px;
					margin-left: auto;
					margin-right: auto;
					}
div#wholepage 		{
					background-image: url(../images/header-bg.png);
					background-position: top;
					background-repeat: repeat-x;
					}
div.leftcolumn		{
					width: 230px;
					float: left;
					left: 0;
					padding: 15px 15px 15px 15px;
					}
div.middlecolumn	{
					width: 230px;
					float: left;
					left: 260px;
					position: inherit;
					padding: 15px 15px 15px 15px;
					}
div.rightcolumn		{
					width: 230px;
					float: left;
					left: 520px;
					position: inherit;
					padding: 15px 15px 15px 15px;
					}
/******************************************************************/
/* HEADER */
/******************************************************************/
div#header			{ 
					height: 200px;
					background-color: transparent;
					text-align: center;
					color: #FFFFFF;
					background-image: url(../images/header-logo.png);
					background-position: top center;
					background-repeat: no-repeat;
					}
/******************************************************************/
/* MAIN AREA */
/******************************************************************/
div#content-container
					{
					/* holds background for content below. */
					margin-top: 0;
					padding: 0;
					}
div#content			{
					/* width reduced in place of padding */
					line-height: 30px;
					width: 740px;
					text-align: justify;
					margin-top: -20px;
					margin-bottom: 20px;
					padding-bottom: 24px;
					}
div#content-top		{
					background-image: url(../images/content-top.png);
					background-position: top center;
					background-repeat: no-repeat;
					float: left;
					width: 100%;
					height: 105px;
					margin-left: auto;
					margin-right: auto;
					margin-top: -65px;
					margin-bottom: -30px;
					}
div#content-bottom	{
					background-image: url(../images/content-bottom.png);
					background-position: top center;
					background-repeat: no-repeat;
					float: left;
					top: 0;
					width: 100%;
					height: 65px;
					margin-left: auto;
					margin-right: auto;
					margin-top: -15px;
					}
/******************************************************************/
/* TOP MENU */
/******************************************************************/
div#topmenu-container
					{
					background-image: url(../images/footer-bg.png);
					background-position: top center;
					background-repeat: repeat;
					border-bottom: 2px solid #556699;
					}
div#topmenu			{
					color: #000066;
					font-size: 14px;
					line-height: 22px;
					height: 210px;
					font-family: Arial, Helvetica, sans-serif;
					padding-top: 8px;
					}
#topmenu a, #topmenu a:visited
			 		{
					text-decoration: none;
					border-bottom: 1px solid transparent;
					color: #000066;
					}
#topmenu a:hover, #topmenu a:visited:hover
			 		{
					text-decoration: none;
					border-bottom: 1px dotted #003366;
					color: #003366;
					}
#topmenu ul			{
					margin: 0;
					padding: 2px 0 2px 0;
					/*padding-left: 20px;*/
					list-style-type: none;
					}
#topmenu ul li  	{
					/* background-image: url(../images/list.gif); */
					background-image: url(../images/arrow.png);
					background-repeat: no-repeat;
					background-position: 0 60%;	/* left, top */
					margin-left: 10px;
					padding-left: 20px;
					}
#topmenu ul a		{
					
					}
/******************************************************************/
/* CONTACT BAR */
/******************************************************************/					
div#footerbg		{
					background-image: url(../images/footer-bg.png);
					background-position: top;
					background-repeat: repeat-x;
					height: 230px;
					margin-top: -30px;
					border-top: 1px solid #99BBAA;
					}
div#contactbar		{
					color: #FFFFFF;
					font-size: 12px;
					line-height: 20px;
					height: 120px;
					font-family: Arial, Helvetica, sans-serif;
					padding-top: 8px;
					margin-top: 0;
					}
div#contactbar a	{
					text-decoration: none;
					border-bottom: 0;
					color: #FFFFFF;
					}
/******************************************************************/
/* FOOTER */
/******************************************************************/
div#footer 			{ 
					font-size: 9px; 
					letter-spacing: .10em;
					text-align: left;
					height: 20px;
					color: #FFFFFF;
					}
div#footer-logo		{
					float: left;
					margin-left: 15px;
					margin-top: -32px;
					}
div#footer a, div#footer a:active, div#footer a:visited
					{
					text-decoration: none;
					color: #FFFFFF;
					}
div#footer a:hover, div#footer a:visited:hover
					{
					text-decoration: none;
					color: #FFFFFF;
					border-bottom: 1px dotted #FFFFFF;
					}
/******************************************************************/
/* HEADERS */
/******************************************************************/
h1					{
					font-size: 44px;
					padding: 30px 0 15px 0;
					margin: 0;
					}
h2					{
					font-size: 29px;
					padding: 5px 0 10px 30px;
					margin: 0;
					font-style: italic;
					font-variant: small-caps;
					font-weight: bold;
					}
h3					{
					font-size: 24px;
					font-weight: bold;
					margin: 0;
					padding: 20px 0 20px 0;
					}
h4					{
					font-size: 17px;
					margin: 0;
					padding: 5px 0 5px 0;
					}
h5					{
					padding: 0;
					margin: 0;
					margin-bottom: 5px;
					font-size: 19px;
					font-family: Arial, Helvetica, sans-serif;
					}
#topmenu h5			{
					text-align: center;
					border-bottom: 1px dotted #000066;
					}
/******************************************************************/
/* LINKS */
/******************************************************************/
a					{
					text-decoration: none;
					color: #000066;
					border-bottom: none;
					}
a:visited			{
					text-decoration: none;
					color: #000099;
					border-bottom: none;
					}
a:hover, a:visited:hover, a:active
					{
					text-decoration: none;
					color: #000066;
					border-bottom: 1px dotted #000066;
					}
a:hover img, a:visited:hover img
					{
					border-bottom: 0;
					}
					/* Prevent hover-borders for images */
a.image, a.image:hover, a.image:visited:hover
					{
					border-bottom: none;
					}
/******************************************************************/
/* FORMS */
/******************************************************************/
input, textarea		{
					font-size: 13px;
					border: 2px solid #8899FF;
					color: #6677bb;
					padding: 2px 2px 2px 2px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					}
input#search-value	{

					}
input#search-submit	{
					font-size: 10px;
					}
/******************************************************************/
/* MISC */
/******************************************************************/
ul#projects li		{
					font-weight: bold;
					font-size: 16px;
					}
ul#projects blockquote	/* FOR IE 6, renders blockquote as above otherwise. */
					{
					font-weight: normal;
					font-size: 14px;
					}
div.quote			{
					text-align: center;
					margin: 30px 50px 30px 50px;
					background-color: #888888;
					color: #DDD;
					font-weight: bold;
					font-size: 15px;
					font-style: italic;
					padding: 15px 30px 15px 30px;
					border-bottom: 1px inset #AAA;
					border-right: 1px solid #CCCCCC;
					}
div.scriptdownload	{
					margin: 10px 0 10px 0;
					font-size: 16px;
					font-weight: bold;
					text-align: center;
					}
.i					{
					font-style: italic;
					}
div.imageleft		{
					float: left;
					width: 100px;
					padding-right: 20px;
					}
div.floatinglist	{
					float: right;
					top: 20px;
					right: 20px;
					background-color: #DDDDDD;
					font-weight: bold;
					padding: 10px 20px 20px 20px;
					margin-left: 20px;
					border: 1px solid #AAAAAA;
					}
div.floatinglist ul	{
					list-style-type: none;
					margin: 0;
					padding: 0;
					}
div.floatinglist li	{
					border-bottom: 1px solid #666666;
					font-size: 10px;
					margin-left: 0;
					padding-left: 0;
					}
div#feed			{
					padding: 0 0 0 19px;
					background: url(/images/icons/small-rss-feed.png) no-repeat 0 50%;
					float: left;
					position: inherit;
					left: 60px;
					top: 14px;
					}
div#latestposts		{
					text-align: center;
					font-size: 12px;
					}