/* --| Forte Interactive CSS Framework |-- */

/* --| Resets for all browswers |-- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body    { line-height: 1.6; }
table   { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th   { vertical-align: middle; }
a img { border: none; }

/* --| Preset Elements For Forte Websites |-- */
body { font-size: 12px; color: #000; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #000; line-height: normal; }
h1 { }
.pageHeading    { padding: 0 0 10px 0; font-size: 21px; font-weight: normal; }
.heading        { padding: 10px 0 0 0; font-size: 18px; font-weight: normal; }
.subHeading1    { padding: 5px 0 0 0;  font-size: 16px; font-weight: normal; }
.subHeading2    { padding: 5px 0 0 0;  font-size: 14px; font-weight: normal; }
.subHeading3    { padding: 5px 0 0 0;  font-size: 14px; font-weight: bold; }

hr       { background: #ccc; color: #ccc; clear: both; float: none; width: 100%; height: 1px; 
           margin: 5px 0 1em 0; border: none; }
hr.space { background: transparent; color: #fff; border: none; margin-top: 0; }

p        { margin: 0 0 1.5em; }
p.normal { line-height: normal; }
p.fancy  { line-height: 1.3em; font-style: italic; color: #999999; }

li ul, li ol { margin: 0 1.5em; }
ul, ol       { margin: 0 1.5em 1.5em 2.0em; }
ul           { list-style-type: disc; }
ol           { list-style-type: decimal; }

a { color: #009; text-decoration: underline; }
a:focus, a:hover { color: #000; }

strong { font-weight: bold; }
em     { font-style: italic; }

abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }



/* --| Common Components |-- */
.wpr         { overflow:hidden; zoom:1; }

/* --| Butons |-- */
.buttonContainer a,
.buttonContainer button {        
    text-align: center;			
	background: url(../images/buttons/button.gif) no-repeat right top;
	border: 0;
	margin: 0;
	padding: 0;
	overflow: visible;
	cursor:pointer;
}

.buttonContainer a span,
.buttonContainer button span 
{    
	position: relative;
	display: block;
	white-space: nowrap;	
	background: url(../images/buttons/button.gif) no-repeat left top;
	padding: 0;
	cursor:pointer;

}
.buttonContainer a,
.buttonContainer a span  { display:inline-block; text-decoration:none; }

.buttonContainer button::-moz-focus-inner { padding:0; border: none;  /* overrides extra padding in Firefox */ }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */	
	button span {
		margin-top: -1px;
		margin-left: -3px;
	}
}




/* --| Menu |-- */
ul.menu     { margin:0; padding:0; }
ul.menu li  { margin:0; padding:0; list-style-type:none; position:relative; }
ul.menu li a:hover,
ul.menu li a      { display:block; text-decoration:none; }


ul.menubar  { overflow:visible; }
ul.menubar li.menubaritem { float:left; }
ul.menubar .submenu { display:none; cursor:pointer; }
ul.menubar .submenu .submenu { display:none; }
ul.menubar li:hover .submenu { display:block; }
ul.menubar li:hover .submenu .submenu { display:none; }
ul.menubar .submenu li:hover .submenu { display:block; }

ul.menubar .submenu .submenu .submenu { top:0px; }
ul.menubar .submenu li:hover .submenu .submenu { display:none; }
ul.menubar .submenu .submenu li:hover .submenu { display:block; }

ul.sidemenu { }
ul.sidemenu li.menubaritem   { }
ul.sidemenu ul.submenu li a  { padding-left:10px; cursor:pointer; }
ul.sidemenu ul.submenu ul.submenu li a  { padding-left:20px; }