@charset "utf-8";
/* CSS Document */
/* pat_site_css.css */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

    border: 0 none;
    margin: 0;
    padding: 0;

}

h1, h2, h3, h4, h5, h6, p, li, nav, td {
	font-family: Trebuchet MS, Trebuchet MS, sans-serif;
}

ul.sop {
	padding-left: 35px;
	list-style-type: circle;
}

li.sop {
	margin-bottom: 8px;
}

/********************************/

p {
	margin-bottom: 16px;
	line-height: 140%;
}

p.head {
	font-weight: bold;
	color: #2645a0;
	margin-bottom: 15px;
	font-size: 180%;
	line-height: 100%;
}

p.subhead {
	font-weight: bold;
	color: #2645a0;
	padding-top: 15px;
	font-size: 140%;
	line-height: 100%;
}

p.subsubhead {
	font-weight: bold;
	color: #2645a0;
	padding-top: 5px;
	font-size: 120%;
	line-height: 130%;
}

p.thhead {
	font-weight: bold;
	color: #2645a0;
	margin-bottom: 15px;
	margin-left: 15px;
	font-size: 220%;
	line-height: 100%;
}

p.contact {
	margin-top: 8px;
	margin-bottom: 8px;
}

span.itc {
	font-style: italic;
}

span.bold {
	font-weight: bold; 
}

span.uline {
	text-decoration: underline;
}

span.blue {
	color: #2645a0;
	font-style: italic;
}

span.italic {
	font-style: italic;
	color: #5f75b8;
}

body {
	background-image: url(../images/texture_dk_blue.jpg);
}

img {
	display: block;
}

img.banner {
	border-radius: 5px;
}

img.i400 {
	margin-left: 260px;
	margin-top: 40px;
	border: 3px solid #879DF1;
	border-radius: 10px;
}

img.wrapped {
	margin: 0 20px 15px 0;
	border: 3px solid #879DF1;
	border-radius: 10px;
	float: left;
}

/********************************/

#pageDef {
	width: 950px;
	padding: 15px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	background-image: url(../images/texture_blue.jpg);
	overflow: hidden;
	border-radius: 16px;
}

#banner {
	background-color: #2645a0;
	width: 940px;
	height: 240px;
	padding: 5px 5px 0 5px;
	border-radius: 10px;
}

.content {
	background-image: url(../images/texture.jpg);
	width: 890px;
	margin-top: 15px;
	padding: 30px;
	overflow: hidden;
	border-radius: 10px;
}

.content_thumbs {
	background-image: url(../images/texture.jpg);
	width: 920px;
	margin-top: 15px;
	padding: 15px;
	padding-top: 30px;
	overflow: hidden;
	border-radius: 10px;
}

.storynav {
	background-image: url(../images/texture.jpg);
	width: 920px;
	margin-top: 15px;
	padding: 5px 15px 5px 15px;
	overflow: hidden;
	border-radius: 10px;
}

.swush {
	background-image: url(../images/swush.png);
	background-repeat: no-repeat;
	background-position: center top;
}

/********************************/
/* index (welcome) */
.buttonholder
{
	width: 890px;
	height: 280px;
	margin: 30px 0 0 0;;
}

.btn1 {
	width: 195px;
	height: 280px;
	margin-left: 12px;
	margin-right: 15px;
	float: left;
}

/* mandalas info */
.btnc {
	width: 195px;
	height: 280px;
	margin-left: 350px;
	/*margin-right: 15px;*/
	float: left;
}

/* story info */
.btn3 {
	width: 195px;
	height: 280px;
	margin-left: 120px;
	margin-right: 15px;
	float: left;
}

/********************************/
/* story */
table {
	padding-top: 15px;
	padding-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}

table.sk5 {
	margin-left: -19px;
}

img.skLine {
	border: 1px solid #5f75b8;
	border-radius: 10px;
	margin-left: 15px;
	margin-right: 15px;
}

img.skLine5 {
	border: 1px solid #5f75b8;
	border-radius: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

img.skCirc {
	border: 1px solid #5f75b8;
	border-radius: 120px;
	margin-left: 15px;
	margin-right: 15px;
}

tr.txt {
	text-align: center;	
}

td > p {
	font-style: italic;
	color: #5f75b8;
	margin: 0;
	margin-top: 5px;
}

/********************************/
/* story nav */
.prevBtn {
	float: left;
}

.storytxt {
	float: left;
	margin-left: 49px;
}

.nextBtn {
	float: right;
}

/********************************/
/* journal art */
.lefttext {
	width: 770px;
	float: left;
}

.btn2 {
	width: 129px;
	height: 129px;
	margin-left: 21px;
	float: right;
}
/* journal art */
/********************************/
/* creating+ (lightbox) */
img.thumb {
	float: left;
	margin: 12px;
	border: 2px solid #f2f2f2;
}

img.thumb:hover {
	border: 2px solid #879DF1;
	background-color: rgba(152,199,231,.2);
}

.container {
	width: 940px;
	overflow: hidden;
}
/* creating+ (lightbox) */
/********************************/
/* not currently used */
#bottomline
{
	width: 940px;
	height: 6px;
	margin: 0;
	margin-top: 20px;
	background-color: #2645a0;
	float: left;
}