/* all classes will need to apply the Column class */
.Column
{
    float: left;
    margin-bottom: 10px;
}

.Grid3EqualColumn
{
    width: 215px;
    margin-right: 5px;
}


/* last image of size 215  */
.Grid3EqualColumnLast
{
    width: 215px;
    margin-right: 0px;
}


/* large image that takes full width no need to apply Column class  */
.Grid1Column
{
    margin-bottom: 10px;
    margin-top: 10px;
    width: 655px;
}


/* 1 image of size 430 and an image of size 215 */
.Grid2ColumnFirst
{
    margin-right: 10px;
    width: 430px;
}

.Grid2ColumnLast
{
    width: 215px;
}


p
{
    clear: left;
}

/* 4 images of size 160  */
.Grid4Column
{
    width: 160px;
    margin-right: 5px;
}

.Grid4ColumnLast
{
    margin-right: 0px;
    width: 160px;
}

/* 2 images of size 320*/
.Grid2EqualColumnFirst
{
    width: 320px;
    margin-right: 15px;
}

.Grid2EqualColumnLast
{
    width: 320px;
    margin-right: 0px;
}

/* 1st section of size 320px, then 2 images of size 160 */
.Grid3ColumnFirst
{
    width: 320px;
    margin-right: 10px;
}
.Grid3ColumnMiddle
{
    width: 160px;
    margin-right: 5px;
}

.Grid3ColumnLast
{
    width: 160px;
}


/* 1st section size 485 and 2nd size 160 */
.Grid2ColumnFirst2
{
    width: 485px;
    margin-right: 10px;
}

.Grid2ColumnLast2
{
    width: 160px;
}

/* 1st section size 518 and 2nd size 127 */
.Grid2ColumnFirst3
{
    width: 518px;
    margin-right: 10px;
}

.Grid2ColumnLast3
{
    width: 127px;
}

/* 1 image of size 215 and an image of size 430 */
.Grid2ColumnFirst4
{
    width: 215px;
    margin-right: 10px;
}

.Grid2ColumnLast4
{
    width: 430px;
}


/* image of size 215 floating right */
.SmallFloatRight
{
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}



/* Other misc stuff */

/* caption styles */
.Caption
{
    margin-top: 5px;
    font-size: smaller;
    text-align: center;
    font-weight: bold;
}

.BoldedTitles
{
    font-weight: bold;
    font-size: smaller;
}

.ImportantNote
{
    color: #336699;
    font-weight: bold;
    font-size: smaller;
}

/*State specific blue background */
.StateSpecific
{
    background-color: #e2f5f9;
    border: dashed 2px #b5cde2;
    padding: 10px 10px 5px 13px;
    margin-left: 0px;
    margin-bottom: 20px;
    width: 655px;
}

* html .stateSpecific
{
    /* IE6 Hack to fix blue box */
    margin-left: 0px;
}

/*talking heads */
.mom
{
    background-image: url(/global/css/cms/images/mom.gif);
    background-repeat: no-repeat;
    width: 125px;
    height: 124px;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
}

.mom-a
{
    background-image: url(/global/css/cms/images/mom-a.gif);
    background-repeat: no-repeat;
    width: 125px;
    height: 124px;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
}

.dad
{
    background-image: url(/global/css/cms/images/dad.gif);
    background-repeat: no-repeat;
    width: 125px;
    height: 124px;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
}

.bro
{
    background-image: url(/global/css/cms/images/bro.gif);
    background-repeat: no-repeat;
    width: 125px;
    height: 124px;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
}

.sis
{
    background-image: url(/global/css/cms/images/SIS.gif);
    background-repeat: no-repeat;
    width: 125px;
    height: 124px;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
}

.safetyHead_image
{
    float: right;
}

.safetyHead_para b
{
    color: black;
}

.safetyHead_para
{
    margin-bottom: 0px;
    background-image: url(/global/css/cms/images/safetyHeads_boxTop.gif);
    background-repeat: no-repeat;
    margin-top: 40px;
    padding: 10px;
    width: 510px;
    font-size: small;
    color: white;
    font-weight: bold;
    font-size: 1.0em;
}
.safetyHead_bottom
{
    background-image: url(/global/css/cms/images/safetyHeads_boxBottom.gif);
    background-repeat: no-repeat;
}

table
{
    border-collapse: collapse;
    margin-left: 1px;
}

.tableStyle th, .tableHeader th
{
    padding: 3px 10px 3px 10px;
    margin: 0px;
    color: #2f3840;
    background-color: #bedcf2;
    font-size: small;
    font-weight: bold;
    border-bottom: solid 1px #c5c5c5;
}

.tableStyle th a, .tableHeader th a
{
    text-decoration: none;
    color: #2f3840;
}

.tableHeader
{
    text-align: center;
    font-size: small;
}

.tableStyle
{
    border: solid 1px #000000;
    text-align: center;
    font-size: small;
    background-color: White;
}

.tableStyle td, .tableHeader td .tableStyle td p
{
    padding: 3px 10px 8px 10px;
    vertical-align: top;
}
.tableStyle ul
{
    text-align: left;
}


.tableStyle td p
{
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: small;
}

.tableStyle th p
{
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: small;
}