/* A Free Design by Bryant Smith (bryantsmith.com) */

html, body {
text-align: center;
}
p {text-align: left;}

body {
	margin: 0px;
	padding: 0px;
	background-image: url('./images/bodybackground.jpg');
	background-repeat: repeat-y;
  background-color:#000000;
  background-position:left top;
	background-attachment:fixed;
	text-align: left;
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 13px;
	color: #F1F5F8;
}
*  /* <-- IMPORTANT  */
{
 margin: 0 auto 0 auto;
 text-align:left;
 }


#cleardivs {
clear: both;
}

.pheader 
{
float:left;
padding:2px 2px 0px 10px;
margin:2px 2px 2px 9px; /* T R B L */
width:1024px;
/*height:155px;*/
height:180px;
 /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='./images/css/headerbackground.png');
/*prevent IE explorer to get this:  background: url(./images/css/headerbackground.png) no-repeat;*/ 
background-repeat:no-repeat;
}

/* IE ignores styles with [attributes], so it will skip the following. */
.pheader[class]  
{
background-image: url('./images/css/headerbackground.png');
margin: 5px auto 0px 9px;
/* background-image: url('./images/css/headerbackground.png');
background-repeat: no-repeat;} */
}


.pheaderleft{
float:left;
  width:120px;
  margin: 5px auto 0px 0px;  
  display: block; 
  height:auto;
  position: relative; 
  background: transparent;


}
.pheaderright{
  float:right;
  width:902px; /*(1024-120) */
  margin: 0px auto 0px auto;  
  display: block; 
  height:auto;
  position: relative; 
  background: transparent;
	text-align: center;
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 13px;
	color: black;
}


#columnwrapper /* all below the header */
{
width: 1024px;  
margin: 0px auto auto 0px;
}



#nav {
margin: 0px auto auto 10px;
float:left;
width:140px;
}


#nav ul
{
list-style-type:none;
margin:0px;
padding:0px;
}


#nav a
{
display:block;
width:140px;
}




#contentwrapper { /* right side of page beside nav buttons SCROLLS */ 
float:rigth;
  margin: 0px auto 0px 180px; 
  padding:0px 20px 0px 0px; /* T R B L */
  margin-top:0px;
  display: block; 
  height:auto;
  position: relative; 
  /* overflow: visible; */ /* hidden; */ 
  /* overflow: visibile; */ /*auto; */ /*scroll */
  width: 742px;
/*background:#9c9;*/
}


#top
{
display:block;
width:742px;
height:35px;
float:right;

/*clear:both;*/
}

#top img
{
padding-left:15px;
padding-right:15px;
float:right;
}



.header
{
height:155px;
width:742px;
display:block;
 /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='./images/css/header.png');
/*prevent IE explorer to get this:  background: url(./images/css/headerbackground.png) no-repeat;*/ 
}

/* IE ignores styles with [attributes], so it will skip the following. */
.header[class]  
{
background-image:url('./images/css/header.png');
background-repeat:no-repeat;
}


.header h1
{
position:relative;
margin-left:20px;
padding-top:7px;
color:#000000;
text-align:center;
/*font-size:47px;*/
font-size:32px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

.header h2
{
margin-left:20px;
margin-top:2px;
padding-right:21px;
position:relative;
/* color:#FFFFFF; */
color:#000000;
text-align:center;
font-size:26px;
font-family:Arial, Helvetica, sans-serif;

}



#content
{
width:742px;
/*clear:both;*/
}

.content_top
{
height:82px;
width:742px;
 /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='./images/css/content_top.png');
/*prevent IE explorer to get this:  background: url(./images/css/headerbackground.png) no-repeat;*/ 
}

/* IE ignores styles with [attributes], so it will skip the following. */
.content_top[class]  
{
background-image:url('./images/css/content_top.png');
background-repeat:no-repeat;
}


#content .content_top h1
{
font-size:32px;
padding-top:18px;
text-align:center;
font-size:32px;
}

#content .content_top h2
{
font-size:26px;
color:#000000;
padding-left:10px;
padding-right:10px;
}
#content .content_top h3
{
font-size:32px;
padding-top:18px;
padding-left:10px;
padding-right:10px;
text-align:center;
font-size:32px;
}


