
/* Demonstration of a WYMeditor style
p.pull-quote {
    float: right;
    padding: 20px;
    font-size: 150%;
    font-weight: bold;
    width: 25%;
}
*/

/* Basic page layout */
html, body {
    text-align: center;
    font-family: "Arial", "Helvetica", sans-serif;
}

html {
    background: url(/images/bg-lines.png) center top;
}

body {
    background: url(/images/bg-gradient.png) center top repeat-x;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0.3125em 0;
    font-weight: normal;
    font-family: "Trebuchet MS", "Trebuchet", "Arial", "Helvetica", sans-serif;
}

h1 { font-size: 170%; }
h2 { font-size: 140%; }
h3 { font-size: 125%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }
h6 { font-size:  90%; }

#container {
    margin: 0 auto;
    width: 959px;
    text-align: left;
    position: relative;
}

#header, #main, #footer {
    padding: 0 5px 0 4px;
    width: 950px;
}

#header {
    height: 98px;
    background: url(/images/cache/images-util-corners-f5075aa4f719d13bea2c74122cc33a15.png) transparent left bottom no-repeat;
}

#header a {
    float: left;
}

#logo {
    padding: 14px 51px;
}

#headline {
    padding: 20px 0 8px 10px;
}

#mision_latina {
    padding: 15px 0 0 60px;
}

#main {
    background: url(/images/cache/images-util-corners-32be48bef41647f5583325963c90b1bd.png) transparent left top repeat-y;
    float: left;
}

#content {
    float: left;
    padding: 0 14px;
    width: 733px;
    font-size: 90%;
}

#content div.cms_item p {
    text-align: justify;
}

body.home #content {
    width: 741px;
    padding-right: 6px;
}

#flash_standin {
    height: 154px;
    margin: -15px -14px 0 -14px;
    width: 761px;
    position: relative;
}

body.home #flash_standin {
    margin: -15px -6px 0 -14px;
}

/* Menu styles */
.menu {
    float: left;
    margin: 0;
    padding: 15px 0;
    list-style: none;
    width: 189px;
    background-color: #005e9d;
    font-size: 90%;
    color: white;
    font-family: "Trebuchet MS", "Trebuchet", "Arial", "Helvetica", sans-serif;
    position: relative;
    z-index: 2;
}

.menu li {
    float: left;
    width: 189px;
}

.menu a {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    border-top: 1px solid #7caccd;
    border-bottom: 1px solid #002238;
    display: block;
    width: 148px;
    height: 25px;
    line-height: 25px;
    padding-left: 41px;
}

.menu a:hover, .menu .hover a {
    color: #b6c9e4;
}

.menu .hover ul a {
    color: white;
}

.menu .standout a {
    font-weight: bold;
    border: 0px;
    background: url(/images/cache/images-util-corners-7b8a2ccade4b3724da8bfe5d08db71e4.png) transparent -4px top no-repeat;
    font-size: 105%;
    line-height: 29px;
    height: 28px;
    overflow: hidden;
    margin-bottom: 17px;
    margin-top: -14px;
    position: relative;
}

.menu .offsite a,
.menu .feedback a {
    border: 0px;
    overflow: hidden;
    margin-top: 17px;
    margin-bottom: -14px;
    position: relative;
    font-weight: bold;
}

.menu .offsite a {
    font-size: 105%;
    background: url(/images/cache/images-util-corners-528022a79b7eaff52e69d58cc6cdc7a7.png) transparent -4px top no-repeat;
    height: 32px;
    line-height: 33px;
}

.menu .feedback a {
    text-transform: none;
    background: url(/images/cache/images-util-corners-a37067735ccac6be108f0fea991805c3.png) transparent -4px top no-repeat;
    height: 50px;
    line-height: 16.6666666667px;
    padding: 7px 10px 7px 41px;
    width: 138px;
    font-size: 85%;
}

.menu .button {
    margin: 0;
    padding: 40px 18px 0px 19px;
    width: 152px;
}

.menu .button a {
    border: 0;
    margin: 0;
    padding: 5px 8px 6px 9px;
    background: url(/images/cache/images-util-corners-02e841b185efc56b78b793b01743edad.png) transparent left top no-repeat;
    width: 135px;
    height: 100px;
}

.menu ul {
    list-style: none;
    background-color: #005e9d;
    margin: 0;
    padding: 0;
    border: 2px solid #b6c9e4;
    position: absolute;
    top: -2000px;
    z-index: 2;
}

.menu ul li {
    float: none;
    margin: 0;
    padding: 0;
}

.menu ul a {
    margin: 0;
    padding: 0 10px;
    border: 0;
    height: auto;
    line-height: 1.5;
    text-transform: none;
    border-bottom: 1px solid #3b8bc5;
    width: 169px;
}

.menu ul a:hover {
    color: black;
    background-color: #b6c9e4;
}

/* Footer Styles */
#footer {
    padding-top: 39px;
    background: url(/images/cache/images-util-corners-d38fc19edec304cbd1e459678edb2b64.png) transparent left top no-repeat;
    clear: left;
    font-size: 75%;
    font-family: "Arial", "Helvetica", sans-serif;
    text-align: center;
    color: white;
}

#footer a {
    color: white;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footTextlinks a {
    padding: 0 7px;
}

#footElements {
    font-style: normal;
}

/* Homepage styles */
body.home #content {
    text-align: center;
}

body.home h1 {
    display: none;
}

body.home .floatRight {
    margin-top: 0;
}

body.home #chunk0 {
    min-height: 262px;
}

#infoBoxes {
    display: inline; /* IE fix */
    float: left;
    margin-left: -10px;
    margin-bottom: -6px;
}

.infoBox {
    display: inline; /* IE fix */
    float: left;
    margin-left: 7px;
    width: 180px;
    background: url(/images/cache/images-util-corners-5286d27b300d5f729de28187e9d5a53d.png) white center bottom no-repeat;
    font-size: 85%;
    height: 180px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.infoBox h2 {
    background: url(/images/cache/images-util-corners-b9fb05df63e319a06e671b257180592f.png) white center top no-repeat;
    margin: 0;
    padding: 5px 0 3px 0;
    text-transform: uppercase;
    line-height: 23px;
    height: 23px;
}

.infoBox p {
    margin: 0;
    padding: 0.3em 0.5em;
}

.infoBoxLink {
    display: block;
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 180px;
}

.shadow {
    position: absolute;
    margin: 1px 0 0 1px;
    color: white;
    display: none; /* hide for now */
}

.highlight {
    color: black;
    position: relative;
}

body.staff h2 {
    margin-bottom: 0.1em;
}

body.staff p {
    margin: 0.5em 0;
}

