﻿/* 

Ramiez Style Sheet
Written by Kevin Chisholm
10/31/2009
CZ Solutions, Inc.
czsolutions.com
Attn: Mark Czuj
478 Mark Road
Allendale NJ 07401

 */

/* ------------------------------------------------------------------- */


/* START HTML */

html { min-height: 100%; margin-bottom: 1px; }

/* END HTML */

/* ------------------------------------------------------------------- */

/* START BODY  */

body
{
    padding: 0px;
    margin: 0px;

}

/* END BODY */

/* ------------------------------------------------------------------- */

/*START DEFAULT CLASSES */

h1
{
    font-family: Arial;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    color: #993333;
}

h2
{
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    color: #993333;
}

li
{
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}


/*END DEFAULT CLASSES */


/* ------------------------------------------------------------------- */


/* START BODY TEXT CLASSES*/

.ram_BodyText
{
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}

.ram_BodyTextBold
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}


.ram_BodyTextSmall
{
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}

/* END BODY TEXT CLASSES*/


/* ------------------------------------------------------------------- */

/* START MAIN PAGE TABLE */

.ram_MainPage-Table
{
 
    text-align: center;
    width: 1000px;
}

/* END MAIN PAGE TABLE */


/* ------------------------------------------------------------------- */


/* START MAIN PAGE BODY TABLE LAYOUT */

.ram_MainPageBody-Table
{

    margin: 0px;
    width: 1005px;
}

.ram_MainPageBody-Table-LeftCol
{
    width: 150px;
    padding: 0px;
    margin: 0px;
    text-align: left;
    vertical-align: top;
    background: url(../images/tan-fade.gif) repeat-x;
    overflow: hidden;
    background-color: #FAFAFA;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
}

.ram_MainPageBody-Table-LeftCol-DivContainer
{
  

    margin: 0px 0px 0px 0px;
    text-align: center;
    line-height: 150%;

}


.ram_CallTollFree-Div
{
    padding: 0px 0px 0px 5px;
    margin: 0px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    width: 150px;
    background-color: #000000;
 
}

.ram_MainPageBody-Table-CenterCol
{
width: 855px;
background-color: #FFFFFF;
}

.ram_MainPageBody-Table-RightCol
{

    width: 200px;
    background-color: #FAFAFA;
    vertical-align: top;

}

/* END MAIN PAGE BODY TABLE LAYOUT */

/* ------------------------------------------------------------------- */

/* START TOLL-FREE IMAGE CLASSES */

.ram_CallTollFree-Image-Container-Div
{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    border: none;
    background-color: #666666;
    width: 150px;
    text-indent: 0px;
    height: 43px;
}


.ram_CallTollFree-Image
{
    margin: 0px;   
    padding: 0px 0px 0px 0px;
    text-align: left;
    border: none;
 
}

/* END TOLL-FREE IMAGE CLASSES */


/* START LEFT COL NAVB BUTTONS */

a.ram_LeftColLinks
{
    color: #333333;
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;

}

.ram_LeftColNavBtn-Image
{

    border-width: 0px;
    text-align: center;
    margin-bottom: 6px;
    text-decoration: none;
    }
    
  a.ram_LeftColNavBtn-Image:hover
{


 }
 
 .ram_RAM-Button-Header
{
    padding: 0px 0px 5px 0px;
    margin: 0px;
    line-height: 100%;
    font-family: Arial;
    font-size: 13px;
    color: #333333;
    text-align: center;
    font-weight: bold;
}
    
/* END LEFT COL NAVB BUTTONS  */

/* ------------------------------------------------------------------- */


/* START MAIN BUSINESS GROUPS TABLES */

.ram_MainBusinessGroups-Table
{
    border: 1px solid #C0C0C0;
    width: 600px;
    text-align: center;
    height: 15px;
    background: url(../images/tan-fade.gif) repeat-x;
    overflow: hidden;
    background-color: #FAFAFA;

}

.ram_ram_BusGroupsForPages-Table
{

    width: 850;
    text-align: left;
    height: 15px;
    background-color: #FFFFFF;
    vertical-align: top;
}


/* END MAIN BUSINESS GROUPS TABLES */


/* ------------------------------------------------------------------- */


/* START CATEGORIES CLASSES  */