#content .content_instance_big
{
padding-top:30px;
width:742px;
height:auto;
/*clear:both;*/
background-image:url(./images/css/content_back.png);
/*background-repeat:repeat-x; */
background-repeat:repeat;
}


#content .content_instance_big h2
{
font-size:26px;
color:#000000;
padding-left:10px;
padding-right:10px;
}


#content .content_instance_big h3
{
font-size:18px;
color:#000000;
padding-left:10px;
padding-right:10px;
}

#content .content_instance_big p
{
font-size:16px;
color:#000000;
padding-left:10px;
padding-right:10px;
}

a img  /*  ????? */
{
border:none;
}


#content .content_instance_big .content_centered
{
margin-top:10px;
width:722px;
padding-top:0px;
padding-right:10px;
padding-bottom:20px;
padding-left:10px;

float:none;
}
#content .content_instance_big .content_centered h1
{

text-align:center;
font-size:32px;
}

#content .content_instance_big .content_centered h2
{
text-align:center;
font-size:18px;
line-height:20px;
color:#000000;
}

#content .content_instance_big .content_centered p
{
text-align:center;
font-size:14px;
line-height:16px;
color:#000000;
}


#content .content_instance
{
width:742px;
height:300px;
/*clear:both;*/
background-image:url(./images/css/content_back.png);
background-repeat:repeat-x;
}


#content .content_instance img
{
width:300px;
height:177px;
margin-top:30px;
margin-bottom:30px;
margin-left:30px;
margin-right:15px;
float:left;
clear:none;
}

#content .content_instance .portrait img
{
width:180px;
height:240px;
margin-top:30px;
margin-bottom:30px;
margin-left:30px;
margin-right:135px;
float:left;
clear:none;
}


#content .content_instance .twitter img
{
width:90px;
height:30px;
clear:none;
}

#content .content_instance .content_left

{
margin-top:30px;
width:385px;
float:left;
}
#content .content_instance .content_left p
{
text-align:justify;
font-size:14px;
line-height:16px;
color:#000000;
}


#content .content_instance .content_middle
{
margin-top:10px;
width:722px;
padding-left:10px;
padding-right:10px;
float:none;
}
#content .content_instance .content_middle h1
{

text-align:center;
font-size:32px;
}

#content .content_instance .content_middle h2
{
text-align:justify;
font-size:18px;
line-height:20px;
color:#000000;
}
#content .content_instance .content_middle h3
{
text-align:center;
font-size:18px;
line-height:20px;
color:#000000;
}

#content .content_instance .content_middle p
{
text-align:justify;
font-size:14px;
line-height:16px;
color:#000000;
}


#content .content_instance .content_centered
{
margin-top:10px;
width:722px;
padding-left:10px;
padding-right:10px;
float:none;
}
#content .content_instance .content_centered h1
{

text-align:center;
font-size:32px;
}

#content .content_instance .content_centered h2
{
text-align:center;
font-size:18px;
line-height:20px;
color:#000000;
}

#content .content_instance .content_centered p
{
text-align:center;
font-size:14px;
line-height:16px;
color:#000000;
}




#content .content_instance h2
{
color:#000000;
padding-bottom:7px;
}

.content_bot
{
height:82px;
width:742px;
 /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='./images/css/content_bot.png');
/*prevent IE explorer to get this:  background: url(./images/css/headerbackground.png) no-repeat;*/ 
}


/* IE ignores styles with [attributes], so it will skip the following. */
.content_bot[class]
{
background-image:url('./images/css/content_bot.png');
background-repeat:no-repeat;
}


.content_bot h1
{
padding-top:23px;
text-align:center;
font-size:32px;
}


.content_bot h2
{
color:#000000;
padding-bottom:7px;
}




.links
{
width:722px;
/* height:80px; */
font-size:14px;
font-weight:bold;
color:#000000;
line-height:40px;
text-align:center;
padding-right:20px;
}

.links p, .links a:visited
{
font-size:18px;
font-weight:bold;
text-align: center;

}


.links a, .links a:visited
{
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#E9EEF3;
background-color:#000000;
padding:3px;
}

.links a:hover
{
color:#FFFFFF;
background-color:#333333;
}

#footer
{
text-align:center;
width:inherit;
color:#E6E6E6;
font-size:11px;
}

#footer a, #footer a:visited
{
color:#FFFFFF;
}


