/**********************************

Use: Reset Styles for all browsers
Author: Nick Rigby

***********************************/
	
body, p, blockquote {
	margin: 0;
	padding: 0;
	}

a img, iframe { border: none; }

hr {display:none;}

	
/* Headers
------------------------------*/


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}
	
/* Lists
------------------------------*/
	
ul, ol, dl, li, dt, dd {
list-style:none;
	margin: 0;
	padding: 0;
	}
	
/* Links
------------------------------*/

a {color:#0af}
a:hover {color:#555;}

/* Forms
------------------------------*/

form, fieldset {
	margin: 0;
	padding: 0;
	}
	
fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
	}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	}
	
select { padding: 0; }

/*========================================================*/
/*    Cascading Style Sheet for HUBSPOT TEMPLATE          */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. UNIVERSAL THINGS                                   */
/*  2. HEADER/LOGO                                        */
/*  3. NAVBAR                                             */
/*  4. MAIN                                               */
/*  5. LEFT COL                                           */
/*  6. SIDEBAR                                            */ 
/*  7. NUMERATION                                         */
/*  8. FORM                                               */
/*  10. DESCIPTION                                        */
/*  11. REVIEW                                            */
/*  12. BOX                                               */
/*  13. FOOTER                                            */
/*  14. EXTRA                                             */
/*  15. HACKS                                             */
/*========================================================*/


/* =============================================== */
/*            1. UNIVERSAL THINGS                  */
/* =============================================== */

@import url("reset.css"); /* resets all browser */

body{
margin:0 auto;
text-align:left;
font:normal 13px  Arial, "Helvetica Neue", Helvetica, sans-serif;
color:#444;
line-height: 1.5em;
}

p, .Normal{

margin:10px 0;
font-style:normal;
line-height: 1.5em;
}


h1 {
  font-size: 1.4em;
  line-height: 1em;
}

h2{
font-size:1.2em;
font-weight:bold;
}


/* =============================================== */
/*                    2. WRAP                      */
/* =============================================== */
#shadow{
background: url(images/background/bg_shadow.png) top center repeat-y;
padding-bottom:10px;
}

.SetWidth{
width:750px;
margin:0 auto;
}

/* =============================================== */
/*                     3. HEADER                   */
/* =============================================== */

#header{
background:#fff;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
height:78px;
}

/* LOGO */

h1#logoheader {
float:left;
font-size: 1.8em;
}


h1{
}
#logoheader { 
  display: block;
}
#logoheader {
display:block;
/* width:400px;
 adjusted to allow for larger logos Oct 3, 2007 S.T. */
width: 700px;
}

img#SiteTitleArea{

}

#TagLineContainer {
  /* position: absolute;
  top: 160px;
  left: 22%; */
  font-size: 24px;
  color: #333;
}





#SearchBox{float:right; margin:30px 20px 0 0; text-align:right;}

#SearchBox fieldset{border:none;}

#SearchBox legend, #SearchBox label{display:none;}

#SearchBox input{
font-size:1em;
border:1px solid #ccc;
background:url(images/background/bg_form.gif) no-repeat right center;
padding:2px 22px 2px 5px;
color:#555;
width:153px;
}
#SearchBox input:focus{border:1px solid #000;}


/* =============================================== */
/*                  4. NAVBAR                      */
/* =============================================== */

/* stop the logo margin from pushing the menu down in FF browser - Dec 11, 2007 ST */

#dnn_INGENIMENU1_ctl00 {
margin: 0px;
}
.radmenu {

top: 0px;

}

.radmenu li a span {
  cursor: pointer;
}

#NavBar {
  border-bottom: 1px solid #F0F0F0;
  border-top: 1px solid #F0F0F0;
  height: 28px;
}

#NavBar ul {
clear:both;
float:left;
margin-bottom:0px;
}

#NavBar ul li{
float:left;}

#NavBar ul li a{
display:block;
line-height:25px;
margin:2px 0 1px 0;
padding:0 17px 0 15px;
font-size:1em;
font-family: Tahoma, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#000;}