.ram_MainPageCategories-Table
{
    width: 600px;
    text-align: center;
    vertical-align: top;

}

.ram_MainPageCategories-Table-ColDiv
{
    width: 150px;
    vertical-align: top;

}

A.ram_MainPageCategories-Links
{

    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    width: 130px;
}

A.ram_MainPageCategories-Links:hover
{
    background-color: none;
}


A.ram_MainPageBottomCategories-Links
{

  color: #333333;

}

A.ram_MainPageBottomCategories-Links:visited
{

  color: #333333;

}


A.ram_MainPageBottomCategories-Links:hover
{
    padding: 2px;
    border: 1px solid #C0C0C0;
    color: #FFFFFF;
    background-color: #9F303D;
}


A.ram_MainPageCategories-Sub-Links
{

    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

A.ram_MainPageCategories-Sub-Links:hover
{
    border: 2px solid #666666;
    padding: 2px;
    background-color: #CCCCCC;
    font-size: 10px;
    color: #993333;
    font-weight: bold;
}

.ram_MainPageCategories-Btn
{
    padding: 0px 0px 0px 7px;
    margin: 0px;
    line-height: 100%;
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    text-align: left;
    font-weight: bold;
}

.ram_MainPageCategories-Text
{
    border: 1px solid #CCCCCC;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    padding-left: 3px;
    text-align: left;
    background-color: #FAFAFA;
    width: 122px;
}

.ram_MainPageCategories-Text-Bold
{
    border: 1px solid #CCCCCC;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    padding-left: 3px;
    text-align: left;
    background-color: #FAFAFA;
    width: 122px;
}

.ram_MainPageBottomCategories-Text
{
    border: 1px solid #CCCCCC;
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    color: #333333;
    padding-left: 5px;
    text-align: left;
}

/* END CATEGORIES CLASSES  */


/* ------------------------------------------------------------------- */


/* START BOTTOM TOPICS CONTAINER DIV */

.ram_BottomTopicsTable
{
    width: 600px;
    border: 1px solid #CCCCCC;
    text-align: center;
    background: url(../images/tan-fade.gif) repeat-x;
    overflow: hidden;
    background-color: #FAFAFA;
}

.ram_MainPageBottomTopics-Div
{
    width: 150px;
    text-align: left;
}

A.ram_BottomCAtegories:hover {
  color: #FFFFFF;
  background-color: #9F303D;
}

/* END  BOTTOM TOPICS CONTAINER DIV */


/* ------------------------------------------------------------------- */


/* START INVESTMENT OPPORTUNITIES CLASSES  */

.ram_InvestmentOpportunities-Header
{
    padding: 0px 0px 0px 5px;
    margin: 0px;
    line-height: 100%;
    font-family: Arial;
    font-size: 14px;
    color: #333333;
    text-align: left;
    font-weight: bold;
}

.ram_Muni
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    padding-left: 3px;
    text-align: left;
}

