/* http://three.ninet.org.uk/styles/styles.css */


body, p, td, div {
    font-family: Verdana;
    font-size: 11px;
    line-height: 1.2em;
    color: #666;
}

h1,h2,h5,h6,h7{
    color: #004080;
    font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica;
}

h1 {
    font-size: 19px;
    font-weight: normal;
}

h2 {
    font-size: 14px;
    font-weight: bold;
}

h3{
    color: #B0B670;
    font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica;
    font-size: 14px;
    font-weight: bold;
}

h4 {
        color: #B0B670;
        font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
        font-size: 12px;
        font-weight: bold;
}
 /*  **************** PUBLICATIONS THEMES ************************** */
#publicationthemes
{
	margin-bottom:10px;
}

html>#publicationthemes {
    width: 30%;
}

#publicationthemes ul {
    position: relative;
    border: 0px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: left;
}

#publicationthemes ul li {
    display: block;
    float: left;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

#publicationthemes ul li a {
    background: #EAF1FA;
    width: 174px;
    line-height: 1.5em;
    border-top: none;
    border-bottom: 2px solid #fff;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    display: block;
    color: #4A4A4A;
    text-decoration: none;
    text-align: left;
}

#publicationthemes ul li a:hover {
    color: #fff;
    background: #9CA272;
}

#publicationthemes a:active {
    background: #eee;
    color: #000;
}

#publicationthemes ul li ul li a {
    margin-left: 10px;
    width: 164px;
}
#publicationthemes ul li ul li ul li a {
    margin-left: 20px;
    width: 154px;
}
#publicationthemes ul li ul li ul li ul li a {
    margin-left: 20px;
    width: 154px;
}
#publicationthemes ul li ul li ul li ul li ul li a {
    margin-left: 20px;
    width: 154px;
}

#publicationthemes ul li .emptypub
{
    color: #9a9a9a;
}

#publicationthemes h2, #nisrabranches h2, #useful h2, #othersites h2,  #newsdiv h2  {
    font-family: arial, helvetica,"Lucida Sans Unicode", sans-serif;
    border: 0px;
    margin: 0px;
    list-style-type: none;
    text-align: left;
    font-size: 12px;
    border-bottom: #899079 4px solid;
    width: 174px;
    padding: 0px 0px 0px 5px;
}
#postcode h2 {
    font-family: arial, helvetica,"Lucida Sans Unicode", sans-serif;
    border: 0px;
    margin: 0px;
    list-style-type: none;
    text-align: left;
    font-size: 12px;
    border-bottom: #899079 4px solid;
    width: 174px;
    padding: 0px 0px 0px 5px;
}
#publicationthemes h1 h3 {
    font-size: 12px;
    font-weight: bold;
}

/*  ****************POSTCODE BOX ************************** */
#postcode{
	margin-top:10px;
}
#postcode #pcodeform{
	margin:0px;
	background-color:#93B7EB;
	width: 179px;
	
}
#postcode #pcodeform input{
	margin-bottom:5px;
}
#postcode #pcodeform span
{
	display:block;
	color:White;
	font-size:11px;
	margin:1px 5px 5px 8px;
}
#postcode #pcodeform #pbox{
	margin-left:8px;
}

/*  ****************NISRA USEFUL LINKS ************************** */
#useful ul{
    position: relative;
    border: 0px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: left;
}

#useful ul li {
    display: block;
    float: left;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

#useful ul li a {
    background: #8EB2E7;
    width: 174px;
    line-height: 1.6em;
    border-top: none;
    border-bottom: 2px solid #fff;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: left;
}

#useful ul li a:hover{
    color: #334b7e;
    background: #6498E3;
    border-bottom: 2px dotted #9999AA;
}

#useful a:hover {
    color: #334b7e;
    background: #6498E3;
    border-bottom: 1px dotted #9999AA;
}

#useful a:active {
    background: #eee;
    color: #000;
}

/*  ****************NISRA BRANCHES ************************** */
#nisrabranches ul {
    position: relative;
    border: 0px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: left;
}

#nisrabranches ul li {
    display: block;
    float: left;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

#nisrabranches ul li a {
    background: #6498E3;
    width: 174px;
    height: 1.4em;
    line-height: 1.5em;
    border-top: none;
    border-bottom: 1px solid #fff;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: left;
    letter-spacing: 0px;
}

#nisrabranches ul li a:hover {
    color: #334b7e;
    background: #8EB2E7;
    border-bottom: 1px dotted #9999AA;
}


#nisrabranches a:active {
    background: #eee;
    color: #000;
}
/*  ****************OTHER BRANCHES ************************** */
#othersites ul {
    position: relative;
    border: 0px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: left;
}

