body {
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	background:#C1C9CC;
	text-align: center
	}
	
#wrapper
	{
		margin-top: 2px;
		margin-bottom: 4px;
margin: 0 auto;
text-align: left;
		padding: 0px;
		width: 780px;
		border: solid red 0px;
	}
#headerpage {
	margin:0px;
	padding:0px;
	width: 780px;
	height:91px;
	clear:both;
	background: url("/img/header.jpg") no-repeat;
	border: solid yellow 0px;
	}
#menu {
	float:left;
	margin:53px 0px 0px 0px;
	width: 700px;
	height: 38px;
	padding:0px;
	background:transparent;
		border: solid red 0px;
	}
.menuitem {
		width:114px;
		height:38px;
		float: left;
		background: url("/img/tab.gif") no-repeat;
		padding:0px;
		margin:0px 0px 0px 0px;
	}
.menutext{
		width:92px;
		margin: 9px 0px 0px 12px;
		padding:0px;
		text-align:center;
		font-family:  arial;
		font-weight: bold;
		background:#cccccc;
		color:#393939;
		font-size: 22px;
		height: 26px;
	}
.menutext a{ text-decoration: none;
		color:#393939;
}
.menutext a:hover { text-decoration: none;
		color:#000000;
}

#frontpagecontent {
		margin:0px;
		padding:0px;
		width: 100%;
		align: center;
	}		
	
#centerbox
{
	margin-top:74px;
	margin-left:auto;
	margin-right:auto;	
	width:773px;
	height:577px;	
}

.content, .shadow 
{
   position: relative;
   bottom: 4px;
   right: 4px;
 }

.shadow 
{ 
	background-color: #838385; 
}
.content 
{
   color: #000;
	border: 3px solid black;
	background:#ffffff;
   padding: 0px;
   align: center;
 }
 #picture
 {
 	margin-left: auto;
 	margin-right: auto;
	 background: url("/img/picture.jpg") no-repeat;
 	width:519px;
 	height:339px;
 }
#quotebox {
		width:100%;
		align:center;
		text-align:center;
		height: 100px;
}
#quotelabel {
		text-align: center;
		width: 100%
		height: 50px;
		margin: 25px;
		font-weight: bold;
		font-family: arial;
		font-size: 12px;
}
#quotemain{
		text-align: center;
		width: 499px;
		height: 20px;
		margin-left: auto;
		margin-right: auto;		
		padding: 10px;
		border: black solid 1px;
		background:#d6d6d6;
		font-weight: normal;
		font-family: arial;
		font-size: 12px;
	}
 
 .button
 {
 	float: left;
 	background: url("/img/button.gif") no-repeat;
 	width:239px;
 	height:23px;
	align: center;
	margin: 28px 0px 0px 13px;
	padding: 13px;
	font-weight: bold;
	border: 0px solid red;
	color:#838385;
 }
#contact
{
	margin:10px;
	font-weight: bold;
	color:#000000;
}
#logo
{
	margin:4px 0px 0px 0px;
	
}
#postitsleft {
		float: left;
		height: 100%;
		width: 100px;
		background: white;
		padding: 0px;
		margin:0px;
		}
#postitsright {
		float: right;
		height: 100%;
		width: 100px;
		background: white;		
		border: solid red 0px;
		padding: 0px;
		margin:0px;
		}
.postit 	{ 
		float: left;
			height: 25%;
		width:100px;
		margin: 0px;
		padding: 0px;
		}
.postit 	img 
		{	
		border: solid black 0px;
		margin: 0px;
		padding: 0px;
		}
#centerarea
{
		float: left;
		width: 580px;
		height: 454px;
		text-align: center;
		margin:0px;
		padding: 0px;
}
#videoplayer {	
		position: relative;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		width: 460px;
		height: 454px;
		border: solid blue 0px;
		padding:0px;
		background: url("/img/computer.jpg") no-repeat;
		border: solid white 1px;
		
}
#videoplayerscreen {	
		margin-top: 40px;
		margin-left:auto;
		margin-right:auto;
		padding-top:0px;
		width: 344px;
		height:274px;
		background: #2D435F;
		border: solid yellow 0px;
}
	
#picturegallery {
		margin-top:16px;
		margin-bottom:16px;
		width: 600px;
		height: 400px;
		margin-left:auto;
		margin-right:auto;		
		background:#d6d6d6;	
		border: solid black 1px;
		
		}
		
#pictureframe {
			
			margin-left: auto;
			margin-right: auto;
			margin-top:32px;
			margin-bottom:32px;
			padding:16px;
			width:600px;
			border: solid black 1px;
		}
#pictureframe img { border: solid gray 1px;}
.linkheading {
		width: 100%;
		background:#d6d6d6;
		border: solid black 1px;
		text-align:left;
		font-family:  arial;
		font-weight: bold;
		background:#cccccc;
		color:#393939;
		font-size: 22px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 16px;
		margin-left: 0px;
		padding: 2px;
		clear: both;
}
		
