body {
		background-color: #8c8cd2;
		background-image: url(img/bg.jpg);
		font-family: Segoe UI, Verdana, Sans-serif;
		height: 100%;
		background-repeat: repeat-x;
	}

/* overall */
								
	a:link { color: #3f4b56; }			
	a:visited { color: #545454; }		
	a:hover { color: #590c48; }
	a:active { color: #590c48; }
	a:focus { outline: none; text-decoration: none; }
	
	a { 		
	    text-decoration: none;
		border-bottom: 1px dashed;			
	}	

	img {
		border: none;
	}
	
	.noBorder {	
		border: none;	
	}

/* logo */

	#logo { 
		width: 116px;
		height: 80px;
		margin: 30px 0 10px 70px;		
	}
		
/* boundary menus */

	.boundary-menu, #content {
		width: 980px;	
	}
	
	.boundary-menu {				
		font-size: 75%;		
		color: #e1e1e1;		
		background-repeat: no-repeat;
	}

	#head-menu {
		height: 36px;	
		margin: 20px auto 0 auto;	
		background-image: url(img/head.png);
		line-height: 36px;	
	}

	#foot-menu {
		height: 45px;
		margin: 0 auto 50px auto;		
		background-image: url(img/foot.png);
		line-height: 42px;
	}

	.boundary-menu a {
		display: inline;
		margin-left: 40px;
		margin-right: 60px;
		border-bottom: none;
		float: right;	
	}
	
	.boundary-menu a:link { color: #e1e1e1; }	
	.boundary-menu a:visited { color: #e1e1e1; }
	.boundary-menu a:hover { color: #e1e1e1; text-decoration: underline; }
	.boundary-menu a:active { color: #e1e1e1; text-decoration: underline; }
	.boundary-menu a:focus { text-decoration: underline; }

	#cr	{			
		margin-left: 400px;
		margin-right: 40px;		
	}

/* main */

	#content {
		margin: 0 auto 0 auto;
		padding: 30px 0 40px 0;
		background-color: #ffffff;

		-webkit-box-shadow: 0 0 15px 1px rgba(20,20,20,0.75);
		-moz-box-shadow: 0 0 15px 1px rgba(20,20,20,0.75);
		box-shadow: 0 0 15px 1px rgba(20,20,20,0.75);
	}
	
	#main-pic {
		text-align: center;		
		height: 550px;
	}	
	#main-pic-sm {
		text-align: center;		
		height: 424px;
	}	

/* main menu */
				
	#menu {
		width: 920px;
		height: 43px;
		margin: 0 auto 50px auto;		
		background: url(img/menu.jpg) no-repeat;	
	}

	#menu #Home {
		margin-left: 61px;
	}

	#menu .item {
		display: inline;		
		float: left;

		opacity: 0;
		-webkit-transition: opacity 400ms ease-in-out;
		-moz-transition: opacity 400ms ease-in-out;
		-o-transition: opacity 400ms ease-in-out;		
		transition: opacity 400ms ease-in-out;   	
	}

	#menu .selItem {
		opacity: 1;				
	}
	
	#menu .item:link { color: #ffffff; }	
	#menu .item:visited { color: #ffffff; }			
	#menu .item:hover { color: #ffffff; opacity: 1; }			
	#menu .item:active { color: #ffffff; }	
	#menu .item:focus { color: #ffffff; }	

	
