img { behavior: url(/includes/iepngfix.htc); }

/* Font Styling */
div, p, h1, h2, h3, li, .header, select, input, #footer, #courseform label, #courseform textarea, button, legend, td {font-family:Tahoma,Sans-Serif; color:#333;}
p, legend{font-size:0.7em; line-height:180%;}
.biglist{font-size:1.0em;}
input, select, button{padding:1px; margin:2px 5px; font-size:0.65em;}
#courseform label,
#courseform textarea,
#courseform input,
#courseform select{width:90%; font-size:0.65em; padding:1px; margin:2px 5px;}
textarea{height:60px;}
fieldset{width:98%;}
h1{font-size:1.0em; color:#60BB46;}
h2{font-size:0.9em;}
h3{font-size:0.8em;}
#rightpanel h1,
#sidepanel h1 {font-size:0.75em;}
#rightpanel h2,
#sidepanel h2 {font-size:0.7em;}
#rightpanel h3,
#sidepanel h3 {font-size:0.65em;}
#rightpanel p,
#sidepanel p {font-size:0.6em;}
a,a:link,a:visited {color:#036; text-decoration:none;}
a:hover {text-decoration:underline }
.red, a:link.red, a:visited.red, a:hover .red {color:#CC0000 }
.green,a.green{color:#226F25 }
.blue,a.blue{color:#036 }
.brown,a.brown{color:#B65203 }
.lightgreen,a.lightgreen{color:#60BB46 }
.orange,a.orange{color:#F89C1C }

#contents li{font-size:0.7em; line-height:180%}
#contents li ul li{font-size:1.0em; line-height:180%}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
/* clearfix \*/

*.html .clearfix{height:1%;}
.clearfix{display:block;}
/* end clearfix */

/* Navigation Specific */

#nav a,#sidepanel a:link,#sidepanel a:visited {color:#3F3F3F; text-decoration:none;}
#nav a:hover {color:#000; background-color:#D9D9D9;}
#nav li a {padding:9px 16px; margin:0; display:block; background-image:url(/images/menubackground.png); filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);}/*this is what you need to fix*/
#nav a,#sidepanel a:link,#sidepanel a:visited {color:#3F3F3F; text-decoration:none;}
#nav a:hover {color:#000; background-color:#D9D9D9;}
#nav,#nav ul {padding:0; margin:0; list-style-type:none;}
#nav li {float:left; position:relative;}
#nav li ul {display:none; position:absolute; top:30px; left:0;}
#nav li ul li {clear:both; width:150px; text-align:left; line-height:100%;}
#nav li ul li a {padding:6px 15px 6px 15px; line-height:100%; height:100%;}
#nav li>ul {top:auto; left:auto;}
#nav li:hover ul,#nav .over ul {display:block; clear:both;}
#nav .navoptions {font-weight:bold;	opacity: .9; filter: alpha(opacity=50)}
/* Main Areas' Styling */

#page{width:774px; margin:0 auto; text-align:left; background:#fff url(/images/main_back.gif) repeat-y; padding-left:3px;}
body{padding:0; margin:0 0 30px 0; width:100%; background-color:#fff; text-align:center}
#navigation{width:769px; background-color:#eee; height:30px; font-size:0.7em; text-align:center;}
#sidepanel{clear:both;}
#sidepanel{width:149px; height:550px; padding:20px 10px 10px 10px; float:left; overflow-y:hidden;}
#rightpanel{width:149px; padding:20px 10px 10px 10px; float:left; overflow-y:hidden; background:#fff url(/images/side_grad.gif) repeat-x;}
#contents{width:400px; overflow:hidden; height:auto;}
#contentswide,
#contents{padding:20px 10px 10px 10px; float:left; background-color:#fff;}
#contents .left{padding:0 10px 5px 0; float:left;}
#contents td{font-size:0.7em;}
#contents table,
#contents td {border: 0 !important;}
#contents td {padding: 5px;}
#footer{width:774px; margin:0 auto; text-align:left; background:#fff url(/images/SynergyTechnologyFooter.jpg) no-repeat; padding-left:3px; font-size:0.7em; text-align:center; height:85px}
#footer div {text-align:center}

/* Misc Styles */

hr{color:#f0f0f0; background:#f0f0f0; border:0; height:1px;}
.productbox{background:#F4F6F8 url(/images/gradient.gif) repeat-x; border:solid 1px #BFCAD6; padding:5px; width:370px; margin-bottom:20px;}
.productbox img{border:solid 1px #BFCAD6; padding:0; margin-right:10px;}
.month{width:198px; float:left; background:#fff url(/images/monthfooter.gif) no-repeat bottom; padding-bottom:14px; margin:10px 10px 10px 0;}
.month p{font-size:0.6em;}
.month .header{font-size:0.7em; color:#fff; width:198px; height:26px; background:#C5CED7 url(/images/header.gif); text-align:center; line-height:26px;}
.month .box{border-right:1px solid #C5CED7; border-left:1px solid #C5CED7; width:176px; padding:10px; margin:0;}
.highlight, a:link.highlight, a:visited.highlight, a:hover.highlight{color:#60BB46;}

#latest_news p, #latest_articles p {line-height:135%}
#latest_news, #latest_articles {margin-bottom:25px}