.linkbox{
		margin: 16px;
	
}
.link{
		margin: 8px 0px 4px 16px;
		border: solid black 0px;
		text-align:left;
		font-family:  arial;
		font-weight: bold;
		background:white;
		color:#393939;
		font-size: 18px;
}
#bookshelf{	
	
}
#bookshelf a { 
		float: left;
		text-align: center;
		border: solid black 1px;	
		margin:16px;}
#videolibrary{
}
#videolibrary a { margin:16px;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#content 
{
	margin: 10px;
	text-align:left; 
	overflow: auto;
	height: 100%;
}

#header 
{
  	margin:10px 10px 10px 10px;
  	border: 1px solid #000;
  	text-align: center;
	background-color: #FFF ;
}
  
#sidebar 
{
	width: 200px;
	margin: 0px;
	float: left;
	overflow: auto;
}

#main 
{
	padding: 10px 0px;
	margin-left: 210px; 
	border: 1px solid #000;
	height: 100%;
}
  
.side 
{
	padding: 10px 0px; 
	margin-bottom: 10px;
	border: 1px solid #000;
}
  
/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

a 
{
	font-weight: bold; 
	text-decoration: none;
}
a:link 
{
	color: #555;
	text-decoration: none;
}
	
a:visited 
{
	color: #555;
	text-decoration: none;
}
	
a:active 
{
	color: #555;
}
	
a:hover 
{
	font-weight: bold; 
	text-decoration: none;
	color: #000000;
}

#blog-title 
{
  	margin:5px 5px 0;
  	padding:20px 20px .25em;
  	font-size:2em;
  	line-height:1.1em;
  	text-transform:uppercase;
  	letter-spacing:.1em;
}
  
#description 
{
  	margin:0 5px 5px;
  	padding:0 20px 20px;
  	font-size: .8em;
  	letter-spacing:.1em;
}

.post 
{
	padding: 5px;
	margin: 0px;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.6em;
}

.post p 
{
	font-size: 0.8em;
	font-weight: normal;
	line-height: 150%; 
	text-align: justify;
}

.side p
{
	margin: 10px; 
	font-size: 0.7em;
	font-weight: normal;
	line-height: 175%; 
	text-align: left;
}

.post-title 
{
	padding-bottom: 5px;
}
.post-footer
{
	padding: 0px 0px 0px 0px;
}
	
.sidebar-title 
{
	border-bottom:1px solid #999;
	padding: 4px;
	margin: 0px; 
	color: #664E38; 
	line-height: 1em; 
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 0.1em; 
	text-align: center
}

.date 
{
	font-size: 1em;
	color: #664E38;
	margin: 0px 10px;
	padding: 2px;
	font-weight:bold;
	border-bottom:1px solid #999;
}	
			
.side ul, 
.side ul 
{
	margin:0 0 1.5em;
	padding:10px;
  	list-style:none;
}
.side li, 
.side li 
{
	font-size: 0.7em;
	line-height: 1.4em; 
}

#comments 
{
	font-size: 0.8em;
	border:1px solid #222;
	padding: 10px;  
	margin: 10px; 
}
	
.comment-link 
{
	font-size: 1em;
}  
  
/***********************************************/
/* footer tag styles                           */
/***********************************************/ 

#footer 
{
	clear: both;
  	margin:20px;
	padding: 10px;
  	border: 1px solid #000;
  	text-align: center;
}

#footer p 
{
	font-size: 0.8em;
	font-weight: normal;
	line-height: 150%; 
}
.blogpubimage img
{
	width: 320px;
}
.blogitemprevnext
{
	clear: right;
	margin: 20px 0px 20px 0px;
	border: 1px solid #000;
	height: 2em;
}
.blogitemnextentry
{
	float: right;
	overflow: hidden;
}
.blogitempreventry
{
	float: left;
	overflow: hidden;
}
.blogitempreventryname,
.blogitemnextentryname
{
	float:left;
	font-size: 0.9em;
	margin: 2px 2px 2px 0px;
	width: 5em;
}
.blogitempreventryvalue,
.blogitemnextentryvalue
{
	float: left;
	font-size: 0.9em;
	margin: 2px 2px 2px 2px;
}
.commentform
{
	vertical-align: top;
}
/* --------------------------- PUBLIC LINK --------------------------------- */
#publiclink
{
	clear:both;
	margin-left: auto;
	margin-right: auto;
	font-family: arial;
	padding: 2px 8px 0px 0px;
	color:#909090;
	font-size: 0.7em;
	text-align:right;
}
#publiclink a
{
	font-family: arial;
	color:#2020b0;
	font-size: 1em;
	white-space: nowrap;
}
.maxsize
{
        width:320px;
        border: 0;
}