/* ------------------------------------------------------------------------------------------- *\
   CSS Reset
\* ------------------------------------------------------------------------------------------- */
  
html, body, div, span, applet, object, iframe,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,b, u, i, center,dl, dt, dd,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
a, button { outline: none; }
body { line-height: 1; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
div#Menu ul { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; list-style: none; }
div#Menu ol  { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; list-style: none;}
div#Menu li { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
blockquote, q { quotes: "" ""; }
textarea { overflow: hidden; }


/* ------------------------------------------------------------------------------------------- *\
   Globals
\* ------------------------------------------------------------------------------------------- */

body {background: url(templates/ohare_sites/images/sd/background-page.png) repeat-x #19283a; font: normal 12px/18px Tahoma, Arial, sans-serif; color:#272727;}

a:link								 { background: transparent; color: #272727; font-weight:bold; text-decoration: none; }
a:active							 { background: transparent;	color: #272727; font-weight:bold; text-decoration: none; }
a:visited							 { background: transparent;	color: #272727; font-weight:bold; text-decoration: none; }
a:hover								 { color: #543727; text-decoration: underline; }

h1,h2,h3,h4,h5,h6					 { color:#000; font-family: "Trebuchet MS"; font-weight:bold; }
hr								 { border-top:1px dotted #272727; border:0; clear:both; }
textarea,input,select				 { font: 11px sans-serif, Arial, Tahoma; margin: 1px; padding: 1px; }



/* ------------------------------------------------------------------------------------------- *\
   Structure
\* ------------------------------------------------------------------------------------------- */

div#Container { background:#fff; margin:0 auto; margin-top:30px; overflow:hidden; padding:8px; width:905px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow:0 0 13px #000; -moz-box-shadow:0 0 13px #000; box-shadow:0 0 13px #000; }
	div#Header {  background: url(images/sd/background-header.png) repeat-x #dce3e7; border:solid 1px #d5d9db; height:75px; overflow:hidden; padding:8px; -webkit-border-radius-top-left: 8px; -moz-border-radius-topleft: 8px; -webkit-border-radius-top-right: 8px; -moz-border-radius-topright: 8px; }
		div#Logo {  float:left; height:113px; line-height:113px; margin-right:25px; }
		div#PluginHeader {  float:right; }
		
		div#Menu { color:#f5f5f5; height:38px; margin:8px 0 8px 0;
					background: #0e2034;
					background: -webkit-gradient(linear, left top, left bottom, from(#1c3959), to(#0e2034));
					background: -moz-linear-gradient(top,  #1c3959,  #0e2034);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c3959', endColorstr='#0e2034');
				}
		
		div#MainWrapper { background: url(images/sd/background-fade-gray.png) repeat-x; overflow:hidden; padding:8px; }
			div.PluginBlue { background:#0c243e; color:#f5f5f5; padding:15px; }
			div.PluginBlue h2 { color:#f5f5f5; font-size:22px; height:50px; line-height:50px; }
			
			div.PluginWide { border:solid 1px #dadfe7; margin-top:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
					background: #eff5f6;
					background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eff5f6));
					background: -moz-linear-gradient(top,  #ffffff,  #eff5f6);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eff5f6');
			}
			
				div.PluginWide h2 { background: url(images/sd/arrow-clear-titles.png) 8px 50% no-repeat; border-bottom:solid 1px #dadfe7; font-size:22px; height:45px; line-height:45px; padding-left:35px; }
				div.PluginDescription { padding:8px; }
			
			div.WrapperBoxes {  overflow:hidden; }
				div.Box1, div.Box2, div.Box3 { background: url(images/sd/background-boxes.png) repeat-x #dbe2e7; float:left; border:solid 1px #dadfe7; margin-top:10px; width:289px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
				div.Box1 h2, div.Box2 h2, div.Box3 h2 { background: url(images/sd/arrow-clear-titles.png) no-repeat 8px 50% #f7fafb; font-size:22px; height:50px; line-height:50px; padding:0 20px 0 35px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
				div.Box2 { margin:10px 8px 0 8px; }
			
			div.WrapColumns { float:left; overflow:hidden; width:291px; }
				div.MiddleColumn { width:307px; }
			h2.Blue { background: url(images/sd/arrow-blue-titles.png) 8px 50% no-repeat #0c243e !important; color:#f5f5f5; padding-left:35px !important; }
			
			div.WrapColumns2 { clear:both; overflow:hidden; }
				div.Column590 { float:left; overflow:hidden; width:590px; }
				div.FloatRight { float:right; margin-left:8px; }
					div.Column590 div.Box1 { width:588px !important; }
				div.Column291 { float:right; overflow:hidden; width:291px; }

	div#Footer { border:solid 1px #dadfe7; clear:both; margin:0 8px 0 8px; padding:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
				background: #e7ecee;
				background: -webkit-gradient(linear, left top, left bottom, from(#e7ecee), to(#ffffff));
				background: -moz-linear-gradient(top,  #e7ecee,  #ffffff);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7ecee', endColorstr='#ffffff');
			}

/* ------------------------------------------------------------------------------------------- *\
   sf-menu
\* ------------------------------------------------------------------------------------------- */

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */ }
 
	.sf-menu ul li { width: 100%; }
	
	.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
 
	.sf-menu li {
		float:left;
		position: relative;
		height:38px;
		line-height:38px; }
 
	.sf-menu a { color:#f5f5f5; font-family: "Trebuchet MS"; font-size:18px; font-weight:normal; display: block; padding:0 10px 0 10px; text-decoration:none; }
	.sf-menu a:hover { color:#f6ac76; }
 
	.sf-menu li:hover ul, .sf-menu li.sfHover ul { /* controla o ul sub-menu */
		left: 0px;
		background: #dce3e7;
		padding:0;
		top: 38px; /* match top ul list item height */
		z-index: 99; }
		
	.sf-menu li.sfHover ul li {background:#dce3e7; border-bottom:solid 1px #d5d9db; height:25px; line-height:25px;} /* controla o li do sub-menu */
	.sf-menu li.sfHover ul li a {color:#272727; font-size:14px;}
	.sf-menu li.sfHover ul li:hover {background:#f5f5f5; } /* controla o hover li do sub-menu */
		
	.sf-menu .current {background: #456; }
	.sf-menu .current a { color:#f5f5f5; }
 
	.sf-menu li:hover li ul, .sf-menu li.sfHover li ul, .sf-menu li li:hover li ul, .sf-menu li li.sfHover li ul { top: -999em; }
 
	.sf-menu li li:hover ul, .sf-menu li li.sfHover ul, .sf-menu li li li:hover ul, .sf-menu li li li.sfHover ul {
		left: 10em; /* match ul width */
		top: 0; }