/***********************************************/
/* © ECRM (http://www.e-crm.co.uk/)
***********************************************/

/***********************************************/
/* Page style                             */
/***********************************************/ 

body { font-family: verdana; font-size: small; color: #000000; line-height: 1.5; margin: 0px; padding: 0px; }

/***********************************************/
/* LAYOUT DIVS                                 */
/***********************************************/

#topcontainer { width: 1216px; background-color: #ffffff; margin: 0 auto; }

#logoimagel { float: left; height: 50px; width: 88px; margin: 0px 0px 0px 20px; }

#logoimager { float: left; height: 50px; width: 88px; margin: 0px 20px 0px 0px; }

/***********************************************/
/* Hyperlink styles                                */
/***********************************************/

a:hover { background-color: #ffffcc; }
a:link { color:  #696969; font-weight: bold; text-decoration: none }
a:visited { color:  #000000; font-weight: bold; text-decoration: none }
a:hover { color:  #000000; font-weight: bold; text-decoration: none }
a:active { color:  #000000; font-weight: bold; text-decoration: none }

/***********************************************/
/* Menu                            */
/***********************************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/***********************************************/

#topnav { float: left; width: 1000px; background-color: #ffffff; margin: 0px 0px 0px 0px; }

.jqueryslidemenu { font-family: verdana; font-size: 1em; font-weight: bold; background: #004080; margin-left: auto; margin-right: auto; width: 981px; }

.jqueryslidemenu ul { margin: 0; padding: 0px 0px 0px 0px; list-style-type: none; }

/*Top level list items*/
.jqueryslidemenu ul li { position: relative; display: inline; float: left; }

/*Top level menu link items style*/
.jqueryslidemenu ul li a { display: block; width: 120px; height: 33px; background: #004080;; /*background of tabs (default state)*/ color: white; text-align: center; padding: 12px 0px 0px 0px; text-decoration: none; position: relative; z-index: 1000; }

* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; height: 28px; padding: 8px 8px; position: relative; z-index: 1000; }

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited { color: white; }

.jqueryslidemenu ul li a:hover { background: #0066cc; /*tab link background during hover state*/ color: white; }
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul { position: absolute; z-index: 1000; left: 0; display: block; visibility: hidden; }

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li { display: list-item; float: none; }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul { top: 0; }

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a { font-family: verdana; font-size: 1em; font-weight: bold; height: 20px; width: 250px; /*width of sub menus*/ padding: 4px 6px 4px 12px; text-align: left; }

.jqueryslidemenuz ul li ul li a:hover { /*sub menus hover style*/ background: #0066cc; color: #0066cc; }

/* CSS classes applied to down and right arrow images   */

.downarrowclass { position: absolute; top: 14px; right: 7px; }

.rightarrowclass { position: absolute; top: 12px; right: 5px; }

/***********************************************/
/* Main text area                                 */
/***********************************************/

#frame { float: left; width: 100%; margin: 5px 0px 0px 0px; position: relative; z-index: 999; }

#social { position: relative; text-align: center; padding: 0px 0px 0px 61px; margin: 0px 0px 0px 0px; }