html{height:100%}
body{height:100%;font-size:62.5%;color:#333;font-family:arial, helvetica, sans-serif, "lucida sans";text-align:center;padding-top:0;margin:0 0 20px}
#page{background:url(../images/web_design_bg.gif) repeat-y 50% top;padding-left:23px;padding-right:23px;width:872px;background-color:#fff;text-align:left;padding-top:0;height:auto;margin:0 auto}
#header{width:872px;height:60px;margin-bottom:3px}
#logo-holder{width:195px;height:46px;float:left;display:block;margin-left:10px;margin-top:10px}
#title-holder{width:350px;height:46px;float:left;display:block;margin-left:25px;margin-top:10px}
#quickLinks{width:170px;height:20px;float:right;margin-top:10px;clear:right}
#searchBar{width:200px;height:10px;float:right;clear:right;padding-top:5px}
#mediaHolder{width:630px;height:275px;float:left;display:inline;margin-left:8px;margin-top:0;border:1px #999 solid}
#menusArea ul li{list-style:none;background-image:url(../images/web-design-btn.gif);background-repeat:no-repeat;text-indent:10px;line-height:34px;padding-left:-3.2em}
#menusArea ul{line-height:0;margin:0;padding:0}
#leftMenu{width:211px;height:282px;margin-left:10px;float:left;display:block;margin-top:0}
#getStarted{width:211px;height:70px;display:block;padding-top:12px}
#menuItem1,#menuItem2,#menuItem3,#menuItem4,#menuItem5,#menuItem6{width:211px;height:33px;margin-top:2px;margin-bottom:2px;background-image:url(../images/web-design-btn.gif)}
#m1,#m2,#m3,#m4,#m5,#m6{margin-top:10px;margin-left:10px;float:left}
#mainMenuHolder{width:868px;height:30px;background-color:#333;clear:both;padding-left:5px}
#pageContentHolder{width:620px;height:auto;float:left;margin-left:5px;margin-top:10px;font-family:Arial, Helvetica, sans-serif, "Lucida Sans";font-size:12px;color:#333;text-align:justify;line-height:1.5em}
#pageContentHolder p{line-height:1.5em;margin-top:1em}
#pageContentHolder a{color:#06C;text-decoration:underline}
#pageContentHolder a:hover{color:#09F;text-decoration:underline}
#pageDynamicMenus{width:230px;height:auto;float:left;margin-left:10px;margin-top:10px}
#pageWrapper{width:872px;height:auto;display:block;clear:both}
#footer{width:872px;height:18px;clear:both;background-color:#666;}
#footer ul{font-family:Arial, Helvetica, sans-serif, "Lucida Sans";font-size:10px;color:#fff;padding-left:15px;margin-left:15px}
#footer ul li{display:inline;margin-left:0;margin-top:0}
#footer ul li a{float:left;text-decoration:underline;color:#ccc;padding:1px}
#footer ul li a:hover{text-decoration:underline;color:#000}
.sep{font-family:Arial, Helvetica, sans-serif, "Lucida Sans";font-size:9px;color:#ccc;float:left;margin-top:4px;padding:0 5px}
#breadCrumbs{width:620px;height:auto;float:left;margin-left:7px;margin-top:10px}
a.mainlevel:link,a.mainlevel:visited{display:block;background-color:#f1f2e4;vertical-align:middle;font-size:11px;font-weight:700;color:#000;text-align:left;padding-top:5px;padding-left:11px;height:20px!important;width:211px;text-decoration:none}
a.mainlevel:hover{background-color:#3c7fc3;text-decoration:none;color:#fff}
#linksImage{width:230px;height:34px}
.pathway{font-family:Arial, Helvetica, sans-serif, "Lucida Sans";font-size:10px;color:#999}
a.pathway{text-decoration:none;color:#999}
a.pathway:hover{text-decoration:underline;color:#666}
a img{border:none}
#contactForm1{float:left}
#xtrafooter{
width:862px;
height:auto;
margin-left:8px;
}
#xtrafooter{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999;
}
#xtraTable1 {
}
#xtraTable2{
}
/*####################################################################################
###################################################################################*/
/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal,
a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,
a.mainlevel-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited {
background-color: #333333;
color: #ffffff;
}
a.mainlevel-son-of-suckerfish-horizontal:hover, a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover {
background-color: #000000;
color: #ff6e0e;
}
a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal,
a.sublevel-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,
a.sublevel-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited {
background-color: #666;
color: #F1F2E4;
}
a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {
background-color: #000000;
color: #ff6e0e;
}
ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal,
ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:link, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:link, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:link,
ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:visited, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:visited, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:visited {
background-color: #666;
color: #F1F2E4;
}
ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:hover, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:hover, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:hover {
background-color: #000000;
color: #ff6e0e;
}
ul.mainlevel-son-of-suckerfish-horizontal .expanded {
display: block;
/*background-image: url("../images/arrow_down.gif");*/
background-position: right center;
background-repeat: no-repeat;
/*padding-right: 10px;*/
}
ul.mainlevel-son-of-suckerfish-horizontal ul .expanded {
background-image: url("../images/arrow_right.gif");
}
/** customize style / layout here */
a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, span.mainlevel-son-of-suckerfish-horizontal,
a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,
a.mainlevel-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited,
a.mainlevel-son-of-suckerfish-horizontal:hover, a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover{
font-weight: bold;
font-size: 12px;
text-align: left;
text-decoration: none;
display: block;
/*border: 1px solid silver;*/
padding: 0.8em 0.80em 0.7em 0.80em; /* top, right, bottom, left */}
a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal,
a.sublevel-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,
a.sublevel-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited,
a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {
font-weight: bold;
font-size: 12px;
text-align: left;
text-decoration: none;
display: block;
/*border: 1px solid silver;*/
padding: 0.6em 0.8em 0.4em 0.5em; /* top, right, bottom, left */
}
a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, span.mainlevel-son-of-suckerfish-horizontal {
}
a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal {
font-size: 12px;
border-top: none;
height: 1%; /* this is required for the IE to cause the "hasLayout" property and make the whole anchor clickable - "Holly Hack" */
}
#active_menu-son-of-suckerfish-horizontal,
a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal,
a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,
a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited,
a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover,
a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal,
a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,
a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited,
a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {
color: #ff6600;
background-color:#000000;
}
ul.mainlevel-son-of-suckerfish-horizontal, .mainlevel-son-of-suckerfish-horizontal ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
z-index: 100;
}
ul.mainlevel-son-of-suckerfish-horizontal li {
padding: 0;
margin: 0;
background: none;
float: left;
}
ul.mainlevel-son-of-suckerfish-horizontal li li {
position: relative;
display: block;
width: 26em;
}
ul.mainlevel-son-of-suckerfish-horizontal ul {
display: block;
position: absolute;
left: -999em;
margin: 0em 0 0 0em;
width: auto;
height: auto;
z-index: 101;
}
ul.mainlevel-son-of-suckerfish-horizontal li li ul {
margin: -2.4em 0 0 26em;
z-index: 102;
}
/** IE7.0 workaround */
ul.mainlevel-son-of-suckerfish-horizontal li:hover, ul.mainlevel-son-of-suckerfish-horizontal li.hover {
position: static;
}
/** general on-mouse-over display */
ul.mainlevel-son-of-suckerfish-horizontal li:hover ul,
ul.mainlevel-son-of-suckerfish-horizontal li.hover ul {
left: auto;
}
ul.mainlevel-son-of-suckerfish-horizontal li:hover ul ul,
ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul {
left: -999em;
}
ul.mainlevel-son-of-suckerfish-horizontal li:hover ul li:hover ul,
ul.mainlevel-son-of-suckerfish-horizontal li.hover ul li.hover ul {
left: auto;
}
ul.mainlevel-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal li li {
clear: left;
}
/** separator */
span.mainlevel-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal {
display: block;
width: 2px;
border-width: 0px;
margin-left: 0px;;
padding: 2px;
padding-top: 1px;
background-color:#333333;
color:#FFFFFF;
margin-top:7px;
}
/** IE5.0/win workaround: the ">" is handled like a "," */
ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal {
position: absolute;
top: 5em; /* change the absolute position for IE5.0 here */
}
ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul {
margin: 0.1em 0 0 0em; /* top, right, bottom, left */
}
ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul {
margin: -1.6em 0 0 16em; /* top, right, bottom, left */
}