.ram_IvestmentOpportunities-Sub-Links-Image-Label
{

    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

a.ram_IvestmentOpportunities-Image-Links
{

    text-decoration: none;
}

a.ram_IvestmentOpportunities-Image-Links:hover
{

/*  Removed due to funky behaviour in Opera, must re-visit
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #993333;
*/ 
}

/* END INVESTMENT OPPORTUNITIES CLASSES  */

/* ------------------------------------------------------------------- */

/* START MUNICIPAL EXPERIENCE CLASSES  */

A.ram_MunExp-Sub-Links
{

    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

A.ram_MunExp-Sub-Links:hover
{
    font-size: 10px;
    color: #993333;
    font-weight: bold;
    background-color: #C0C0C0;
    text-decoration: underline;
}


.ram_MunExp-Btn
{
    padding: 3px 0px 0px 0px;
    margin: 0px;
    line-height: 100%;
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    text-align: center;
    font-weight: bold;
}

.ram_MunExp-Text
{
    border: 1px solid #CCCCCC;
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    color: #333333;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    width: 110px;
}

.ram_MunExpHolder-ParentDiv
{
    position: relative;
    bottom: 0px;
    vertical-align: baseline;
}

.ram_MunExpHolder-Div
{
    padding: 0px;
    margin: 0px;
    text-align: center;
}


/* END MUNICIPAL EXPERIENCE CLASSES  */

/* ------------------------------------------------------------------- */

/* START FINANCIAL CALCULATORS CLASSES  */


.ram_FinancialCalculaotrs-Btn
{
    padding: 0px 0px 5px 5px;
    margin: 0px;
    line-height: 100%;
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    text-align: left;
    font-weight: bold;
    text-align: left;
    text-decoration: none;

}

.ram_FinancialCalculaotrs-Btn-Link
{
    padding: 0px 0px 5px 5px;
    margin: 0px;
    line-height: 100%;
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    text-align: left;
    font-weight: bold;   

}

a.ram_FinancialCalculaotrs-Btn-Link
{

}

a.ram_FinancialCalculaotrs-Btn-Link:hover
{
    text-decoration: none;
    background-color: #993333;
    color: #FFFFFF;
}

/* END FINANCIAL CALCULATORS CLASSES  */


/* ------------------------------------------------------------------- */


/* START ACCOUNT LOGINS / ESPANOL BUTTONS CONTAINER DIV */

.ram_AccountLoginEspanolButtons-Div
{
    padding: 0px 0px 0px 5px;
    margin: 0px;
    background-color: #993333;
    vertical-align: top;
    width: 200px;
    text-align: center;
}

.ram_Espanol

{
    background-color: #9F303D;

    text-align: right;

}
/* END ACCOUNT LOGINS / ESPANOL BUTTONS CONTAINER DIV */


/* ------------------------------------------------------------------- */


/* START NEW ISSUES CALENDAR */

.ram_NewIssuesCalendar-Header
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #666666;
    padding-left: 5px;
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;

}

.ram_NewIssuesCalendar-Text
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #333333;

    padding-left: 5px;
    border-bottom-color: #333333;
    border-right-width: 1px;

    text-align: left;
    background: url(../images/tan-fade.gif) repeat-x;
    overflow: hidden;
    background-color: #FAFAFA;
}

/* END  NEW ISSUES CALENDAR */

/* ------------------------------------------------------------------- */

/* START FOOTERS */

.ram_PageFooter
{
    color: #333333;
    font-weight: bold;
    font-family: Arial;
    font-size: 10px;
    text-align: center;
}

.ram_PageFooter-Links
{
    color: #333333;
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
}


/* END FOOTERS */

/* ------------------------------------------------------------------- */

/* START TICKER */

.ram_TickerText
{
    color: #333333;
    font-weight: normal;
    font-family: Arial;
    font-size: 12px;
    text-align: left;
}

/* END TICKER */


/* ------------------------------------------------------------------- */

/* START FLASH CLASSES */

.ram_FlashHolder-Div
{
    border: 1px solid #CCCCCC;
    width: 400px;
    height: 200px;
}

/* END FLASH CLASSES */

/* ------------------------------------------------------------------- */

/* START SUBSCRIBE BUTTON CLASSES */

.ram_SubscribeButton-Div
{
    width: 200px;   
    text-align: center;
 
}

/* START SUBSCRIBE BUTTON CLASSES */

/* ------------------------------------------------------------------- */

/* START STOCK TICKER CLASSES */

.ram_StockerTickerHolder-Div
{
/* the setting below of 856 should be 850, but is a hack to get the main table to line up right.  */ 
    width: 856px;
    text-align: left;
    background-color: #000000;
    vertical-align: top;
    height: 43px;
}

/* END STOCK TICKER CLASSES */

/* ------------------------------------------------------------------- */

/* START YEAR END TAX IDEAS CLASSES */

.ram_YearEndTaxIdeas-Header
{
    padding: 0px 0px 0px 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;

}

a.ram_YearEndTaxIdeas-Header-Link
{
    padding: 0px 0px 0px 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    text-align: left;

}


a.ram_YearEndTaxIdeas-Header-Link:hover
{
  color: #FFFFFF;
  background-color: #993333;

}

/* END YEAR END TAX IDEAS CLASSES */

/* ------------------------------------------------------------------- */

/* START COMPANY VIDEO CLASSES */

.ram_ViewOurCompanyVideo-HeaderBig
{
    padding: 0px 0px 10px 5px;
    color: Gray;   
    font-family: Arial;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
}

