/* ---------------------------------------------------- */
/* v10-NavMenu.css					*/
/* Steve Raper 2/1/2010  				*/
/* ---------------------------------------------------- */

div#pagecontainer       {width:825px; background-color:white; border: 0px solid red; }

div#contentleft  {width:630px; background-color:white; color:#336699; float:left; text-align:left; border: 0px solid gainsboro;   margin-left:0px; margin-right:0px; padding-left: 15px; }

div#contentright {width:160px; background-color:white; color:gray; float:left; text-align:left; padding-left: 0px; margin-left:10px; margin-right:0px;  border: 0px solid gainsboro; }

body {background-color: #6699CC; 	/*  background-color: "#6699CC";  background:url("../images/bg-navmenu1.jpg"); 	*/	
      margin:  0px 0px 0px 0px;  	/*  top, right, bottom, left */
      border:  0px 0px 0px 0px;
      padding: 0px 0px 0px 0px; 
 }

a 	 	{color: #336699; font: bold 12px Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
a:link 	   	{color: #336699; font: bold 12px Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
a:visited	{color: #336699; font: bold 12px Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
a:hover 	{color: #ff0000;   font: bold 12px Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
a.link.hilite 	{color: #336699; font: bold 12px Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background-color: #ffffa0;}

h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #ff0000;   /* #000 */
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

hr 	{color:#4682b4; width:75%;}

img 	{border: none;} 

.imgborder {border: 1px solid #2e8b57; }   	/* seagreen   */ 
 
td 	{padding: 2px 5px 2px  5px; }
 

/* ==================================================================== */
/* =                           CONTENT  STYLES                          = */
/* ==================================================================== */

#pageheader { 
	background:  url("../v10-images/Homeport/bg_red800x21.jpg")  ; 
	color: white;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;  
	text-align:center;
	width:825px;
  	height: 21px;
	padding-top: 2px;
        width: 825px;
	}


Legend  				 /* Framesets */
{	Color: #336699;  	 /* DarkBlue; */
    	Font-family: Verdana, Arial, Helvetica, sans-serif;
    	Font-size: 9pt;
    	Font-weight: bold;
    	background-color: #ffffff;
}


/* ============================ v10part styles ========================================= */

/*  background-color: #cc7700 gold **** or #2e8b57; seagreen-- change 'forestgreen' back after Xmas */

.parttable
{	border: 1px darkgray solid;
}

.partheader
{	border: 1px darkgray solid;
	padding: 1px 1px 1px  8px;
   	background-color: #ffffff;
    	background-color: #2e8b57;     	/* seagreen   */
	color:   #f5f5f5;		/* almost white */
	font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
	text-align: center;
	height: 24px;
}


.partbody
 {	border: 1px darkgray solid;
   	background-color: #ffffff;	/* white */
	color: #00008b;			/* dark blue */
	font:12px Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
}

.partbodynoborder
 {	border: 0px darkgray solid;
   	background-color: #ffffff;	/* white */
	color: #00008b;			/* dark blue */
	font:12px Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
}

.partbgbeige {
   	border: 1px darkgray solid;
	padding: 1px 5px 1px  5px;
   	background-color: fffff0;
	color:  #00008b;
	font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
}

.partbgblue {
   	border: 1px darkgray solid;
	padding: 1px 5px 1px  5px;
   	background-color: lightsteelblue;
	color:  #00008b;
	font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
}

.partbgwheat {
   	border: 1px darkgray solid;
	padding: 1px 5px 1px  5px;
   	background-color: wheat;
	color:  #00008b;
	font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
}

.detailheader
{
    BORDER-TOP:    black 1px solid;
    BORDER-BOTTOM: black 5px solid;
    BORDER-LEFT:   black 1px solid;
    BORDER-RIGHT:  black 5px solid;
    PADDING-RIGHT:  1px;
    PADDING-TOP:    1px;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT:   5px;
    COLOR: #f5f5f5; 
    BACKGROUND-COLOR: #cc3300;  
    FONT-WEIGHT:  bold;
    FONT-FAMILY:  Verdana, Helvetica,Tahoma, Arial, sans-serif;
    WIDTH: 625px;
    TEXT-ALIGN: CENTER;  
}



.detailname
{
    BORDER-RIGHT:  black 1px solid;
    BORDER-LEFT:   black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    BORDER-TOP:    black 1px solid;
    PADDING-RIGHT: 1px;   
    PADDING-LEFT:  8px;
    PADDING-TOP:   1px;
    PADDING-BOTTOM:1px;   
    BACKGROUND-COLOR: #2e8b57;  /* gold? */
    COLOR: 	 #f5f5f5;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}





.detailzzz {
   	border: 1px darkgray solid;
	padding: 1px 5px 1px  5px;
   	background-color: #ffffff;
	color: #00008b;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
}





/* when a table is with the 'ivory' TABLE bg */
.detail2zzz
{
   	border: 1px darkgray solid;
	padding: 1px 5px 1px  5px;
   	background-color: #ffffff;
	color: #00008b;
   	font: bold 12px Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
}

.notice {
   	border: 1px darkgray solid;
	padding: 1px 5px 1px  5px;
   	background-color: fffff0;
	color:  #ff0000;
	font: 13px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
}

/* ==================================================================== */
/* =                            OLD or unusedPAGE STYLES                                                                 = */
/* ==================================================================== */

/*  light blue header - from city Mgr Sched Request app */
#pagetitle     
{    width:  800px;
    height: 24px;
    background-color:#e8f2fc;  /* #336699;    */
    color: #336699;    /* #696969 meduim gray,  subHdr blue 4682b4*/
    font-family: Verdana, Arial;
    font-weight: bold;
    font-size: 14px; 
    letter-spacing: 1px; 
    text-align: center;
    border-top:    1px solid gainsboro; 
    border-right:  1px solid gainsboro;
    border-bottom: 1px solid darkblue;
    border-left:   1px solid gainsboro;
    padding: 0px 0px 0px 0px;  /* top, right, bottom,  left   padding-top: 0px; padding-bottom:3px;  */
    margin: 0 0 0 14;
                }


/* --- Box1 --- */
#fadedbox { 
	background: transparent  url("../v10-images/box1-Faded160x200.png") no-repeat; 
	color: #336699;;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;  
	font-weight:normal;
	text-align:left;
	width:   160px;   /* use actual width/height of image */
	height: 200px;
	valign: top;
	margin:0px;
	padding-left: 20px;  
	}

/* --- Box2 --- expands vertically to fit content */
.box2 {
  font-family: Arial;
  width: 130px;
  }
.box2 .boxtop {
  margin: 0;
  background: url(../v10-images/box2-top130x23.png) no-repeat top;
 height: 23px;
  }
.box2 .boxtitle {
  margin: 0;
  text-align: center;
  padding: 0px 14px 10px 14px;
  color: #aa0000;
  font-size: 12px;
  background: url(../v10-images/box2-mid130x26.png) repeat-y top;
  }
.box2 .boxtext {
  margin: 0;
  text-align: left;
  padding: 0 14px 2px;
  color: #6666aa;
  font-size: 12px;
  background: url(../v10-images/box2-mid130x26.png) repeat-y top;
  }
.box2 .boxbot {
  margin: 0;
  height: 14px;
  background: url(../v10-images/box2-bot130x26.png) no-repeat bottom;
  }


/* --- Box4 --- expands vertically to fit content */
.box4 {
  font-family: Arial;
  width: 160px;
  }
.box4 .boxtop4 {
  margin: 0;
  background: url(../v10-images/box4-top.png) no-repeat top;
 height: 23px;
  }
.box4 .boxtitle4 {
  margin: 0;
  text-align: center;
  padding: 0px 14px 10px 14px;
  color: #aa0000;
  font-size: 12px;
  width: 160px;
  background: url(../v10-images/box4-mid.png) repeat-y top;
  }
.box4 .boxtext4 {
  margin: 0;
  text-align: left;
  padding: 0 14px 2px;
  color: #6666aa;
  font-size: 12px;
   width: 160px;
  background: url(../v10-images/box4-mid.png) repeat-y top;
  }
.box4 .boxbot4 {
  margin: 0;
  height: 14px;
  background: url(../v10-images/box4-bot.png) no-repeat bottom;
  }


/* ============================ other styles ========================================= */