/* ================================
    CSS STYLES FOR Yellow pages
   ================================
*/   


/* background color for the header at the top of the page  */
.HeadBg 
{
  
	background-color: #FFFEF1; 
	font-family: Arial; 
    border-left:1px solid #ffcc66;
	border-right:1px solid #ffcc66;
	border-top:3px solid #ffcc66; 	
}
.TopBg 
{
	background-color: #ffcc66;
	font-family: Arial; 
}
.BlueBg 
{
	background-color: #99CCFF;
	
	font-family: Arial; 
}
.DeepBlueBg 
{
	color: white;
	font-weight: bold; 
	font-size: 10pt; 
	font-family: Arial, Tahoma, Verdana, Helvetica;
	background-color: #2175bc;
}
.BottomBg 
{    
	background-color: #FFFEF1; 
	color: black; 
	font-family: Arial; 
}

.LeftPane  
{
    background-color:#ffcc66; /*dark yellow */	
}

.ContentPane  { 
	background-color: #ffffcc;  /* light yellow */
    border-right:1px solid #ffcc66;
	border-left:1px solid #ffcc66;
}

.RightPane  { 
}

/* background color for the content part of the pages */
body 
{
        background-color:#FFFEF1 ; 
        margin:0;
        padding:0;
        font: bold 11px/1.5em Verdana;
}

.bodyBg
{
	 border-right:1px solid #ffcc66;
	 border-left:1px solid #ffcc66;
  	 background-color: #ffffcc;  /* yellow */
     margin:0;
     padding:0;
     font: bold 11px/1.5em Verdana;
}


h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}


img {
	border: none;
}

#plainlist {
	text-decoration:none;
}
#plainlist ul{
	text-decoration:none;
	list-style: none;
}
#plainlist li{
	text-decoration:none;
}
/*- Menu Tabs 7--------------------------- */

    #tabs7 {
	
      float:left;
      width:100%;
      font-size:100%;
      line-height: normal;
      /*border-bottom:1px solid #333B66; */
      }
    #tabs7 ul {
          margin:0;
          padding:20px 0 0 0;
          list-style:none;
      }
    #tabs7 li {
      display:block;
	  float: right;
      margin:0;
      padding:0;
      }
    #tabs7 a {
      float:left;
      background:url("images/tableft10.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 0;
      text-decoration:none;
      }
    #tabs7 a span {
	  float:right;
      display:block;
      background:url("images/tabright10.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      /*color:#999;*/
      color:#fff;
       
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs7 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs7 a:hover span {
      color:#ECB546;
      }
    #tabs7 a:hover {
      background-position:0% -42px;
      }
    #tabs7 a:hover span {
      background-position:100% -42px;
      }

      #tabs7 #current a {
              background-position:0% -42px;
      }
      #tabs7 #current a span {
              background-position:100% -42px;
      }

/* CSS Tabs */
#button {
        width: 100%;
        border-right: 1px solid #000;
        padding: 0 0 1em 0;
        margin-bottom: 1em;
        font-family: Tahoma, Arial, sans-serif;
                /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
        font-size : 12px;
        background-color: #90bade;
        color: #333;
        }



/* CSS Tabs */
#navcontainer {
        /*background:#ffcc66; */
        /*background: #f0e7d7;*/
        /*width: 100%;*/
        margin: 0;
        padding: 1em 0;
        font-family: Arial;
        font-size: 13px;
        text-align: center;
        /*text-transform: lowercase;*/
}

ul#navlist {
        text-align: left;
        list-style: none;
        padding: 0;
        margin: 0;
        width: 98%;
}

ul#navlist li {
        display: block;
        margin: 0;
        padding: 0;
		
}