#NavBar ul.group li {
  background-color: #eee;
  opacity: .9;
  filter: alpha(90);
}

#NavBar ul.group li.separator {
  display: none;
}

/* =============================================== */
/*                  4. SUBMENU                     */
/* =============================================== */


#SubMenu {
  background-color: #f9f8f8;
  background-image: url(images/submenu/bg_submenu.gif);
  background-repeat: repeat-y;
  margin:0 -20px 0 -11px;
}

#SubMenu ul,  #SubMenu .radmenu ul.rootGroup {
/*
background:#f9f8f8 url(images/submenu/bg_submenu.gif) repeat-y 0 0;
float: none;
  position: static;
*/
}

#SubMenu .radmenu {
  float: none;
  position: default;
  display: block;
  position: static;
}

#SubMenu ul li{
background:none;
margin:0;
padding:0;
width: 230px;
}

#SubMenu ul li a{
margin:0;
padding:4px 0 4px 20px;
border-bottom:1px solid #d5d5d5;
display:block;
color:#818181;
text-decoration:none;
font-weight:bold;
}
#SubMenu ul li a:hover{
color:#000;}






#SubMenu ul li.haschildren a  {
  border-bottom:0px solid white;
}


#SubMenu ul li.selectedtab.childitem a  {
  border-bottom:0px solid white;
}

#SubMenu ul li.childitem1 {
  
}
#SubMenu ul li.childitem1 a  {
  border-bottom:0px solid white;
  
  font-size: .9em;
  display: block;
  padding-left: 40px;
}

#SubMenu ul li.childitem1.last a  {
  border-bottom:1px solid #d5d5d5;
}

#SubMenu ul li.separator  {
  display: none;
}


#SubMenu ul li.selectedpath  a{background: url(images/submenu/submenu_active.gif) repeat-y left center; }
#SubMenu ul li.selectedtab a {
 color:#353535;  
}

/* add background for Module Action menus - Dec 11, 2007 ST */
.ModuleTitle_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: white 0px solid; 
	border-bottom: white 0px solid; 
	border-top: white 0px solid; 
	border-right: white 0px solid;
	background-color: #fff;
}



/* =============================================== */
/*                  5. IMAGE                      */
/* =============================================== */

#MainImageFrame{
padding:0px 2px 12px 2px;
background: url(images/maincontent/imageframe.gif) no-repeat bottom center;
border-top:1px solid #8f8f8f;
margin:20px 20px 0 20px;
clear:both;

}
#MainImageContainer{
  width: 706px;
  height: 196px;
  margin-top: 1px;
}

/* =============================================== */
/*                  6. BOX                         */
/* =============================================== */

.box{
border-bottom:1px dotted #555;
padding:10px 0px;
clear:both;}

box.nodottedlines {
  border-bottom:0px dotted #555;
}

h4{
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
font-weight:bold;
/* text-align:right;
margin:10px 0; --- why align right and pad? S.T. - 27JAN2008 */
}

h4 a, h4 a:hover{padding-left:10px;}

#MainContent.inner {
  padding-top: 10px;
}

#MainContent ul, #SideBar ul, dl{font-size:1em;}

#MainContent li, #SideBar li, dt{padding:2px 0 2px 10px;}

dt{
font-weight:bold;
margin:10px 0 0 0;
}

ul.ImagesSideBySide{
float:left;
width:480px;
clear:both;
margin-left:-10px;
padding:10px 0;}

#MainContent ul.ImagesSideBySide li{
padding:0 0 0 5px;
float:left;
text-align:center;
font-weight:bold;
background:none;}

ul.ImagesSideBySide ul li{float:none;}

ul.ImagesSideBySide img{
border:1px solid #969696;
padding:1px;
margin-top:5px;}