#othersites ul li {
    display: block;
    float: left;
    text-align: center;
    padding: 0px;
    margin: 0px;
    width: 174px;
    height:auto;
}

#othersites ul li a 
{
	background: #8EB2E7;
    width: 174px;
    height: 1.5em;
    line-height: 1.5em;
    border-top: none;
	border-bottom: 2px solid #fff;
    padding: 0px 0px 0px 5px;
    margin: 0px 0px 0px 5px;
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: left;
    letter-spacing: 0px;
}

html>body #othersites ul li a  {
    min-height: 1.5em;
    height:auto;
}

#othersites ul li a:hover {
    color: #334b7e;
    background: #6498E3;
    border-bottom: 2px dotted #9999AA;
}


#othersites a:active {
    background: #eee;
    color: #000;
}


/*  **************** RIGHT  COLUMN  *****/
#rightcolumn h1, h2, h3 {
    font-size: 14px;
    font-weight: bold;
}

#censuslink
{
    padding: 20px 0px 0px 20px;
    margin: 0px;
    border: 0px;
}

/*  ****************CENTER and LOWER CENTER COLUMN  *****/
#centercolumn p, #lowcentercol * {
  font-size: 12px;
   line-height: 1.6em;
}

/*  **************** GENERAL LINKS ******/
#centercolumn a, a:active {
    color: #666;
    text-decoration: underline;
}
#centercolumn a:visited {
    color: #101070;
    text-decoration: underline;
}

#centercolumn a:hover {
   color: #7F845D;
   text-decoration: underline;
}

th
{
	font-weight:normal;
}

#lowcentercol h1 {
  font-size: 19px;
  font-weight: normal;
  margin-top: 0px;
}

#lowcentercol h2 {
    font-size: 14px;
    font-weight: bold;
    padding: 0px;
}

#lowcentercol h3,h4 {
    font-size: 14px;
    font-weight: bold;
    padding: 0px;
}

#lowcentercol a, a:active {
    color: #666;
    text-decoration: underline;
}
#lowcentercol a:visited {
    color: #101070;
    text-decoration: underline;
}

#lowcentercol a:hover {
   color: #7F845D;
   text-decoration: underline;
}



/*  **************** FOOTER *************/
p,td {
    font-family: Arial, Verdana, Helvetica;
    font-size: 10px;

}
#footer a,#footer p,#footer td {
    font-family: Arial, Verdana, Helvetica;
    font-size: 10px;
    /*font-weight: bold;*/
}

#footer a:hover {
    font-size: 10px;
    /*font-weight: bold;*/
}

.sectionmenu {
    color: #336699;
    text-decoration: none;
}
.sectionmenu:hover {
    color: #7D8767;
    text-decoration: underline;
}
.functionmenu {
    color: #6231CB;
    text-decoration: none;
}

.functionmenu:hover {
    color: #806787;
    text-decoration: underline;
}
#topofpage img
{
	position:relative;
	float:left;
	margin-right: 3px;
}
#topofpage a
{
	position:relative;
	display:block;
	float:left;
	height:16px;
	font: 10px arial;
	font-weight:bold;
	color: white;
	background-color: #9999aa;
	text-align:left;
}

/*  **************** GENERAL LINKS ******/
a, a:visited, a:active {
    color: #666;
    text-decoration: none;
}
a:hover {
   color: #7D8767;
   text-decoration: underline;
}

/*  **************** HEADER LINKS ******/
a, a:visited, a:active {
    color: black;
    text-decoration: none;
}
a:hover {
   color: #7D8767;
   text-decoration: underline;
}
#homelink
{
	font-family:Arial;
	font-size:10px;
	color:Black;
}
/*  **************** MAIN MENU *************/
#mainmenu ul 
{
    border: 0px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: right;
    clear: left;
}

#mainmenu ul li {
    display: block;
    float: right;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

#mainmenu ul li a {
    border-top: 8px solid #FFFFFF;
    border-right: none;
    border-bottom: 3px solid #9ACCFF;
    border-left: 1px solid #CDCFDE;
    padding: 0px 0px 0px 0px 6px;
    margin: 10px 0px 0px 0px 5px;
    color: #7A7E9C;
    text-decoration: none;
    display: block;
    text-align: left;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 1.25em;
    font-size: 12px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 117px;
}

html>#mainmenu ul li a  {
    font-size: 12px
}

#mainmenu ul li a:hover {
    color: #75767B;
    background: #fff;
    border-bottom: 3px solid #75767B;
}

#mainmenu a:active  {
    background: #eee;
    color: #000;
}

