/* resets the cores elements so they appear consistent across browers */
* {outline-color: -moz-use-text-color; outline-style:none; outline-width:0; padding:0; border:0; }

/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body{ width: 800px; background-color: #fff; color: #666666; margin: 0 auto; text-align:center; font-size:100%; font-family: Times New Roman, Times, Serif;}

h1  {color: ghostwhite; font-size:2.25em; font-weight:lighter; font-family: Century Gothic, Futura Md Bt, Arial, sans-serif; letter-spacing: .3em; text-align: left; margin: 12px 0 0 6px }
h2  {color: olivedrab; font-weight: bold; font-size: 0.825em; letter-spacing: .1em; line-height: 100%; font-family: Arial, Helvetica; text-align: left; margin: 6 0 }
h3  {color: olivedrab; font-weight: bold; font-size: 1em; line-height: 100%; font-family: Arial, Helvetica; text-align: left; margin: 6px 0; }
h4  {color: darkgoldenrod; font-weight: bold; font-size: 0.75em; line-height: 100%; font-family: Arial, Helvetica; text-align: left; margin: 6px 0; }
h5  {color: dimgray; font-size: 0.685em; line-height: 100%; letter-spacing: .05em; font-family: Arial, Helvetica; text-align: left; margin: 6px 0; }
h6  {color: saddlebrown; font-weight: bold; font-size: 0.625em; line-height: 100%; font-family: Arial, Helvetica; text-align: center; margin: 6px 0; }
h7  {color: green; font-variant:small-caps; font-size: 0.75em; font-family: Arial, Helvetica; text-align: center; margin: 6px 0; }
h8  {color: black; font-weight: bold; font-size: 0.825em; line-height: 200%; font-family: Arial, Helvetica; text-align: left; margin: 10px 0; }





/* The header at the top of each page that includes Home, Site and Admin links    */
div#header {width:100%; height:22px; background-color:black; margin:2px 0; padding:4px 0 3px 0; font-weight:bold; font-size: 1.25em; font-variant:small-caps;}
div#header ul {margin:2px 0; } /* vertical spacing between the lists */ 
div#header li {display:inline; /* the key CSS - makes the lists display horizontally */ color:white; /* sets the color of the vertical lines */ border-left:1px solid; /* creates the vertical line to the left of each list items */ padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */}
div#header li:first-child {border-left:0; } /* removes the left border of the first list item - IDWIMIE */ 
div#header ul li a {text-decoration:none; /* removes the underlining off the links */ color:white; /* the color of the links */ } 
div#header ul li a:hover {text-decoration:underline;} /* underlines the links when hovered */


/* Image that displays logo with address */
div#logo {width:800px; height:150px; background-color: #fff; margin:2px 0; float:left;}

/* tag line border */
div#tag {width:800px; background-color: #fff; margin:4px 8px 4px 10px; font-weight:bold; font-size: 1.75em;  font-family: Century Gothic, Futura Md Bt, Arial, sans-serif; letter-spacing: .5em; text-align: left;float:left;}
div#tag ul {margin:3px 0 3px;  padding:0 0 8px 0;  float:left;} /* vertical spacing between the lists */ 
div#tag ul li {display:inline; color:black; /* the key CSS - makes the lists display horizontally */ padding:0px 3px 0 7px; /* horiz space between links  - needed diff l & r values to center */}


div#navigation {width:100%; height: 28px; margin:1px 0 3px 0; font-size: 1.325em; padding:1px 0 1px 0; background-color:#bf9d4b; }/* vertical spacing between the lists */ 
div#navigation ul {margin:6px 0 3px;  padding:0 0 8px 0; float:right;} /* vertical spacing between the lists */ 
div#navigation li {display:inline; /* the key CSS - makes the lists display horizontally */ padding:0px 3px 0 7px; /* horiz space between links  - needed diff l & r values to center */}
div#navigation ul li a {text-decoration:none; /*removes the underlining off the links */  color:white; /* the color of the links */ } 
div#navigation ul li a:hover {text-decoration:underline;} /* underlines the links when hovered */




/* defines the image that displays at the top of each page */
div#image_home {width:800px; height:345; text-align:left; }
div#image_about {width:800px; height:370px; text-align:left; padding:0 0 3px 0; background-image: url(/images/PNE06.MB1x800x370.jpg); background-repeat: no-repeat;} 
div#image_services {width:800px; height:370px; text-align:left; padding:0 0 3px 0; background-image: url(/images/PNE06.FR1x800x370.jpg); background-repeat: no-repeat;} 
div#image_galleria {width:800px; height:370px; text-align:left; background-image: url(/images/PNE02.K015-GOD1x800x370.jpg); background-repeat: no-repeat;} 
div#image_news {width:800px; height:246px; text-align:left; padding: 0 0 5px 0; background-image: url(/images/TCHS09.Pres011x800x246.jpg); background-repeat: no-repeat;}
/* div#image_news {width:800px; height:370px; text-align:left; padding: 0 0 5px 0; background-image: url(/images/TCHS09.Pres011x800x370.jpg); background-repeat: no-repeat;} */
div#image_careers {width:800px; height:370px; text-align:left; padding: 0 0 5px 0; background-image: url(/images/PNE08.Den001x800x370.jpg); background-repeat: no-repeat;} 
div#image_projects {width:800px; height:370px; text-align:left; padding: 0 0 5px 0; background-image: url(/images/projects_800x370.jpg); background-repeat: no-repeat;} 
div#image_radio {width:800px; height:370px; text-align:left; padding: 0 0 5px 0; background-image: url(/images/PNE08.Bdrm006x800x370.jpg); background-repeat: no-repeat;}
div#image_inspired {width:800px; height:370px; text-align:left; padding: 0 0 5px 0; background-image: url(/images/inspiredspaces_800x370.jpg); background-repeat: no-repeat;}
div#image_contact {width:800px; height:370px; text-align:left; padding: 0 0 5px 0; background-image: url(/images/PNE06.FR1x800x370.jpg); background-repeat: no-repeat;} 




div#contentarea {width:800px;}

div#services {width:148px; padding:0 15px 10px 0; text-align:left; background-color:#fff; float:left;}
div#inspired {width:148px; padding:0 15px 10px 0; text-align:left; background-color:#fff; float:left;}
div#whatsHot {width:148px; padding:0 15px 10px 0; text-align:left; background-color:#fff; float:left;}
div#appearances {width:148px; padding:0 15px 10px 0; text-align:left; background-color:#fff; float:left;}
div#projects {width:148px; padding:0 0px 10px 0; text-align:left; background-color:#fff; float:left;}

div.clearfloats {clear:both;}

/*this is the structure that controls the 2 column layout for all pages except the home page*/
div#columnleft {width:492px; padding:10px 10px 10px 0px; text-align:left; background-color:#fff; float:left; }
div#columnright {width:278px; padding:10px 0px 10px 0px; text-align:left; background-color:#fff; float:left; }
div#header_leftcolumn {width:492px; padding:10px 0 10px 15px; text-align:left; background-color:transparent#fff; float:left; }
div#header_rightcolumn {width:278px; padding:22px 0px 10px 15px; text-align:left; background-color:transparent; float:left; }
/*this is the structure that controls the 3 column layout*/
div#threecolumnleft {width:400px; padding:0px 0px 10px 0px; text-align:left; background-color:transparent#fff; float:left; }
div#threecolumnmiddle {width:225px; padding:10px 0px 10px 15px; text-align:left; background-color:transparent#fff; float:left; }
div#threecolumnright {width:150px; padding:10px 0px 10px 0px; text-align:right; background-color:transparent#fff; float:left; }								

div#footer {width:800px; margin:15px 0 0 0; background-color:#fff; font-size: 100%; font-family: Times New Roman, Times, serif; padding:5px 0 0 0; border-top:1px solid; color:black;}

p.footerall {margin:0 0 0 0; font-size: 0.685em; font-family: Times New Roman, Times, serif; padding:0 0 0 0; text-align:right;}
p.footerhome {margin:0 0 0 0; font-size: 0.685em; font-family: Times New Roman, Times, serif; padding:0 0 0 0; text-align:center;}



   
.margin-top {margin:20px;0 0 0; }
.margin-bottom {margin:10px 0 10px; 0; }
.padding-right {padding:0 35px 0 0; }
.padding-left {padding:0 0 0 22px; }
.gray {color: #666666;}
.mustard {color: #b38c0a; }
.saddlebrown {color:saddlebrown; font-weight:bold; }
.goldenrod {color:goldenrod;}
.black {color: #999999;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.bold {font-weight:bold;}
.italic {font-style: italic;}
.smallcap {font-variant:small-caps;}


/*code to center images*/
img.center {
display: block;
margin-left: auto;
margin-right: auto; }

img.right {float:right;}

.image {margin:0 0 3px 0}
.floatright {float:right;}
.floatleft {float:left;}
.relativepos25 {position:relative;top:25px; }
.relativepos50 {position:relative;top:50px; }
.relativepos75 {position:relative;top:75px; }
.relativepos100 {position:relative;top:100px; }
.relativepos135 {position:relative;top:135px; }

div.bulletcontainer {width:460px;}
ul.bullet { list-style: none;} 
ul.bullet li {font-size:100%; font-family: Times New Roman, Times, serif; 
padding: 0 0 2px 22px; 
background-image: url(/images/996633-Bullet1BEx24x12.jpg); width=24px; height=12px;
background-repeat: no-repeat; 
background-position: Left 1px; 
} 
	

ol { color: #666666; font-size: 0.685em; line-height: 130%; font-family: Times New Roman, Times, serif; text-align: left; list-style-position: outside; margin: 4 0 0 18px }
ul {
	color: #666666;
	font-size: 0.75em;
	line-height: 130%;
	font-family: MS Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	list-style-position: outside;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
li {
	color: #666666;
	font-size: 0.75em;
	line-height: 130%;
	font-family: MS Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: 5px;
}


/*paragraph styles*/

p {
	color: #999999;
	font-size: 0.75em;
	font-family: Times New Roman, Times, serif;
	text-align: left;
	line-height: 130%;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

p.caption {color:#b38c0a;  font-size:0.875em; font-family:MS Trebuchet MS, Verdana, Arial, Helvetica, sans-serif ; text-align: left; margin: 22px 0 0 22px; line-height:200%;}
p.quote {color:#b38c0a; font-style:italic; font-size:0.75em; font-family:MS Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 12px 22px 0 22px; line-height:200%;}
p.quote_sm {color:#b38c0a; font-style:italic; font-size:0.65em; font-family:MS Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 12px 30px 0px 0px; line-height:165%;}
p.single {line-height:100%; }
p.specialpara {position:relative; top:165px; left:10px; right:10px; }
p.style1  {color:#999999; font-size: 0.685em; font-family: Times New Roman, Times, serif;}	
p.style2  {color:#999999; font-style: italic; font-size: 0.685em; font-family: Times New Roman, Times, serif; text-align:center;}	
p.style3  {color:#999999; font-style: italic; font-size: 0.725em; font-family: Times New Roman, Times, serif; text-align:left;}	
p.style7  {color:darkgoldenrod; font-variant:small-caps; font-size: 0.875em; letter-spacing: .1em; line-height: 100%; font-family: Arial, Helvetica; text-align: left; margin: 12px 0 12px 0; }
p.style13 {color:#999999; font-size: 0.685em; font-family: Times New Roman, Times, serif; text-align:left;}		





a:link {
color: black;
}

a:visited {
color: darkkhaki;
}

a:hover {
color: darkkhaki;
}

a:active {
color: darkslateblue;
}