/* Style sheet updated by the NNFP Website HELP Team starting 2/1/10 */

/* ***** TAG REWRITES ***** */
body 
{
  font-size: 11pt;
  background-color: #FFFFFF;
  margin: 0;
  font-family: verdana,helvetica,arial,sans-serif;
  text-align: center;
}

a:link 
{ 
  text-decoration: none; color: #447d90
}

a:visited 
{ 
  text-decoration: none; 
  color: #447d90
}
a:hover 
{ 
  text-decoration: none; 
  color: #000;
}

a:active 
{ 
  text-decoration: none; 
  color: #000;
}

img 
{
  margin: 10px;
}

h2 
{
  font-size: 16px;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 8px;
}

* html #form input 
{
  margin-left: 0px;
}


/* ***** ID STYLES ***** */
/* 07-27-10 Added to dictate entire page alignment */
#Container
{
  position:relative;
  margin-right:auto;
  margin-left:auto;
  width:800px;
}

/*03-23-10 CSS change to accomodate new Flash movie */
/* 03-25-11 Added to accomodate handheld devices */

#Headers
{
  height:250px;
}

#FlashHeader
{
  position:absolute;
  top:10px;
  display:none;
}

#NonFlashHeader
{
  width:800px;
  top:10px;
  position:absolute;
}

#LogoLinks
{
  /*height:75px;*/
}

#NonFlashImage
{
  border-bottom:#CCCCCC solid 1px;  
  margin: 0;
  padding-bottom:5px;
  /*height: 160px;*/
  float:left;
  width:800px;
  position:relative;
  top:-10px;
}

#NonFlashImage img
{
  margin:0;
}

#PageContentNonFlash
{
  /* 5/12/10 Changed to match reduced Flash movie size */
  position: relative;
  /*top: 0;*/
  width: 800px;
  margin-top: 20px;
  border: 0px solid black;
  color: #484848;
  text-align: left;
  font-size: 10pt;
  margin-bottom: 40px;  
}

#PageContent 
{
  /* 5/12/10 Changed to match reduced Flash movie size */
  position: relative;
  top: 0;
  width: 800px;
  margin-top: 0;
  border: 0px solid black;
  color: #484848;
  text-align: left;
  font-size: 10pt;
  margin-bottom: 40px;
}

#page 
{
  width: 800px;
  margin-top: 20px; /*07-27-10 changed from 30px */
  border: 0px solid black;
  color: #484848;
  text-align: left;
  font-size: 10pt;
  margin-bottom: 70px;
}

#footer 
{
  position: relative; 
  height: 70px;
  bottom: 0;
  background-color: #ffffff;
  text-align:center;
}

#footer2 
{
  width: 800px; /* 06-17-10: changed from 844px */
  border-top: 1px solid #000000;
  margin: auto; 
  text-align:center;
}

#footer3 <!--06-17-10 Inserted to comply with WordPress formatting-->
{
  width: 800px;
  margin: auto; 
}

#left 
{
  color: #000000;
  float: left;
  width: 390px;
  border: 0;
  margin-bottom: 30px;
  padding:0;
}

#right 
{
  color: #000000;
  float: right;
  width: 390px;
  border: 0;
  margin-bottom: 30px;
  padding:5px;
}

#form 
{
  font-size: 11px;
}

input#name 
{
  background-image: url(../Images/Contact/FormName.gif);
  vertical-align: middle;
  width: 125px;
  height: 27px;
  font-size: 10px;
  padding: 7px;
  border: 0px;
  margin-left: -10px;
}

input#email 
{
  background-image: url(../Images/Contact/FormEmail.gif);
  vertical-align: middle;
  width: 187px;
  height: 27px;
  font-size: 10px;
  padding: 7px;
  border: 0px;
  margin-left: -10px;
}



/* ***** CLASS STYLES **** */

.NonFlashHeader
{
  font-family: 'Century Gothic';
  font-size:10px;
  color:#CCCCCC;
  text-transform:uppercase;
  text-decoration:none;
}

.PortfolioHeaderSmall
{
  font-family: 'Century Gothic';
  font-size:9px;
  color:#CCCCCC;
  text-transform:uppercase;
  text-decoration:none;
} /* 5/6/11 Added by Nora */

.FooterLinks
{
	font-size:10px;
	color: #666666;
	text-transform:capitalize;
}

* html #form textarea 
{
  margin-left: 0px;
}

#formbutton input 
{
  background-image: url(../Images/Contact/FormSend.gif);
  width: 81px;
  height: 32px;
  font-size: 10px;
  padding: 5px;
  border: 0px;
  float: right;
  margin-right: 45px;
}

#portfoliopictures 
{
  margin: auto;
  text-align: center;
  margin-bottom: 0px;
  clear: both;
  height: 245px;
}

#portfoliopictures img 
{
  border: 1px solid black;
}

#portpic 
{
  width: 160px;
  float: left;
  height: 200px;
  padding: 0px;
  margin:0px;
}

/* 09-20-10 
  VIDEO PAGE STYLES AND IDS 
*/
#VideoHeader
{
  width:800px;
  height:50px; 
  border-bottom:#CCCCCC solid 1px; 
  margin-top:20px;
  padding-bottom:3px;
}  

#VideoLogo
{
  float:left; 
  margin-top:5px; 
  margin-left:2px;
}  

#VideoLinks
{
  float:right; 
  margin-top:20px;
}  

.VideoHeaderLinks
{
  font-family: 'Century Gothic';
  font-size:10px;
  color:#CCCCCC;
  text-transform:uppercase;
  text-decoration:none;
}

#VideoFooter
{
  width:800px;
  height: 70px;
  bottom:0;
  text-align:center;
}

#VideoCopyright
{
  border-top:1px solid #CCCCCC;
  margin: 5px 0 5px 0; 
  padding-top: 5px;
}

  

/* TITLES AND SUBTITLES */

/* 2/16/10 Added for phone number */
.SubtitleSmallGray
{
  font-size: 12px;
  color: #666666;
}

/* 3-23-10 Added for front page subtitle */

.SubtitleMediumGray
{
  font-size: 17px;
  color: #666666;
}

.SubtitleGrayItalics
{
  font-size: 12px;
  color: #666666;
  font-style:italic;
}

/*06-28-10 Added for front page subtitle to reflect Flash title */
.IndexSubtitles
{
  font-family: "Century Gothic";
  font-size: 20px;
  color: #666666;
}


/* BODY TEXT */

/* 2/16/10 Added for footer */


.Copyright
{
  font-size: 9px;
}

/* RESOURCES PAGE 
   09-17-10 */
   
#Resources
{
	border:1px solid #666666; 
	width:780px; 
	position:relative; 
	margin:0 auto; 
	padding:10px;
}

.ResourceCategories
{
	font-size:18px; 
	color:#666666; 
	font-weight:bold; 
	text-transform:uppercase;
}

.ResourceBusiness
{
	font-size:14px; 
	color:#666666; 
	font-weight:bold; 
}

.ResourcePhone
{
	color:#666666; 
	font-weight:bold; 
}