/* text */		

	h1 {
		width: 210px;
		height: 36px;		
		margin: 38px 0 30px 43px;
		padding-left: 18px;			
		font-size: 120%;
		font-weight: normal;
		line-height: 36px;
		color: #ffffff;
		background-color: #ce714d;

		-webkit-box-shadow: 2px 4px 3px 0 rgba(20,20,20,0.75);
		-moz-box-shadow: 2px 4px 3px 0 rgba(20,20,20,0.75);
		box-shadow: 2px 4px 3px 0 rgba(20,20,20,0.75);
	}

	.large {	
		width: 250px;		
		min-width: 200px;
		font-size: 95%;
	}
	.xlarge {	
		width: 280px;		
		min-width: 200px;
		font-size: 95%;
	}
	.xxlarge {	
		width: 305px;		
		min-width: 200px;
		font-size: 95%;
	}
	.book {	
		width: 360px;			
		min-width: 200px;
		font-size: 100%;
		color: #ffffbf;
		font-family: Franklin Gothic Medium;
	}
	
	h2 {
		width: 180px;
		height: 32px;		
		margin: 32px 0 25px 43px;
		padding-left: 18px;		
		font-size: 105%;
		font-weight: normal;
		line-height: 32px;
		color: #ffffff;
		background-color: #ce714d;

		-webkit-box-shadow: 2px 4px 3px 0 rgba(20,20,20,0.75);
		-moz-box-shadow: 2px 4px 3px 0 rgba(20,20,20,0.75);
		box-shadow: 2px 4px 3px 0 rgba(20,20,20,0.75);
	}
		
	h3 {
		width: 150px;
		height: 25px;
		margin: 32px 0 25px 43px;
		padding-left: 18px;	
		font-size: 90%;
		font-weight: normal;
		line-height: 25px;
		color: #ffffff;
		background-color: #ce714d;

		-webkit-box-shadow: 2px 4px 3px 0 rgba(20,20,20,0.75);
		-moz-box-shadow: 2px 4px 3px 0 rgba(20,20,20,0.75);
		box-shadow: 2px 4px 3px 0 rgba(20,20,20,0.75);
	}

	h4 {	
		margin-left: 60px;	
		font-size: 95%;
		font-weight: normal;
		color: #0f0f0f;
		text-decoration: underline;
	}
	
	h5 {		
		font-size: 95%;
		font-weight: normal;
		color: #0f0f0f;
		text-decoration: underline;
		margin: 15px 0 15px 60px;
	}

	.chapter {
		margin-left: 60px;
		margin-top: 28px;
	}	
		
	.bold {
		font-weight: bold;
		color: #595959;		
	}
	.sign {	
		color: #606060;	
		font-family: Franklin Gothic Medium;
		white-space: nowrap;
	}
				
	p, ul {
		margin-left: 60px;
		margin-right: 60px;	
		font-size: 95%;	
		line-height: 145%;
	}

@media screen and (max-device-width: 800px) {
	p, ul {
		font-size: 110%;
		/* chrome 'anti-boost' */
		max-height: 999999px;
	}

}

	.small-font {
		font-size: 80%;	
	}

	.center	{
		text-align: center;
	}

	.indent	{
		padding-left: 13px;
	}

	#up	{
		text-align: center;	
		margin-top: 30px;
		font-size: 90%;	
	}

	iframe {		
		margin-left: 60px;		
	}

/* text-only */

	.header1 {
		display: block;
		margin: 32px 0 25px 43px;
		font-size: 150%;	
		color: #404040;
	}

/* table */
			
	table {
		margin-left: 43px;	
		margin-right: 43px;
		vertical-align: top;
	}
		
	.cell {
		width: 580px;	
		vertical-align: top;	
	}

	.smallCell {
		width: 295px;
		vertical-align: top;				
	}

	.cell + td {
		font-size: 95%;	
	}

	.align-right {
		text-align: right;
	}
	
	.spacer {
		height: 10px;
	}
	
	.bkg-whitish {
		background-color: #faeeee;
	}	
	
/* textboxes */
	
	textarea {
		background-color: #ffffff;
		margin-top: 5px;	
		margin-bottom: 5px;		
		overflow: auto;
	}

	.note {
		border-style: solid;
		border-width: 0 0 0 12px;
		border-color: #eeeb9b;
		margin: 25px 30px 25px 30px;
		padding: 30px;			
		font-size: 85%;
	}
	
	.noteBox {
		width: 800px;
		background-color: #ffdce0;
		margin: 25px 30px 25px 30px;
		padding: 30px;				
		font-size: 85%;
	}

		
/* misc */
		    
    #clear {
    	clear: both;
    }
		
	
/* spec */