/*  **************** BREADCRUMBS *************/
#breadcrumbs {
    width: 520px;
    text-align: right;
    padding: 0px;
    margin: 0px;
    font-family: "Geneva", Arial, Helvetica, sans-serif;
    font-size: 10px;
}

#breadcrumbs a {
    font-family: "Geneva", Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #806787;
}

/*  **************** CONTACTS COMPONENT ************************** */
.minComponentBody {
    background: #eeeef3;
    border-bottom: #fff 6px solid;
    clear: both;
    display: block;
    height: auto;
}
.minComponentBody img{
    float: left;
}


.contactnav {
	display:none;
}

#contacts a {
    color: #334b7e;
}

#contacts a:active {
    color: #000;
}

#contacts p {
    padding: 0px;
    margin: 0px 0px 5px 0px;
}

#contacts h2 h3 {
    border: 0px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: left;
}

.componentitems {
    border-bottom: #fff 5px solid;
}

.componentitems .componentresources {
    background: #eeeef3;
    border-bottom: #fff 3px solid;
    clear: both;
}

#componentDetails {
    background: #eeeef3;
    border-bottom: #fff 3px solid;
    clear: both;
}

#componentContact {
    background: #eeeef3;
    border-bottom: #fff 3px solid;
    clear: both;
}

#componentHistory {
    background: #fff;
    border-top: #fff 6px solid;
    border-bottom: 0px;
    clear: both;
}

#componentControls {
    clear: both;
    display: block;
    float: right;
}

#editForm fieldset {
    background: #eeeef3;
    border: 1px solid #ccc;
}

#editForm label {
    float: left;
    width: 20%;
    margin-right: 0.5em;
    padding-top: 0.2em;
    text-align: right;
    clear: both;
}

#loginform fieldset {
    background: #eeeef3;
    border: 1px solid #ccc;
}

#loginform label {
    float: left;
    width: 20%;
    margin-right: 0.5em;
    padding-top: 0.2em;
    text-align: right;
}

.compsearchhidden {
    display: none;
}

.compsearch {
    display: block;
}

.sectionmenub {
     color: #666;
}

#componentsearch {
    display: none;
    padding: 5px;
    background: #eee;
    border: 1px solid #ccc;
    color:Black;
}

#componentsearch input, #componentpagesize select, #editForm select, #newsSearch input, #newsBody select {
    font-family: Verdana;
    font-size: 10px;
}

#componentsearchlink {
    width: 50px;
}

#componentsearchlink h1{
    color: #3333dd;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

#editForm input, select {
    font-family: Verdana;
    font-size: 10px;
    margin-top: 2px;
}

#componentsearch { width: 410px; }


.cmptableheadsel .cmptableheader{
        color: black;
}

.componentContact p, .minComponentName h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    font-family: Verdana;
}

#componentContact p, #componentDetails p,  .componentContact p {
    color: #000;
 }

 /*  **************** SUB NAVIGATION ************************** */
 #submenu{
     background: #fff;
     padding-bottom: 10px;
     border: 0px dotted #9db1d0;
     width: 170px;  /* box model hack */
     voice-family: "\"}\"";
     voice-family: inherit;
     width: 159px;
 }

 html>#submenu   {
     width: 159px;
 }

 #submenu ul {
     position: relative;
     border: 0;
     margin: 0;
     padding: 0;
     list-style-type: none;
     text-align: left;
 }

 #submenu ul li {
     display: block;
     float: left;
     text-align: center;
     padding: 0;
     margin: 0;
 }

 #submenu ul li a {
     background: #dde3f0;
     width: 140px;
     height: 2em;
     line-height: 2em;
     border-top: none;
     border-left: 1px solid #fff;
     border-bottom: 1px solid #fff;
     border-right: 1px solid #fff;
     padding: 0px 0px 0px  5px;
     margin: 0;
     display: block;
     color: #334b7e;
     text-decoration: none;
     text-align: left;
     font-weight: normal;
     letter-spacing: 0px;
     font-size: xx-small;
     voice-family: "\"}\"";
     voice-family: inherit;
     font-size: x-small;
 }

 #submenu ul li a:hover {
     color: #334b7e;
     background: #f7c852;
 }

 #submenu a:hover {
     color: #334b7e;
     background: #f7c852;
  }

 #submenu a:active   {
     background: #eee;
     color: #000;
 }

/*  **************** PUBLICATIONS - OTHER COMPONENTS ************************** */
#componentBody .componentresources {
    background: #eeeef3;
    border-top: #fff 3px solid;
    clear: both;
    width: 500px;
}

