@import url(layout.css);
body {
	margin: 0px;
	background-color: #868585; /*wide left/right bg photo - original color #9E9C9C; */
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	font-size: 0.75em;
	
}

/* seperate page bottom H-Rule*/

hr.style-one {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

/* Styles for DIV tags */
#container {
	border-right: 1px solid #9E9C9C;
	border-bottom: 3px solid #D7DCDF;
	border-left: 1px solid #9E9C9C;
	background-color: rgb(219,219,219); /*Color under left-fade photo - color value for second pix #C9C8C3; pix one 11:27 pm value is rgb(240,241,241)  */ /*code on 8-6-13 change rgb(219,219,219);*/
	background-image:  url("../images/leftphoto-fade.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: scroll;
	
}
#masthead {
	background-color: #FFFFFF;
	background-image:  url("../images/mastheadlogo.png");
	padding: 48px;
	
	}
#content_container {
	background-color:#FFFFFF;
	padding: 0px;
}
#column_left {
	float: left;
	}
#column_right {
	background-color: #FFFFFF;
	}
#image {
	margin-bottom: 6px;
	margin-left: 6px;
}

/* Styles for Masthead */
#masthead h1 {
	color: #4E5659;
	margin: 0px;
	padding: 0px;
}
#masthead h3 {
	color: #79878D;
	margin-bottom: 0px;
}
#masthead a {
	color: #4E5659;
	text-decoration: none;
}
#masthead a:hover {
	text-decoration: none;
}
/* Styles for Navigation */

#navigation {
	margin-left: 160px;
	background-color: #D7D4D4; /*prev. #DCDBE0;*/
		border-bottom:1px solid #9E9C9C;
	}

html>body #navigation {
	overflow: hidden;
}

#navigation ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
		}

#navigation li {	
	float: left;
	padding: 1px;
	margin-left:1px;
	}


#navigation a {
	margin-top: 0;
	margin-left:2px;
	padding: 8px;	
	display:block;
	border: 1px solid #D7D4D4; /*prev color #DCDBE0;*/
	text-decoration: none;
	color: #000;
	
}
#navigation a:hover {
	background-color: #C2C2C1; /**/
	border: 1px solid #DCDBE0;
}

/*Styles for Paragraph*/
p {
	color: #616162; /*prev #616160*/
	padding:0px 5px;
}

/* Styles for Writing page background color and header */

div.writing
{
background-color:#E7E7DF;
padding-bottom:7px;
border-radius: 5px;
}

div.writing2
{
background-color: #E4E4E1;
padding-bottom:7px;
border-radius: 5px;
}

h2.space {
position:relative;
top:10px;
	}
	
h2.space2 {
position:relative;
top: 10px;

	}
	
hr.space {
	position:relative;
	top:-36px;
		}		
	
/*New code for Writing Page*/	

.box {
	width:98%;
	height:350px;
	background:#FFF;
	margin:20px auto;
	}


.effect
{
  	position:relative;
    box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
}
.effect:before, .effect:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}	
		
		

			
.box1 {
	width:98%;
	height:350px;
	background:#F1F1EA;
	margin:20px auto;
	}


.effect1
{
  	position:relative;
    box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
}
.effect:before1, .effect1:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect1:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}	
			
		
/*Div For AddThis */

div.AddThis{
margin-bottom:29px;
}

/* Styles for HP Headers */	
h2.head {
position:relative;
color:#4E5659;
background-color:#D7D4D4;
border-radius: 5px;
padding:5px;
text-align:center;
	left: 0px;
	border-top:1px solid #E4E5DE;
	margin-top:-18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:19px;
	top: 0px;
}



h2.headhp {
position:relative;
color:#4E5659;
background-color:#D7D4D4;
border-radius: 5px;
padding:5px;
	left: 0px;
	border-top:1px solid #E4E5DE;
	margin-top:-23px;
	font-size:18px;
}



h3.head {
position:relative;
color:#4E5659;
background-color:#D7D4D4;
border-radius: 5px;
padding:5px;
	left: 0px;
	margin-top:-6px;
	border-top:1px solid #E4E5DE;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;

}

/*Styles for List Items Education Page*/
ol.edulist {
text-align:left;
margin-top:-3px;
color:#464643;
line-height:1.4em;
}

/*Awards page header h4*/
h4.headfbc {  /*FBC school Award Header*/
position:relative;
color:#4E5659;
background-color:#D7D4D4;
border-radius: 5px;
padding:8px;
	left: 0px;
	margin-top:-6px;
	margin-bottom:10px;
	border-top:1px solid #E4E5DE;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;

}

h3.writing {
position:relative;
background-color:#E7E7DF;
padding:10px;
	margin-top:15px;
	border-top:2px solid #D6D6B1;
	font-family:Georgia, "Times New Roman", Times, serif;

}

