body{font-family:"Myriad Pro","Segoe UI",Helvetica, Arial, sans-serif;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:10px;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;}
/* ====== Elements ====== */
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
code{color:#0B8C8F;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:196%;  font-weight:normal; font-style: normal; color:#3f3f3f; text-transform: capitalize; width: 430px;}
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#3f3f3f; width: 430px; }
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#3f3f3f;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333; text-transform: capitalize;
padding-bottom: 3px; border-bottom: 1px solid #acacac;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#3f3f3f; text-transform: capitalize;}
h6, .h6{font-size:108%; font-weight:normal;   color:#333; 

}


.bg4 {
height: 110px;
	background-image: url(img/bg4.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}



h5 a {
	color: #3f3f3f ;
	
}

h5 a:visited {
	color: #3f3f3f ;

}


h2 a {
	color:#3f3f3f ;
	font-weight normal;
}

h2 a:visited {
	color: #3f3f3f ;
	font-weight: normal;
}




/* if additional headings are needed they should be created via additional classes, never via location dependant styling */

.archiveColor {
background: white;
padding-bottom: 40px;
}


.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}
/* links */

 a { color: #208c86;

  font-weight: bold;text-decoration: none;
	
}
.nav a { color: #208c86;
 text-transform: uppercase;
  font-weight: bold;text-decoration: none;
	font-variant: small-caps;
	letter-spacing: 2px;
}
a:focus, a:hover { text-decoration: none; }
a:visited { color: #208c86; }
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}
/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #3f3f3f;}
th, td{vertical-align:top;border:1px solid #3f3f3f;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}
/* ====== blockquote ====== */
cite{display:block; text-align:right; padding-top: 10px;}
/* ====== callout ====== */
.callout{font-size:189%;color:#999999; font-style:italic;}
.callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast{vertical-align:middle;}
/* ====== image treatments (get more from jason santa maria) ====== */
.caption{font-size:13px; color:#666666; font-style:italic;padding-top:0;}
/* will need to either 
1. find a way to capture the width of the caption in the width of the image or flash
2. Set some default widths, mby use flickr widths?
*/
/* ====== media ====== */
.media{overflow:hidden; overflow:visible; zoom:1;margin:10px;}
.media .img{float:left;margin-right: 10px;}
.media .img img{display:block;}
.media .imgExt{float:right; margin-left: 10px;}



/* Basic Backgrounds, etc.. */


html {
	background: #f7f7f7;
	
border-top: 3px solid #333;

}



.page {
	background: white;
	

	padding-left: 17px;
	padding-right: 7px;

	padding-top: 10px;
	padding-bottom: 20px;
	margin-top: 10px;
	border: 1px solid #acacac;
	border-left: solid 10px #acacac;
	margin-bottom: 30px;
}

.pageIndex {
background-color: white;
background-image: url(img/bg8.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}



.about {
	background: white;
	background-image: url(img/bg8.jpg);;
	background-position: center right;
	background-repeat: no-repeat;
}

.articles {
	background: white;
}

.imgArticle {
	width:  850px;
	height: 220px;
	background: url(img/bg3.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #acacac;
	margin: 0 auto;
	margin-top: 14px;
}


	
	
.author {
	font-weight: bolder;
}

.articleMenu {
	margin-top: 10px;
	margin-bottom: 0px;
	background: white;
	padding: 0px;
}

.arMenu {
	width: 200px;
	position: relative;
	top: -14px;
	border-right: 1px solid #adadad;
}

.arMenu1 {
	width: 200px;
	position: relative;
	top: -14px;
	border-left: 1px solid #adadad;
}
	
.body {
	padding-top: 20px;
	background: none;
	padding-bottom: 20px;
	border-bottom: 1px solid #acacac;
	
}




/* Image Blocks */

.imgblock1 {
	width: 435px;
	height: 140px;
	border: 1px solid #bfbfbf;
	margin-left: 26px;
	margin-top: 16px;
	background: none;
	
}

.imgblock2 {
	width: 202px;
	height: 190px;
	border: 1px solid #acacac;
	background: #7c8881;
margin-right: 30px;

}

.effect1 {
  padding-top: 14px;
}

.imgblock3 {
	width: 435px;
	height: 88px;
	border: 1px solid #acacac;
		margin-top: 15px;
		background: #7c8881;
}


.imgblock4 {
	width: 202px;
	height: 69px;
	border: 1px solid #bfbfbf;
	margin-right: 20px;
	background: #7c8881;
	
}

.imgblock5holder {
	padding-top: 10px;
}

.imgblock5 {
	width: 440px;
	height: 55px;
	margin-left: 0px;
background: url(img/bg2.jpg);
background-position: bottom center;
background-repeat: no-repeat;

	margin-bottom: 0px;
	
}

.imgblock6 {

	height: 85px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	background: none;

}

.img7 {
	width:  850px;
	height:  440px;
	border: 1px solid #acacac;
	background: url(img/bg3.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

.aBanner {
	border: 1px solid whitesmoke;
}

.aboutMargin {
	margin-top: 13px;
	background: none;
}

.aBanner2 {
margin-top: 44px;
margin-left: 5px;

	border: 1px solid whitesmoke;
}

.aBanner3 {
margin-top: 13px;
margin-left: 5px;

	border: 1px solid whitesmoke;
}



#search {
padding-top: 13px;
margin-left: 0px;

	}

.pRight {
	background: none;
position: relative;
top: -10px;

}

.italicFt {
	font-style: italic;
}

.footer {
	border-bottom: 1px solid #acacac;
	padding-bottom: 14px;
}

/* Article Link */

.bg3 {
	background: #f7f7f7;
}

.article

{
	_height: 1px;
	
		
		margin-bottom: 13px;
		margin-top: -22px;
}

.articleContent
{
	
	position: relative;
	top: 2px;
	left: 2px;
	
}

/* ====== special formatting classes ====== */
.detail{color: #777; font-size:11px;display:block;}

/* Navigation */


.nav1 {
	margin-top: 13px;
	
	
}

.nav1 li {
	display: inline;
	color:  black;
	margin-right: 6px;
	border-right: 1px solid white;
}


.nav1 li a {
	color:  black;
}

.nav1 li a:hover {
	background: white;
}




.nav {
		border-bottom: 1px solid #bfbfbf;
		background: none;
}

.nav li
{
	display: inline;
	margin-right: 5px;
	border-right: 1px solid gray;
	padding-right: 5px;

}

.head {
 margin-bottom: 0px;

 padding-bottom: 3px;


 
}

.head p {
	font-size: 12px;
	
	letter-spacing: -0.3px;
	line-height: 17px;
	margin-top: 10px;
	margin-bottom: 14px;
	
	
}

.head p:first-line {
font-style: italic;
}


.frontVideo {
	margin-top: 5px;
}


.rightCol {
	width: 450px;
	margin-left: 10px;
	padding-left: 10px;
    padding-top: 55px;
	padding-bottom: 20px;
	 
}



.body p {
	font-size: 12px;
	line-height: 16px;
}



 p.italic:first-letter  {
	color: black;
	font-weight: bold;
	float: left;
	font-size: 22px;
	font-family: Times, serif;
	margin-top: 6px;
	margin-right: 3px;
}

p.block1:first-line {
font-size: 12px;
	line-height: 15px;
}

.italic 
{
	font-style: italic;
	border-bottom: 1px solid #acacac;
	
}


/* Italic 2 */


 p.italic2:first-letter  {
	color: black;
	font-weight: bold;
	float: left;
	font-size: 22px;
	font-family: Times, serif;
	margin-top: 6px;
	margin-right: 3px;
}




.italic2
{
	font-style: italic;
	
	
}

.



.side {
	
		height: 22px;
	width: 100%;


	
}

.top {
	 
	margin-bottom: 30px;
	width: 100%;
	
	height: 69px;
	

}

.romantismedu {
	position: absolute;
	top: 14px;
	left: 855px;
	
}