#componentBody #componenttitle h3 {
    font-size: 12px;
}

#componentBody .componenttitle .cardtext {
        color: #839079;
        font-size: 14px;
        font-weight: bold;
        font-family: "Verdana", Arial,  Helvetica;
        }

#componentBody #componentDetails h4 {
    font-size: 16px;
    margin: 0px;
    padding: 0px;
}

#componentBody #componentDetails cardtext, #componentBody #componentContact cardtext {
    color: #666;
    font-size: 16px;
    font-weight: normal;
    font-family: "Verdana", Arial,  Helvetica;
}


#componentBody #componentContact h4 {
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

#componentBody #cmpSummarycontent {
    visibility: hidden;
    display: none;
    position: absolute;
    height: 0;
    width: 0;
}

#componentBody {
    padding: 5px 0px 0px 0px;
}

#cmpviewcontents {
    display: block;
    width: 493px;
}

#cmpviewcontents p, #cmpviewcontents img {
    padding: 5px 0px 0px 6px;
}

#componentBody .componentresources .componenttitle {
    display: inline;
}

#componentBody .componentresources .componentdesc {
    display: block;
}


#componentBody .componentresources .componentlink {
    display: inline;
}

#componentBody #cmpviewcontents .componentresources h4 {
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

#componentBody #cmpviewcontents .componentresources p {
    margin: 0px 0px 5px 0px;
    color: #000;
    font-size: 12px;
    font-family: verdana;
}

#componentBody #componenttable {
    display: block;
    clear: left;
    margin:0px;
}

#componentnav{
    display: none;
    width:100%;
    margin: 10px 0px 0px 0px;
}

#componentBody #componenttable #cmpSurveyHead {
    border: #899079 2px solid;
}
/* theme item is available*/
#componentBody #componenttable .cmptablehead {
    text-align: center;
    display: block;
    float: left;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    border-top: #899079 2px solid;
    border-bottom: #899079 2px solid;
    border-left: #899079 2px solid;
    background: #EAEFD8;
    padding: 1px;
    width: 96px;
    cursor: pointer;
    /*IE
    cursor: hand;*/
}

/* theme item is selected*/
#componentBody #componenttable .cmptableheadsel {
    text-align: center;
    display: block;
    float: left;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    border-top: #899079 2px solid;
    border-bottom: #899079 2px solid;
    border-left: #899079 2px solid;
    background: #CACBCD;
    padding: 1px;
    width: 96px;
    color: #fff;
}

/* theme item is empty*/
#componentBody #componenttable .cmptableheadempty {
    text-align: center;
    display: block;
    float: left;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    border-top: #899079 2px solid;
    border-bottom: #899079 2px solid;
    border-left: #899079 2px solid;
    background: #eee;
    padding: 1px;
    width: 96px;
    color: #9999CC;
}

#componentBody #componenttable #cmpPrHead {
    width: 100px;
}

#componentBody #componenttable .cmptablehead .cmptableheader {
    border: #fff 3px solid;
    height: 38px;
    color:Black;
}

#componentBody #componenttable .cmptableheadsel .cmptableheader {
    border: #fff 3px solid;
    height: 38px;
    color: #000;
}

#componentBody #componenttable .cmptableheadempty .cmptableheader {
    border: #fff 3px solid;
    height: 38px;
}

#componentsearchlink, #componentsearch{
    float: left;
    margin: 10px 0px 10px 0px;
    clear: both;
    width: 493px;
}
#componentsearchlink{
    margin: 10px 0px 0px 0px;
    width: 100%;
}

#componentpagesize {
    width: 50px; text-align: right;
    float: left;
    margin-right: 20px;
    color:#899079;
    font-weight: bold;
}

#componentpaging {
    display: none;
    width: auto;
    margin-left: 20px;
}

#pageNav {
    text-align: right;
    font-size: 10px;
    color: #9999CC;
    margin-top: 0px;
    padding: 0px 30px 0px 0px;
}

#newssearch {
    display: none;
    background: #EEE;
    float: left;
    height: 50px;
    width: 350px;
    border: 1px solid #CCC;
    padding: 6px;
}

#newsbody {
    display: none;   
    background: #EEE;
    float: right;
    height: 50px;
    width: 100px;
    border: 1px solid #CCC;
    padding: 6px;
    text-align: right;
}

#newscontainer {
    width: 520px;
}

/*  **************** PUBLICATIONS - FORTHCOMING ************************** */
#calendar {
    width:500px;
    border: none;
    height:40px;
    border-left:#CACBCD 1px dashed;
}