h3.writing2 {
position:relative;
background-color:#E4E4E1;
padding:10px;
	margin-top:15px;
	border-top:2px solid #CBCCC6;
	font-family:Georgia, "Times New Roman", Times, serif;

}


 h4.head {
position:relative;
color:#4E5659;
background-color:#D7D4D4;
border-radius: 5px;
padding:10px 10px;
border-top:1px solid #B5B5AF;
margin-top:14px; 
margin-bottom:2px;
width:120px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;

}

/* Styles right column header and paragraph */
div.rightcol {
position:relative;
background-color:#D7D4D4;
padding:8px 11px;
	border:1px solid #E4E5DE;
	margin-top:18px;
	text-align:center;
	font-size: 1.001em;
	width: 116px;
}




/*Inner pages*/
p.rightcol {
	margin: 13px 10px 8px 5px; 
	padding-left:3px;	
	
		}
		
		/* Inner pages 2 */
p.rightcol-two {
	margin: 13px -7px 10px; 
	padding:0px 2px;	
		}

	
/* Styles for Right Column Testimonials */	
div.Rcol {
position:relative;
background-color:#D7D4D4;
padding:5px 9px;
	border:1px solid #E4E5DE;
	margin-top:13px;
		width: 120px;		
		}

.blockquoter {
text-align:justify;
position:relative;
font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	line-height:1.45;
	color: #383838;
	font-size: 1.001em;		
}

.blockquoter:before {
	display:block;
	content:"\201C";
	font-size:34px;	
	position: absolute;
	left: 7px;
	top:2px;
	color:#7a7a7a;
}

div.attribution {
color:#616160;
text-align:center;
margin-top:5px;
margin-bottom:1px;
font-size:10px;
}


/* Styles for Hp Testimonials Blockquote */

.blockquotehp {
text-align:justify;
position:relative;
font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:italic;
	line-height:1.45;	
		margin: -10px -19px -5px;
}

.testisecond {
	color: #684F2F;
	margin-left:-6px;
}

.testifirst {
	
	margin-left:-6px;
}


.blockquotehp2:before {
	display:block;
	content:"\201C";
	font-size:32px;
	position: absolute;
	left: -6px;
	top:4px;
	color: #684F2F; }


div.attrbution1hp
{	
font-family:Arial, Helvetica, sans-serif;
padding: 0px 17px 0px 4.5em;
margin-top:0.55em;
margin-bottom:0em;
margin-right:-1em;
color:#616160;
font-size:0.90em;
}

div.attrbution2hp
{	
font-family:Arial, Helvetica, sans-serif;
padding: 0px 17px 0px 4.5em;
margin-top:0.55em;
margin-bottom:0em;
margin-right:-1em;
color:#684F2F;
font-size:0.90em;
}
/* End Styles for HP Testimonials */


/* Styles for Testimonials */

div.first
{
border:0px solid #DADAD8;
background-color:#E4E4E1;  /*prev code #F2F2F2;*/
width:425px;
border-radius: 10px;
padding:10px 33px;
margin-top:8px;
margin-bottom:8px;
margin-left:5px;

}

div.second
{	
border:0px solid #D6D6B1;
background-color: #E7E7DF; /*prev code #F1F1EA;*/
width:425px;
border-radius: 10px;
padding:10px 33px;
margin-top:8px;
margin-bottom:8px;
margin-left:5px;

}

/* Styles for Blockquote */

blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	text-align:justify;
	
	padding:0.10em 8px;
	line-height:1.45;
	position:relative;
	color: #383838;
	top: 0px;
	left: 0px;
	margin: -10px -15px -9px;
}


blockquote:before {
	display:block;
	content:"\201C";
	font-size:38px;
	position:absolute;
	left:-10px;
	top:1px;
	color:#7a7a7a;
}

.blockquotes:before {
	display:block;
	content:"\201C";
	font-size:38px;
	position:absolute;
	left:-10px;
	top:1px;
	color: #684F2F;
}


div.attrbution1
{	
font-family:Arial, Helvetica, sans-serif;
padding: 0px 17px 0px 4.5em;
margin-top:0.55em;
margin-bottom:0em;
margin-right:-1em;
color:#616160;
font-size:0.96em;
}

div.attrbution2
{	
font-family:Arial, Helvetica, sans-serif;
padding: 0px 17px 0px 4.5em;
margin-top:0.55em;
margin-bottom:0em;
margin-right:-1em;
color:#684F2F;
font-size:0.96em;
}


div.dash {
	
	margin-left:22px; 	 
	padding-left:13px; 
	padding-top:5px;
	color:#616160;
	position:absolute;
}


/* Styles for Last Updated */

p.updated {
text-align:right;
font-size:x-small;
}



/* Styles for Right Column */
#column_right h5 {
	color: #333333;
	font-size: small;
}

#column_right p {
	color: #333333;
	font-size: 0.95em;
	text-align:center;
	
}
#column_right a {
	color: #CF6C16; /* #003366;*/
	text-decoration: underline;
	}
	