ul#navlist li a {
        display: block;
        width: 100%;
        padding: 0.5em 0 0.5em 2em;
        border-width: 2px;
        border-color: #ffe #aaab9c #ccc #fff;
        border-style: solid;
        color: #FFFEF1;
        text-decoration: none;
		font-size: 13px;
       /* background: #f7f2ea;
		
		background: #2586d7; 
		background:#99CCFF; -- light blue*/
		
		background:#2175bc;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
        /*background: #f0e7d7; */ 
		
        /*color: #800000;*/
		color: #ffcc66;
}
ul#navlist li a:hover, ul#navlist li#active a:hover {
	/*color: #800000;*/
		color:#FFFEF1;
	font-size: 13px;
	/*background: #FFFFCC; /*light yellow */
        /*background:  #ffcc66; dark yellow */
        border-color: #aaab9c #fff #fff #ccc;
	background-color: #336699;
}

.navHeader
{
        display: block;
        width: 98%;
        padding: 0;
        border-style: none;
        color: #FFFEF1;
        text-decoration: none;
       /* background: #f7f2ea;
		
		background: #2586d7; 
		background:#99CCFF; -- light blue*/
		
		background:#2175bc;
}

				      
#nav {background: #0066cc; padding: 1px 5px 2px 0; margin: 0; 
  list-style: none; font: bold 0.8em  Verdana, sans-serif; padding: 1px 5px 2px 0;}
#nav li {display: inline;  background: #0066cc; padding: 1px 5px 2px 0;}
#nav li a {text-decoration: none; padding: 1px 51px 2px 0;}
#nav li a:link {color: white; padding: 1px 5px 2px 0;}
#nav li a:visited {color: white; padding: 1px 5px 2px 0; text-decoration: none;}
#nav li a:hover {color: white; background: #6699cc; padding: 1px 5px 2px 0; }

/* background/border colors for the selected tab */
.TabBg
{
	color: white;
	background-color: #ffcc66;
	font-weight: bold; 
	font-family: arial, tahoma, verdana, helvetica;
}
A.TabBg:link
{
	color: white;
	/*background-color: #ae8d61;*/
	background-color: #ffcc66;
	font-weight: bold;
	font-family: arial, tahoma, verdana, helvetica;

}


/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:active   {
}

A.SelectedTab:hover    
{
	
}