/* =============================================== */
/*                  7. MAIN                        */
/* =============================================== */
#MainContent{
vertical-align: top;
width:470px;
padding:0 9px 20px 20px;
border-right:1px solid #d5d5d5;
}
#MainContent.onecolumn {
  width: 690px;
}
/* added for 3-column layout October 3, 2007 - S.T. */
#MainContent.threecolumn {
width: 250px;
padding:0 10px 20px 10px;
border-left:1px solid #d5d5d5;
}
table#contentHolder{
clear: both;
float: none;
width:750px;
margin:0 auto;
}

/* =============================================== */
/*                    8. SIDEBAR                   */
/* =============================================== */

#SideBar{
vertical-align: top;
width:220px;
padding:0 20px 20px 10px;
}
/* added for 3-column layout October 3, 2007 - S.T. */
#leftSideBar{
vertical-align: top;
width:220px;
padding:0 10px 20px 20px;
}

.inner{background:#fff}

/* =============================================== */
/*                    9. FOOTER                    */
/* =============================================== */

#footer{background:url(images/background/bg_footer.gif) no-repeat center top; padding:10px 0 0 0}

#footer ul{
font-size:1em;
}

#footer ul li{
float:left;}

#footer ul li a{
display:block;
padding:10px;
color:#9d9d9d;
}

#footer ul li a:hover{
background:none;}

#footer p{
float:right;
color:#9d9d9d;
padding-right:10px;}


/* =============================================== */
/*                10. CLEARFIX                     */
/* =============================================== */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* =============================================== */
/*                10. HACKS                        */
/* =============================================== */


* html h1, * html #SearchBox, * html ul.ImagesSideBySide{
display:inline;}

* html .box{border-bottom:1px solid #ccc;}

* html #shadow{
width:770px;
margin:0 auto;
background: url(images/background/blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Portals/_default/Skins/Elegant/images/background/bg_shadowie.png', sizingMethod='scale');
}

/* BLUE 

body{background:#fff url(images/background/bg_pattern_blue.gif) repeat-x 0 0;}

a{color:#1d99c4;}

a:hover{color:#00bdff;}

h1 a, h1 a:hover{background: url(images/logo/logo_blue.gif) no-repeat center left;}

#NavBar ul li a{background:url(images/navbar/bg_border_blue.gif) no-repeat right top;}
#NavBar ul li a:hover{background:#21c7fd url(images/navbar/bg_border_blue.gif) no-repeat right bottom;}
#NavBar ul li#active a{background:#aae3f6 url(images/navbar/bg_border_blue.gif) no-repeat right bottom;}

h4 a{background: url(images/maincontent/more_bullet_blue.gif) no-repeat left center;}

#MainContent li, #SideBar li, #leftSideBar li, dt{background: url(images/maincontent/list_bullet_blue.gif) no-repeat left center;}


*/





/* =============================================== */
/*                 Blog CSS                        */
/* =============================================== */

.post h3 
{
  font-size: 19px;	
  margin-bottom: 7px;
}

.Normal .MenuTop, .Normal .MenuTopSelected 
{
  font-size: 13px;	
}

.post .postfoot
{
  color: #999;
}

.post 
{
  line-height: 22px;	
	
}

/* blog-related styles added October 3, 2007 - S.T. */

div.BlogPostList dir {
padding: 0px;
}

div.BlogPostList ul {
padding: 0px;
}

#listing div {
margin:0px 10px;
}
#listing .post {
border-bottom:medium none;
}

#listing .ListingText {
font:normal 13px  Arial, "Helvetica Neue", Helvetica, sans-serif;
color:#444;
line-height: 1.5em;
}

#listing div.post h3 {
border-bottom: 0px dashed #666666;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
padding:2px 2px 2px 5px;
text-align:left;
font-size:1.1em;
font-weight:bold;
color: #444444;
}

#listing div.post h3 a {
border-bottom: 0px dashed #666666;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
padding:2px 2px 2px 5px;
text-align:left;
font-size:1.1em;
font-weight:bold;
color: #444444;
text-decoration:none;
}

#listing .postfoot {
font-size:12px;
text-align:left;
}

/* photo album 'item' class interferes with menu! */
.radmenu .item {
padding: 0px;
}