/******************************
Reset styles
******************************/
html, body, div, span, applet, object, 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0; }

body {
	line-height: 1;
	color: #333;
	background: #fff; }

ol, ul {
	list-style: none; }
	


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0; }

caption, th, td {
	text-align: left;
	font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after {
	content: ""; }

blockquote, q {
	quotes: "" ""; }

/******************************
General styles
******************************/
body {
	margin: 0;
	padding: 0;
	color: #000;
	font-size:62.5%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background: #fff url("images/bkg.gif") top left repeat-x; }


#globalHeader-outter {
    margin: 20px auto 0 auto;
    width: 886px;
    text-align: left;
    background-color: #ffffff;
}
	
#globalHeader {
	margin: 0 auto 0 auto;
	width: 886px;
	text-align: left; 
	background: #fff; 
	clear:both;}
	
	
#globalPositioning {
	margin: 0px auto;
    padding-right:0px;  
	 
	width: 886px;
	text-align: left; 
	background: #fff;
    height:auto;
    
}
#Pagetitle
{ font-size:22px;
    }

#portfolio {
	width: 846px;
	border-bottom: 5px solid #f47c30; 
	margin: 0 0 1px 20px; 
	padding: 8px 0;
	clear: both;
	}
	

.clear {clear:both;}
.content a.detail {color: #f47c30; margin: 10px 0; font-weight: bold; font-size: 1.1em;}
.content a.detail:link {color: #f47c30; }
.content a.detail:visited {color: #f47c30; }
.content a.detail:hover {color: #a4a4a4; }
.content a.detail:active {color: #f47c30; }

.borderedPhoto {
	margin: 0 15px 5px 0;
	padding: 7px;
	border: 1px #8d8888 solid; }

/******************************
Page Header styles
******************************/
.staticHeader {
	margin: 20px 0 0 20px; }
	
.portHeaderLeft {
	margin: 20px 0 0 20px; }
	
.insideHeaderimage {float: right; width: 480px; }

.headerLeft {
	width: 466px;
	height: 179px; 
	float: left;}

.headerRight {
	float: right; 
	width: 480px;
	background: url("images/headers/headerBGRight.gif") no-repeat top left; }
	
            
	
/******************************
Main Navigation styles
******************************/
#globalNav {
	background: #fff url("images/navBar.gif") no-repeat top left;
	width: 786px;
	display: inline-block;
	clear:both; }

#globalNav:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0;	
    clear: both; 
    visibility: hidden; }
	
/*******************************************************************/

#nav{
	background: #fff url("images/navBar.gif") no-repeat top left;
	display: inline-block;
	clear:both; 

    list-style: none;
	color: #fff;
	padding:10px 0 0 10px;
	width:876px;
	margin:0 auto 0 auto; 
    	 } 
#nav:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0;	
    clear: both; 
    visibility: hidden; }
#nav a {
  display:block;
  text-decoration:none;
  font-size: 1.6em; 
  font-weight: bold;
  line-height: .917em;
  color:#fff;
  padding: 10px 40px 10px 40px;
  }

#nav li.top {display:block; float:left; height:38px;}
/*#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:1.6em; font-weight:bold; padding: 10px 40px 10px 40px; cursor:pointer;}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0a.gif) no-repeat right top;}
*/
#nav a:hover {
  color:#993300;}
/*#nav li:hover a.top_link {color:#fff; background: url(three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top;}

 Default list styling */

#nav li:hover {position:relative;}

#nav li:hover ul.sub
{left:0px; top:38px; background: #f47c30; padding:3px; width:140px; height:auto; }

#nav li:hover ul.sub li
{ height:25px; position:relative; float:left; width:90px; font-weight:normal; }

#nav li:hover ul.sub li a
{ font-size:12px; height:18px; width:88px; line-height:8px; text-indent:0px; color:#ffffff; font-weight:bold; text-decoration:none;}

#nav li:hover ul.sub li a:hover 
{ color:#993300;}

#nav a#current {
  color:#f47c30;
  background: url("images/tabLeft.gif") no-repeat top left;}

#nav li#selected {
  color:#f47c30;
  background: url("images/tabRight.gif") no-repeat top right;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


/********************************************************************/
  

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
ul#level1Nav a {float:none;}
/* End IE5-Mac hack */

ul#level1Nav a:hover {
  color:#993300;}

ul#level1Nav a#current {
  color:#f47c30;
  background: url("images/tabLeft.gif") no-repeat top left;}
  
ul#level1Nav li#selected {
  color:#f47c30;
  background: url("images/tabRight.gif") no-repeat top right;}

/******************************
Sub Navigation styles
******************************/
#globalHeader-outter #subnav {
	float: right;
	font-size: 1.3em;
	font-weight: bold;
	color: #666;
	
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 25px 20px 0 0;
	padding: 0 0 10px 0; }
	
#globalHeader-outter #subnav li {
	display:inline ;
	margin:0;
	padding:0; }

