body {margin: 0px; color:black; background:white}


/* For HyperLinks */

a:active  {color: blue; text-decoration: none}   		/* selected link */
a:visited {color: navy; text-decoration: none} 		   /* visited link */
a:link    {color: blue; text-decoration: none}      /* unvisited link */
a:hover   {color: maroon; text-decoration: underline}    /* mouse over link */

/* For Left Menu adjusted*/
a.left:active   {  font-family: sans-serif, Arial, Helvetica ; font-size: 11px; font-style: normal; line-height: 2.5em; font-weight: normal; font-variant: normal; color: #333333; /*yellow; /* background-color:#333366; */ line-height: 1em; text-decoration: none}   	   /* selected link */
a.left:visited  {  font-family: sans-serif, Arial, Helvetica ; font-size: 11px; font-style: normal; line-height: 2.5em; font-weight: normal; font-variant: normal; color: #666699; /*#724C2A; ORIG COLR background-color: #333366; */  line-height: 1em;}		   /* visited link */
a.left:link     {  font-family: sans-serif, Arial, Helvetica ; font-size: 11px; font-style: normal; line-height: 2.5em; font-weight: normal; font-variant: normal; color: #333333; /* background-color: #333366; */ line-height: 1em;}      /* unvisited link */
a.left:hover    {  font-family: sans-serif, Arial, Helvetica ; font-size: 11px; font-style: normal; line-height: 1em; font-weight: normal; font-variant: normal; color: #333366;; /*#5B5C7D DARKER GRAY #333333maroon #724C2Ayellow;  background-color: */ line-height: 1em; text-decoration: none}  
 /* mouse over link */


/* For Button Like Links */
a.but         {color:#ffffff; font-weight: bold; text-decoration:none}
a.but:link    {color:#ffffff; font-weight: bold; text-decoration:none}
a.but:active  {color:#ffffff; font-weight: bold; text-decoration:none}
a.but:visited {color:#ffffff; font-weight: bold; text-decoration:none}
a.but:hover   {color:#ffffff; font-weight: bold; text-decoration:none}


/* For Paragraph */
p {font-family: sans-serif, Arial, Helvetica ; font-size: 12px}
p.question {font-family: sans-serif, Arial, Helvetica ; font-size: 12px; font-weight: bold; color: navy; font-style: italic;background-color: white}
p.justify {font-family: sans-serif, Arial, Helvetica; font-size: 12px; text-align:justify}

/*Header*/
h4      {font-family:  sans-serif, Arial, Helvetica ; color: navy; font-weight: bold; font-style: italic}
h3.head {font-family: verdana; font-size: 120%; color: #00008B;  font-variant: small-caps; text-decoration: underline;}
h3      {font-family: sans-serif,  verdana; font-size: 13px; color: navy;  font-variant: small-caps}

br.leftspace{margin-top: 50px}
/* Horizontal Line */
hr { color:navy; width:99%; height:2px;}
hr.footer { color:maroon; width:99%; height:3px }
hr.small { color:maroon; width:49%}


/*   For Table */
table.lefttable {font-family: sans-serif, Arial, Helvetica ; font-size: 11px; font-weight: normal; color:#84F8DC; margin-top:1px}
table.footertable {font-family: verdana, sans-serif;  font-size: 7pt; color:maroon}
table {font-family: sans-serif, Arial, Helvetica ; font-size: 12px; font-weight: normal}
table.ForBold {font-family: sans-serif, Arial, Helvetica ; font-size: 12px; font-weight: bold}
table.NotBold {font-family: sans-serif, Arial, Helvetica ; font-size: 12px}
table.small {font-family: sans-serif, Arial, Helvetica ; font-size: 7pt; font-weight: bold}
td.month {font-family:verdana; font-size:11px; color:#333333; text-decoration:none; border-top: 1px solid #999999; }
.nowrap { white-space : nowrap;}


/* FONT Styling */
/* ------------ */

font.leftnavhead{font-family:verdana; font-size: 12px; font-weight: bold ; color: yellow }
/* Bullet on Left Navigation */
font.bullet{font-family:verdana; color: yellow;line-height: 1.5em; }
font.bulletR{font-family:verdana; color: red;line-height: 1.5em; }
font.bulletCenter{font-family:verdana; color: navy; font-size: 15px}
font.bulletRight{font-family:verdana; color: navy; font-size: 11px; font-weight: bold; line-height: 1.5em;}

/* File Type */
font.FileType {font-family: sans-serif, Arial, Helvetica ; font-size: 10px; font-weight: bold; color: red; font-style: italic }

/* Question*/
font.Question {font-family: sans-serif, Arial, Helvetica ; font-size: 12px; color:maroon; font-style: italic }

/* For TopDate */
font.Intradate    {font-family: verdana, sans-serif; font-size: 8pt; font-weight: normal; color: #003399; background-color:#CCCCCC; }
font.IntradateN {font-family: verdana, sans-serif; font-size: 8pt; font-weight: bold; color:white; }

/* For Date */
font.footerdate {font-family: verdana,sans-serif;  font-size: 8pt; color:maroon}
font.alldate {font-family: Arial,sans-serif;  font-size: 9pt; color:navy}

/* For Close */

font.headtable {background-color: #99CC00; font-family: sans-serif,  verdana;  font-size: 9pt; font-weight: bold; color:#FFFFFF}
font.textbutton {background-color: #99CC00; font-family: sans-serif,  verdana;  font-size: 8pt; font-weight: bold;color:#FFFFFF}
font.textbuttonNL {background-color: #006400; font-family: sans-serif,  verdana;  font-size: 8pt; font-weight: bold;color:yellow}
font.close {background-color: navy; font-family: sans-serif,  verdana;  font-size: 10pt; font-weight: bold; color:#F6F6F5}
font.button {background-color: #99CC00; font-family: sans-serif,  verdana;  font-size: 10pt; font-weight: bold; color:#FFFFFF}

/* For Note */
font.note {font-family: arial; font-size: 8pt; color:maroon; font-weight: bold;}
font.staff {font-family: arial; font-size: 8pt; color:maroon; font-weight: normal;}

/* For Scrolling Information */
marquee { font-family: arial; font-size: 10pt; font-weight: bold}

/* For list */
ul.circle {list-style-type: disc; color:navy; font-family:  sans-serif, Arial, Helvetica ; font-size: 12px}
ul.LeftLinks{list-style-type: disc; color:yellow; font-family:  sans-serif, Arial, Helvetica ;  font-size: 11px}
ul.imageStyle {list-style-image: url("/images/bullets/Bullet_Arrow.gif"); }
li.circle{list-style-type: disc; color:yellow; font-family: verdana ; font-size: 8px}


/* Form Objects Styles */
/* For Select */
select {font-family:sans-serif, Arial, Helvetica ; font-size: 11px; color: #000000; background-color: #F3FFF0}
select.forlinks {font-family:sans-serif, Arial, Helvetica ; font-size: 12px; line-height: 2.0em; color: #000000; background-color: #F3FFF0}
.listbox{font-size: 12px; font-weight: bold; color: blue;background-color: #F3FFF0}
TEXTAREA {font-family:sans-serif, Arial, Helvetica ; font-size: 11px; color: #000000; background-color: #F3FFF0}

/* For Input */
input {font-family: sans-serif, Arial, Helvetica ; font-size: 12px; color: #000000; background-color: #F3FFF0}

/* Span Bullet on Left */
span.leftbullet {font-family: verdana,sans-serif; font-size:11px; color:yellow}
.bulletlist {font-family: verdana,sans-serif; font-size:14px; color:navy}
.bulletlistNL {font-family: verdana,sans-serif; font-size:14px; color:red}
.bulletcenter {font-family: Arial; font-size:8px; color:red}
.bulletnavy {font-family: verdana; font-size:11px; color:navy}

/* For NEW Scrolling News 
--------------------------*/
td.ScrollNews{margin-top:1px;  border-right:0px; border-bottom:1px solid #CCCCCC;  border-left:1px solid #CCCCCC; background-color:#FFFFFF;}

/* For BORDER around Table
--------------------------*/
td.BorderAroundTable{border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;  
                      border-left:0px solid #CCCCCC;}
td.BorderTableMaroon{border-top:1px solid #993300; border-right:1px solid #993300; border-bottom:1px solid #993300;  
                      border-left:1px solid #993300;}
td.BorderOnlyBottom{border-top:0px solid #993300; border-right:0px solid #993300; border-bottom:1px solid #993300;  
                      border-left:0px solid #993300;}

/* For a LINE under TD item
--------------------------*/
td.LineBottom{border-top:0px solid #006600; border-right:0px solid #006600; border-bottom:1px solid #006600;  border-left:0px solid #006600; }


/* For TD background images
--------------------------*/
td.t_leftnav_pixelrow{ /*background-color: #333366; */ vertical-align:top; background-image:url(6darkteal_02.jpg);   /* background-image:url(http://www.norfolk.gov/norfolk/images_secondary/t_leftnav_pixelrow.gif);*/}
td.t_header_bg{background-image:url(http://www.norfolk.gov/norfolk/images_secondary/t_header_bg.jpg);}
td.t_vert_footer_bg{background-image:url(../images_secondary/t_vert_footer_bg.gif);}
td.bgcolor{background-color:#333366;}
font.Welcome{font:"Times New Roman", Times, serif; font-size:14px; color: navy; }


/* For Expand Collapse Left Menu */
.folding{cursor:pointer;}

.displaynone{display:none}

/* For Scrolling News Recommended by Hap */
#scolltable	{font-family: verdana,sans-serif; font-size:11px;}


/* For Text Link Menu Expansion */
/* ------------ */
.menuskin{
position:absolute;
width:185px;
background-color:#BDD6FC;
border:1px solid navy;
font:normal 11px Verdana ;
color:white;
line-height:18px;
z-index:100;
visibility:hidden;
}

.menuskin a{
text-decoration:none;
color:navy;
padding-left:5px;
padding-right:2px;
}

#mouseoverstyle{background-color:white;}

#mouseoverstyle a{color:#163A6A;}

/* For Alternate Text for Text-Based Links Ex. Staff Portal */
/* -------------------------------------------------------- */
.tooltiptitle{COLOR: #FFFFFF; TEXT-DECORATION: none; CURSOR: Default; font-family: arial; font-weight: bold; font-size: 8pt}
.tooltipcontent{COLOR: #000000; TEXT-DECORATION: none; CURSOR: Default; font-family: arial; font-size: 8pt}
#ToolTip{position:absolute; width: 100px; top: 0px; left: 0px; z-index:1000; visibility:hidden;}


/* For Help Icon on home Page for About norfolk */
/* -------------------------------------------------------- */

a.help:link, a.help:visited {
padding: 0 2px 1px 16px;
background: #BEDFDC url(help-icon.gif) left center no-repeat;
color: #444444; border: 1px solid #C66;
text-decoration: none;}

a.help:hover {color: #FFD; background-color: #C66;}

.imageSpace {margin-right:10px; margin-bottom:5px; margin-left:10px;}
.imageSpaceL {margin-right:10px; margin-bottom:1px;}
.imageSpaceR {margin-left:10px;  margin-bottom:5px;}

img.floatRight {float:right;}
img.floatLeft {float:left;}

/* For City Services and Home Page Dropdown */
.select {
  font-family: Arial,Helvetica,Verdana;
  font-size: 9pt;
  font-weight: normal;
}

/* For cool menus */
/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar{position:absolute; width:10px; height:10px; background-color:#333366; layer-background-color:#333366; visibility:hidden}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:1px; font-family:verdana, arial; font-size:10px; font-weight:bold}
.clLevel0{background-color:#333366; layer-background-color:#333366; color:#84F8DC;}
.clLevel0over{background-color:#333366; layer-background-color:#333366; color:Yellow; cursor:pointer; cursor: pointer; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:1px; font-family:verdana, arial; font-size:10px; font-weight:normal;}
.clLevel1{background-color:#84F8DC; layer-background-color:#84F8DC; color:navy;}
.clLevel1over{background-color:#163A6A; layer-background-color:#163A6A; color:white; cursor:pointer; cursor:pointer; }
.clLevel1border{position:absolute; z-index:500; visibility:hidden; background-color:#006699; layer-background-color:#006699}

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:verdana,arial; font-size:10px; font-weight:normal;}
.clLevel2{background-color:#84F8DC; layer-background-color:#84F8DC; color:navy;}
.clLevel2over{background-color:#163A6A; layer-background-color:#163A6A; color:white; cursor:pointer; cursor:pointer; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
/*END COOL*/