#column_right a:hover {
	color: #003366;  /*#CF6C16;*/
}

#column_right a:visited 
{color: purple;}

/* Styles for Left Column */
h1 {
	font-size: 23px;
	color: #4E5659;
	margin-top: 0px;
	text-align:center;
	position:relative;
	background-color:#D7D4D4; /*Prev. color #F2F2F2; */
	border-radius: 5px;
	padding:6px;
	margin-top:2px;
	border-top:1px solid #B5B5AF;
	font-family:Georgia, "Times New Roman", Times, serif;

	
}


h2 {
	font-size: 20px;
	color: #4E5659;
	margin-top: 0px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;

}
h3 {
	font-size: medium;
	color: #4E5659;
	margin-top: 0px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;

}
h4 {
	font-size: small;
	color: #4E5659;
	margin-top: 0px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;

}

h4.awardslist {
	font-size: 11px;
	color: #4E5659;
	margin-top: 0px;
	margin-bottom:4px;
	margin-bottom:5px;
	text-align:left;
	margin-left:9px;
	font-family:Georgia, "Times New Roman", Times, serif;

}


h5 { 
	font-size: x-small;
	margin-top: 0px;
	text-align:center;
	color: #4E5659;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h6 { 
	font-size: xx-small;
	margin-top: 0px;
	text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;

}

/*Styles for UB Post div*/
		
.thumbub img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 1px; margin-top: 1px; }
.thumbub { background-color: #F2F2F2;
border: 1px solid #CCCCCC; padding: 2px;
font: 11px/1.4em Arial, sans-serif; }
.leftub { margin: 0.5em 0.8em 0.5em 0; float:left; }
.ctrub { margin: -4px 41px 5px; float:left; display:inline; }


/*Styles for image and caption*/
.picture { background-color: #F9F9F9; color: #464643;
border: 1px solid #CCCCCC; padding: 2px;
font: 11px/1.4em Arial, sans-serif; }
.picture img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 1px; margin-top: 1px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.9em 0.8em 0.5em 0; float:left; width:438px; text-align:center; }
#ctrlphoto { margin: -11px 30px 7px; float:left; display:inline; } /*Also used for speaking, comm. serv. and photography*/

/*Centered photos on Speaking, Comm. Serv. and Photography pages*/
.picture { background-color: #F9F9F9;
border: 1px solid #CCCCCC; padding: 2px;
font: 11px/1.4em Arial, sans-serif; }
.leftvertical { margin: 0.9em 0.8em 0.5em 85px; float:left; width:438px; text-align:center; }
.lefthorizontal { margin: 0.9em 0.8em 0.5em 30px; float:left; width:438px; text-align:center; }


/*Centered photos on Comm. Serv. and Photography pages*/
.picture { background-color: #F9F9F9;
border: 1px solid #CCCCCC; padding: 2px;
font: 11px/1.4em Arial, sans-serif; }
.leftverticalmsc { margin: 0.9em 0.8em 0.5em 71px; float:left; width:438px; text-align:center; }
.lefthorizontalmsc { margin: 0.9em 0.8em 0.5em 10px; float:left; width:438px; text-align:center; }


.text_line
{
clear:both;
margin-bottom:2px;
}


/*Styles for HP image thumbnails*/
.thumb { background-color: #F9F9F9;
border: 1px solid #CCCCCC; padding: 2px;
font: 11px/1.4em Arial, sans-serif; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; }
.ctr { margin: -4px 32px 5px; float:left; display:inline; color: #464643;}


/* Styles for List Items on Awards Page */

li.a {
	font-weight:normal;
	list-style-image:url("../images/li.jpg");
	padding: 2px 4;
	font-style:italic;
	line-height:1.5em;
	color:#464643;
	
	
}



/* Styles for paragraph after List Items on Awards Page*/
ul + p {
	text-align:justify;
	font-size:x-small;
	font-style:italic;
	color:#464643;
}

/*Styles for Links*/
a:link { color: #CF6C16; }
a:hover { color: #003366; } 
a:visited { color: purple; }
a:active { color:red; }
a img {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	margin-top: 0px;
}

/* Styles for Footer */
#footer p {
	margin: 12px 0px 0px 0px;
	font-size: 0.8em;
	text-align: center;
	font-size:0.85em; 
}

.alignleft {
	float: left;
	color: #79878D;
	font-size:0.85em; 
}

.alignright {
	float: right;
	color: #79878D;
	font-size:0.85em; 
}

#copyright {
	float: right;
	text-align: right;
	background-color: #C2C2C1; 
}


#footer a {
	color: #4E5659;
}

#footer a:hover {
	color:#CF6C16;
}

#footer a:visited {
	color:purple;
}

#footer {	
	background-color: #D7D4D4;
	padding-top: 3px;
	padding-bottom:1px;
}


.style_bold {
	font-weight: bold;
}

.style_italic {
	font-style: italic;
}