#globalHeader-outter #subnav li a:hover {
	color: #993300; }
	
#globalHeader-outter #subnav li a {
	color: #666;
	text-decoration: none; }
	
/******************************
Main Column styles
******************************/	
#mainColumn {
	width: 569px;
	float: left;
	/*border-right: 1px solid #ccc; */
	margin-bottom: 50px;
	margin-top:20px;
	
	padding-bottom: 10px;
	}
	
#mainColumnHome {
	position:absolute;
	width: 569px;
	float: left;
	
	/*border-top: 1px solid #ccc;
	margin-bottom: 100px;
    margin: 10px 40px 20px 20px; 
	padding-bottom: 40px;*/
	top: 160px;
	
	
	}
	
#mainColumnHome h1 {
	font-size: 2.0em;
	font-weight: bold;
	letter-spacing: .02em;
	line-height: 1em;
	color: #f47c30; 
	margin: 0 20px 0 20px; 
	padding: 0 3px 0 0; 
	position:relative;
	}
	
#mainColumn.fullWidth {
	/*border-style: none;
    border-color: inherit;
    border-width: 0;*/
    width: 886px;
	float: left;
	margin-bottom: 3px;
	padding-bottom: 40px;
 
	}
#aboutpageleft {
    width:600px;  
    float: left; 
    border-right: 2px solid #ccc;
    height: 340px;
    /*border-left-style: none;
    border-left-color: inherit;
    border-left-width: 0;
    border-top-style: none;
    border-top-color: inherit;
    border-top-width: 0;
    border-bottom-style: none;
    border-bottom-color: inherit;
    border-bottom-width: 0;*/
}
#aboutpageleft h3 {
	font-size: 10.6em;
	font-weight: normal;
	color: #f47c30; 
	margin: 10px 0 0 0;
	 padding: 0px; 
	
	}
	
#aboutpageright
{
    border-left: 2px solid #ccc;
    border-style: none;
    border-color: inherit;
    border-width: 0;
    width: 156px;
    float: left;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 100px;
    padding-left: 65px;
}  
 
#homepageright
{   border-left: 2px none #ccc; 
    width:250px;
    position:inherit;
    float:right;
     padding-top:1px;
    padding-left:2px; 
     padding-bottom:120px;
    height: 221px;
    border-right-style: none;
 /*   border-top-style: none;
    border-bottom-style: none;*/
} 
     
    

#mainColumn h1 {
	font-size: 2.0em;
	font-weight: bold;
	letter-spacing: .02em;
	line-height: 1em;
	color: #f47c30; 
	margin: 0 20px 0 20px; 
	padding: 0 3px 0 0; 
	position:relative;
	}
/*	
#mainColumn h1 em{
	font-style: normal;
	color: #a4a4a4; 
	 }
	 
#mainColumn h1.drop{
	margin: 20px 20px 0 20px; 
	 }


#mainColumn h1.rssFeed a {color: #f47c30; position:absolute; right:0px; top:5px; }
#mainColumn h1.joinConvo span a:link {color: #f47c30; position:absolute; left:0px; top:0px; position:relative;}
#mainColumn h1.joinConvo span a:visited {color: #f47c30; position:absolute; left:0px; top:0px; position:relative;}
#mainColumn h1.joinConvo span a:hover {color: #808080; position:absolute; left:0px; top:0px; text-decoration: none; position:relative;}
#mainColumn h1.joinConvo span a:active {color: #f47c30; position:absolute; left:0px; top:0px; position:relative;}

#mainColumn h1.joinConvo a {position:absolute; right:0px; top:0px;}

#mainColumn h1 a:link {color: #f47c30; text-decoration: none; }
#mainColumn h1 a:visited {color: #f47c30; text-decoration: none; }
#mainColumn h1 a:hover {color: #808080; text-decoration: underline; }
#mainColumn h1 a:active {color: #f47c30; text-decoration: none; }

#mainColumnHome h1 a:link {color: #f47c30; text-decoration: none; }
#mainColumnHome h1 a:visited {color: #f47c30; text-decoration: none; }
#mainColumnHome h1 a:hover {color: #808080; text-decoration: underline; }
#mainColumnHome h1 a:active {color: #f47c30; text-decoration: none; }
	
.rss {
	float: right;
	width: 16px;
	margin: 0 20px 0 0; }
*/

#mainColumn h2 {
    font-size: 2.0em;
    font-weight: bold;
    letter-spacing: .025em;
    color: #f47c30;
    margin: 10px 10px 0 0;
    padding: 0;
    padding-bottom: 10px;
    text-align:center;
}
	
#mainColumn h2.drop {
	margin: 40px 0 0 0; }