#selectedmonth {
    width:83px;
    display:block;
    border:none;
    float:left;
    height:20px;
    background:#CACBCD;
    color: #003a00;
    border:#CACBCD 1px solid;
    border-left:none;
    border-right:none;
}

.month {
    width:82px;
    display:block;
    border:none;
    float:left;
    height:20px;
    border:#CACBCD 1px dashed;
    border-left:none;
    background: #EAEFD8;
}
/*
selectedmonth - span
month - a
*/

/*  **************** NEWS AND LINKS SECTIONS *************/
.category {
        color: #B0B670;
        font-size: 14px;
        font-weight: bold;
        font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
}

.cardtext {
        color: #899079;
        font-size: 16px;
        font-weight: bold;
        font-family: "Verdana", Arial,  Helvetica;
        }

#componentpagesize .pagingtext, #newsBody .pagingtext {
    font-family: Verdana, Arial,  Helvetica;
    font-size: 10px;
    color: #9999CC;
    line-height: 2.5em;
}

#category {
        text-align: left;
        margin-top: 10px;
        clear: both;
}

#category a {
        color: #B0B670;
        font-size: 14px;
        font-weight: bold;
        font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
}

#category a:active {
        color: #B0B670;
        font-size: 14px;
        font-weight: bold;
        font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
        text-decoration: underline;
}
#category a:hover {
        color: #B0B670;
        font-size: 14px;
        font-weight: bold;
        font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
        text-decoration: underline;
}

.pubdate{
     padding: 0px;
     margin: 8px 0px 7px 0px;
     font-size: 10px;
     color: #9999CC;
 }



/*  **************** GENERAL *************/
select, input, textarea {
   color: #000;
   font-size: 10px;
   font-family: Verdana,"Gill Sans", Tahoma, Arial, Helvetica;
}

.pgquote {
    font-family: sans-serif, arial, helvetica;
    color: #4A3828;
    letter-spacing: 0px;
    font-size: 10px;
    font-weight: bold;
    width: 175px;
    display: block;
}

.auquote {
    font-family: "arial", helvetica, sans-serif;
    color: #516F5C;
    letter-spacing: 0px;
    font-size: xx-small;
    font-style: italic;
}

img {
    border: 0;
}

.hide, p.hide {
    visibility: hidden;
    display: none;
}

.fix {
    clear: both;
}

.ahem {
    display: none;
}

.inline {
    display: inline;
}

img.nofloat {
    float: none;
}

.right {
    float: right;
}

.left {
    float: left;
}

/*  GRAPHICAL BAR */

#branding   {
    text-align: left;
    vertical-align: top;
    background: #fff;
    margin: auto;
    padding: 0px;
    width: 750px;  /* box model hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 748px;
}

html>#branding  {
    width: 748px;
}

#branding img   {
 display: inline;
 padding: 0px;
 border: 0px;
 margin: 0px;
}

/*  PAGE - CONTENT */

#homemaincontent {
    background: transparent;
    height: auto;
    float: left;
    padding: 10px;
    margin: 0px 10px 0px 0px;
    width: 446px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 415px;
}

#homesubcontent {
    background: transparent;
    border-left: 1px solid #f7f7f7;
    height: auto;
    padding: 10px;
    float: left;
    margin: 0px 10px 0px 0px;
    width: 270px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 240px;
}

#maincontent {
    background: transparent;
    height: auto;
    padding: 10px;
    float: left;
    margin: 0px 10px 0px 0px;
    width: 496px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 465px;
}

#subcontent {
    background: transparent;
    height: auto;
    padding: 10px;
    float: left;
    margin: 0px 10px 0px 0px;
    width: 220px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 190px;
}

/*  **************** ADMIN ************

 #adminlink a, #adminlink a:visited, #adminlink a:active {
    color: #666;
    text-decoration: none;
 }

#adminlink a:hover {
   color: #7D8767;
   text-decoration: underline;
}*/

/*NEWS SCROLLER*/
#newsdiv
{
	margin-top:5px;
	
}
#news
{
	height:60px;
	width:180px;
	background:#FFF;
	text-align: left;
	list-style-type:none;
}
html>#news {
    height:auto;
    min-height:60px;
}
#news a
{
	color: #666;
	text-decoration: underline;
}
#news a:hover
{
   color: #7F845D;
   text-decoration: underline;
}
#news ul
{
	margin:0 .5em 0 1em;
	padding:0;
	list-style-type: none;
}
/* the news box with JS */
#news.hasJS
{
	
	height:120px;
	overflow:hidden;
	position:relative;
}
/* The nested UL with JS */
#news.hasJS ul
{
	width:170px;
	position:absolute;
	top:60px;
	left:0;
}