.ram_ViewOurCompanyVideo-Header
{
    background-color: #E6DCB8;
    padding: 5px 0px 10px 5px;
    margin: 0px;
    line-height: 100%;
    font-family: Arial;
    font-size: 14px;
    color: #993333;
    text-align: left;
    font-weight: bold;
    width: 270px;
}

.ram_ViewOurCompanyVideo-SubHeader
{
    background-color: #E6DCB8;
    padding: 0px 0px 5px 5px;
    margin: 0px;
    line-height: 100%;
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    text-align: left;
    font-weight: bold;
    width: 270px;
}
.ram_ViewOurCompanyVideo-Link-Image
{
    background-color: #E6DCB8;
    margin: 0px;
    padding: 0px 0px 5px 5px;
    text-align: left;
    border: none;
    width: 270px;
}


a.ram_ViewOurCompanyVideo-Link
{
    border-width: 0px;
    text-decoration: none;
    border: none;
}
    
a.ram_ViewOurCompanyVideo-Link:visited
{
   text-decoration: none;
   border: none;
}

/* END COMPANY VIDEO CLASSES */

/* ------------------------------------------------------------------- */

/* START RAMIREZ PRESTIGE ACCOUNT CLASSES */

.ram_RamirezPrestigeAccount-Div
{
    padding: 0px 0px 3px 5px;
    margin: 0px;
    line-height: 100%;
    font-family: Arial;
    font-size: 14px;
    color: #333333;
    text-align: left;
    font-weight: bold;
    text-align: left;
}

.ram_RamirezPrestigeAccount-Description
{
    padding: 3px 0px 0px 5px;
    margin: 0px;
    line-height: 100%;
    font-family: Arial;
    font-size: 12px;
    color: #333333;
    text-align: left;
    font-weight: normal;
    text-align: left;
}

.ram_RamirezPrestigeAccount-Div
{
    padding: 0px 0px 0px 5px;
    margin: 0px;
    line-height: 100%;
    font-family: Arial;
    font-size: 14px;
    color: #333333;
    text-align: left;
    font-weight: bold;
    text-align: left;
}

/* END RAMIREZ PRESTIGE ACCOUNT CLASSES */

/* ------------------------------------------------------------------- */

/* START FINANCIAL PLANNING SUPPORT CLASSES */

.ram_FinancialPlanningSupport-Header
{
    padding: 0px 0px 0px 5px;
    margin: 0px;
    line-height: 100%;
    font-family: Arial;
    font-size: 14px;
    color: #333333;
    text-align: left;
    font-weight: bold;
    text-align: left;
}

/* END FINANCIAL PLANNING SUPPORT CLASSES */

/* ------------------------------------------------------------------- */

/* START GENERAL PAGES TEMPLATE LAYOUT CLASSES */


.ram_PageHeaderTable
{
    border-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    width: 1000;
    border-spacing: 0px;
    white-space: nowrap;
    border-collapse: collapse;
}

.ram_BusGroupsForPages-Holder
{
    padding: 0px;
    margin: 0px;
    vertical-align: top;
    width: 850px;
    text-align: left; 
    height: 43px;
}

.ram_PagesBody-Table
{

    width: 700px;

}



/* END GENERAL PAGES TEMPLATE LAYOUT CLASSES */

/* ------------------------------------------------------------------- */

/* START PAGES IMAGES CLASSES */

.ram_PagesImagesFloatRight
{
    float: right;
    padding-right: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}


.ram_PagesImagesFloatLeft
{
    float: left;
    margin-top: 10px;
    margin-bottom: 1px;
    padding-left: 12px;
    margin-right: 10px;
}


/* END  PAGES IMAGES CLASSES */


/* -------------------START INACTIVE CLASSES--------------------------- */


/* START HOT TOPICS ADV FORMATTING CLASSES */
/* use these if you want to do H1, H2, UL type formatting. */

/*
.ram_TickerBodyText-Header-1
{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
    font-weight: bold;
}

.ram_TickerBodyText-Header-2
{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}

ul.ram_TickerBodyText-UL
{
    line-height: 1.3em;
    margin: .25em 0;
    padding: 0 0 0 15px;
    text-align: left;
}

li.ram_TickerBodyText-UL
{
    margin-bottom: 6px;
}

*/

/* END HOT TOPICS ADV FORMATTING CLASSES */

/* -------------------END INACTIVE CLASSES--------------------------------- */