/* text style for the unselected tabs */
.OtherTabs {
text-decoration:none;
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:active   {
}

A.OtherTabs:hover    
{
	color: white;

}

/* GENERAL */
/* style for module titles */
.Head   
{
	color: black; 
	font-weight: bold; 
	font-size: 12pt; 
	font-family: arial, tahoma, verdana, helvetica;
}
.HeadWhite   
{
	color: white;
	background-color: #ffcc66; 
	font-weight: bold; 
	font-size: 12pt; 
	font-family: Arial, Tahoma, Verdana, Helvetica;
}
/* style of item titles on edit and admin pages */
.SubHead    
{
	color: black; 
	font-weight: bold; 
	font-size: 10pt; 
	font-family: arial, tahoma, verdana, helvetica;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
/* text style used for most text rendered by modules */
.Normal
{
	font-size: 10pt; 
	color: black; 
	font-family: arial, tahoma, verdana, helvetica;
}

.Normal12
{
	font-size: 12pt; 
	color: black; 
	font-family: arial, tahoma, verdana, helvetica;
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
	font-size: 10pt; 
	color: red; 
	font-family: arial, tahoma, verdana, helvetica;
}

.NormalWhite
{
	font-size: 10pt; 
	color: white;
	font-weight: bold; 
	font-family: arial, tahoma, verdana, helvetica;
}
.NormalBold
{
	font-size: 10pt; 
	color: black;
	font-weight: bold; 
	font-family: arial, tahoma, verdana, helvetica;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:active   {
}

A.CommandButton:hover    {
}
    
/* GENERIC */
H1  {
}



H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:active    {
}

A:hover {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer 
{
	/*background-color: #0c5fc5;*/
	background-color: #0066cc;
}

.MainMenu_MenuBar 
{
	background-color: #0066cc;
}

.MainMenu_MenuItem 
{
	background-color: #0066cc;
}
.MainMenu_MenuItem:hover 
{
	background-color: black;
}
.MainMenu_MenuIcon 
{
	
}

.MainMenu_SubMenu 
{
	background-color: #0066cc;
}

.MainMenu_MenuBreak 
{
	background-color: #0066cc;
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

.ShadowBox
{
   width:98%;
   padding: 10 px;
   filter: shadow(color:gray); 
}

img.ms-button { cursor: hand }

.BoxFrame
{
	color:black;
	
	background-color: #FFFEF1;  
	
	/*border-left:1px solid #ffcc66;
	border-right:1px solid #ffcc66;
	border-bottom:3px solid #ffcc66;
	border-top:3px solid #ffcc66; */
	border-left:1px solid #2175bc;
	border-right:3px solid #2175bc;
	border-bottom:3px solid #2175bc;
	border-top:1px solid #2175bc;	
	font-size: 10pt; 
	font-family: arial, tahoma, verdana, helvetica;
	
}

.NoBorders
{
 border:0;
 background-color: #FFFFCC; 
}

.MNPPart
{
	width:98%;
	/*position:relative; */
	color:black;
	/*background-color: #E6E6CC; */
	background-color: #FFFEF1;
	border-left:1px solid #2175bc;
	border-right:1px solid #2175bc;
	border-bottom:1px solid #2175bc;
	border-top:1px solid #2175bc;
	/*padding:8px; */
	margin-right:15px;
}
.Announcements
{
	width:98%; 
	/*position:relative; */
	color:black;
	background-color: #FFFFCC;  
	/*background-color: #FFFEF1;  white*/
	border-left:1px solid #2175bc;
	border-right:1px solid #2175bc;
	border-bottom:1px solid #2175bc;
	border-top:1px solid #2175bc;  
	/*padding:0px 5px;
	margin-bottom:auto;
	margin-top:auto; */
}

.ImgFrame
{
	border-top-width: 0px; 
	border-left-width: 0px; 
	border-bottom-width: 0px; 
	width: 1px; 
	height: 3px; 
	border-right-width: 0px;
}
.MNPPart UL 
{ 
	margin-bottom:5px; 
	margin-left:18px;
	
}

.MNPPart SPAN 
{ 
	color:#000000;	
}

.MNPPart	UL LI
{
	margin-bottom:0.5em;
	list-style-type: disc;
	color:#cccccc; 
}
.headline{ 
	font-size: 28px; font-family:  Garamond; 
	font:bold;
	color: #2175bc;
}
.headlineyellow{ 
	font-size: 24px; font-family:  Garamond; 
	font:bold;
	color:  #ffcc66;
}
.headlinegreen A:link, .headlinegreen A:visited, .headlinegreen A:active { 
	font-size: 18px; font-family: arial, helvetica, san-serif; 
	line-height: 24px; color: #009C00;
	text-decoration : none;
}
.headlinegreen A:hover { 
	font-size: 18px; font-family: arial, helvetica, san-serif; 
	line-height: 24px; color: #009C00;
	text-decoration: underline;
}

.headlinered A:link, .headlinered A:visited, .headlinered A:active { 
	font-size: 18px; font-family: arial, helvetica, san-serif; 
	line-height: 24px; color: #CC0000;
	text-decoration : none;
}
.headlinered A:hover { 
	font-size: 18px; font-family: arial, helvetica, san-serif; 
	line-height: 24px; color: #CC0000;
	text-decoration: underline;
}

.headlineblue A:link, .headlineblue A:visited, .headlineblue A:active { 
	font-size: 18px; font-family: arial, helvetica, san-serif; 
	line-height: 24px; color: #000099;
	text-decoration : none;
}
.headlineblue A:hover { 
	font-size: 18px; font-family: arial, helvetica, san-serif; 
	line-height: 24px; color: #000099;
	text-decoration: underline;
}