#homepageright h2 a {
    color: #f47c30;
    text-decoration: none;
    margin-right:5px;
}
#mainColumn h2 a:link {
    color: #f47c30;
    text-decoration: none;
}
#mainColumn h2 a:visited {color: #000; text-decoration: none;}
#mainColumn h2 a:hover {color: #000; text-decoration: underline;}
#mainColumn h2 a:active {color: #000; text-decoration: none;}
	
#mainColumn h3 {
	font-size: 1.6em;
	font-weight: normal;
	color: #cccccc; 
	margin: 10px 0 0 0;
	 padding-bottom:10px;
background-image: url('images/gray_bkg.jpg');

	  }

.content 
{
    font-size: 10px;
    color: #333333;
    font-weight: normal;
    padding-top: 10px; /*bring in margins of general text*/
    padding-right: 1PX;
    padding-left: 15px;
    margin: 0px 25px 15px 10px;
    line-height: 1.0em;
    position: relative;
    top: 0px;
    left: 0px;
}


#mainColumn .content h3 {
    font-size: 17px;
    font-weight: bold;
    line-height: 18px;
    color: #262626;
    margin: 2px 10px 15px 0px;
    padding: 5PX;
    padding-top:10px;
}


#mainColumn .content h4 {
	font-size: 1.6em;
	font-weight: bold;
	color: #f47c30; 
	margin: 2px 0 5px 0;
	 padding-top:10px; }

#mainColumn .content a, a.hover {
	font-size: 1.0em;
	font-weight: bold;
	color: #f47c30; 
	margin: 2px 0 5px 0;
	 padding-top:10px; }
	 	 	
.content p {
	font-size: 1.2em;
	color: #333333 ; 
	margin: 10px 0 20px 0px;
	/*line height of text*/
	line-height: 1.2em;
	padding:0; }
	
.content p.addSpace {
	margin: 10px 0 300px 0px; }

.content ul {
	font-size: 1.2em;
	padding-left:20px;
    list-style-type:disc;
    
	/*list-style-image: url("images/simpleArrow.png");*/
	color: #333; }
	
.content ul li {
	margin: 1px 5px 7px 20px; 
	padding-top: 2px;
	line-height: 1.0em;

    height: auto;
    width: auto;
    
}


#mainColumn ol {
	font-size: 1.2em;
	color: #333; }
	
#mainColumn ol li {
	margin: 15px 5px 7px 65px; 
	padding-top: 2px;
	line-height: 1.0em;
	list-style: decimal; }

.content a { color: #f47c30; text-decoration: underline; padding: 2px;}
.content a:link { color: #f47c30; text-decoration: underline; padding: 2px;}
.content a:visited { color: #f47c30; text-decoration: underline; }
.content a:hover { color: #808080; text-decoration: underline; }
.content a:active { color: #f47c30; text-decoration: underline; }

.contactus 
{
    font-size: 1.7em;
    color: #333333;
    font-weight: bold;
    text-align: center;
    border-top: 0px solid #ccc;
    padding-top: 10px;
    margin: 0px 0px 0 20px;
    line-height: 2.0em;
    position: relative;
}



/* -- Date Styles -- */
.date {
	margin:15px 0;
	width:25px;
	color:#999;
	text-align:center;
	float:left;
	line-height:normal;
	}
	
.date .month{
	margin:0 0 1px 0;
	padding:0;
	display:block;
	border-bottom:1px solid #999;
	font-size:1.2em;
	}

.date strong {
	font-size:1.8em;
	padding:0;
	}
/* -- End Date Styles -- */



/******************************
Footer styles
******************************/
#footer 
{
    position:relative;
	clear: both;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold; 
	color: #999;
	padding: 20px 0;
	border-top: 1px solid #ccc;}
	
#footer ul {
	list-style: none;
	padding: 0;
	margin: 0; }

#footer ul li {
	display:inline;
	margin:0;
	padding:0; }
	
#footer ul li a{
	margin:0 5px;
	padding:0; }

#footer a { color: #808080; text-decoration: underline; padding: 2px;}
#footer a:link { color: #808080; text-decoration: underline; padding: 2px;}
#footer a:visited { color: #808080; text-decoration: underline; }
#footer a:hover { color: #f47c30; text-decoration: underline; }
#footer a:active { color: #808080; text-decoration: underline; }
	
/******************************
Blog Specific styles
******************************/

#viaEmail {
	margin: 120px 0 0 0; 
	float:left;}
	
/* Blog Header RSS Subscription */	
#viaRSS {
	float:right;
	font-size: 1.4em;
	margin: 12px 40px 0 0; }
	

/* End Blog Header RSS Subscription */
	

.inputBox {
border:1px solid #808080;
color:#909090;
margin:0 0 5px 20px;
padding:0;
width:190px;
height:19px;
float:left;
}
.submitBtn {
margin:0 0 0 5px;
padding:0;
}


	
.signupframe {
  border: 0px solid #7A7878;
  text-align:center;
  background: #ffffff;
  color: #595858;
  font-family: Arial, Helvetica, sans-serif;
   padding-right:10px;
}


