/*
    parle_theme_base Stylesheet
    Defines basic structure of an parle Themed site
    Blue: #202d4f;
    Red : #c11c22;
*/

/* === Generic Settings =========================================================

* { margin: 0; padding: 0; }
* :link,:visited { text-decoration:none }
/* * ul,ol { list-style:none; } */
/* * li { display: inline; } */
* h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
* a img,:link img,:visited img { border:none }
a { outline: none; }
table { border-spacing: 0; }
img { vertical-align: text-bottom; }
iframe { border-width: 0; border-style:none; }
 */
body {
  font: 100% Arial, FreeSans, sans-serif;
  background: White;
  color: #202d4f;
  font-size: 24px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", Arial, FreeSans, sans-serif;
  font-weight: bold;
  color: #202d4f;
  line-height: 1.5em;
}
h1, h2 {
  letter-spacing: -0.05em;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.75em;
}
h3 {
  font-size: 1.5em;
}
h4 {
  font-size: 1.25em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.8em;
}
h2, h3, h4, h5, h6 {
  color: #444;
}
h2 a, h3 a, h4 a {
  border-bottom: none !important;
}
p {
}

a:link, a:visited {
  color: #c11c22;
}
a:focus img {
  outline: thin dotted;
}
dt {
  font-weight: bold;
}
input {
  font-family: "Lucida Grande", Arial, FreeSans;
}

q {
  quotes: "“" "”" "‘" "’";
}

/* === Portal Header ============================================================ */
#parle-portal-header {
  margin: 0px;
  padding: 0px;
}

/* ---< parle-portal-sitehead >---------------------------------------------------- */
#parle-portal-sitehead {
  clear: both;
  margin: 0px;
  height: 100px;
  padding: 15px;
}

/* --- portal-logo --- */
#portal-logo {
  float: left;
}

/* --- portal-title -- */
#portal-title {
  float: left;
  color: White;
}

/* --- portal-maintitle -- */
#portal-maintitle {
  font: bold 36px cursive;
  padding-bottom: 5px;
  margin-left: 15px;
}

#portal-maintitle a, a:active, a:visited {
  color: #202d4f;
}

/* --- portal-subtitle -- */
#portal-subtitle {
  color: #c11c22;
  font: italic 18px serif;
  margin-left: 15px;
}

a:link, a:visited {
  color: #c11c22;
}


/* ---< parle-portal-globalnav >--------------------------------------------------- */
#parle-portal-globalnav  {
  clear: both;
  /*font-size: larger;*/
  font-weight: bold;
  background-color: #202d4f;
}

#parle-portal-globalnav ul {
  margin: 0;
  padding: 0em;
  color: White;
}

#parle-portal-globalnav li {
  display: inline-block;
  font-size: x-large;
  white-space: normal;
  min-width: 4em;
  padding: 0.5em;
}

#parle-portal-globalnav li a {
  color: White;
}

#parle-portal-globalnav li.selected
{
  background-color: #c11c22;
}

#parle-portal-globalnav li a:hover {
  background-color: #202d4f;
  color: Silver;
}


/* === Portal Layout  =========================================================== */
#parle_portal-layout {
  width: 100%;
  min-width: 800px;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  }

#parle_portal-layout table {
}

/* ---< parle-portal-leftpane >---------------------------------------------------- */
#parle-portal-leftpane {
  vertical-align: top;
  margin: 5px;
  padding: 5px;
  border: 1px solid Silver;
}

.parle-portal-leftpane-header {
  font-weight: bold;
  background-color: #202d4f;
  color: White;
}

/* ---< parle-portal-content >----------------------------------------------------- */
#parle-portal-content {
  vertical-align: top;
  margin: 5px;
  padding: 5px;
  border: 1px solid Silver;
}

/* ---< parle-portal-ritepane >---------------------------------------------------- */
#parle-portal-ritepane {
  vertical-align: top;
  margin: 5px;
  padding: 5px;
  border: 1px solid Silver;
}


/* === Portal Footer  =========================================================== */
#parle-portal-footer {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: none;
  }

/* ---< parle-footer >------------------------------------------------------------- */
#parle-footer {
  margin: 0px;
  padding: 0px;
  border: none;
  }

/* ---< parle-colophon >----------------------------------------------------------- */
#parle-colophon ul {
  padding: 5px;
  margin: 0em 2em 0em 2em;
}

#parle-colophon li {
  display: inline-block;
}

/* ---< parle-siteactions >-------------------------------------------------------- */
#parle-siteactions ul {
  padding: 5px;
  margin: 0em 2em 0em 2em;
}

#parle-siteactions li {
  display: inline-block;
}

/* ---< parle-analytics >---------------------------------------------------------- */
#parle-analytics {
  display: none;
}



/* ============================================================================== */

/* === Table Layouts  =========================================================== */

/* ---< generic stuff - should apply to all tables >----------------------------- */
th {
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
/* ---< layout - tables used for layout purposes only >-------------------------- */
/* ---< listings >--------------------------------------------------------------- */



/* === List & Menu Layouts ====================================================== */

.menu ul {
  list-style-type: square;
}

.menu li {
  display: list-item;
  list-style-position: inside;
}

.keylist li {
  display: list-item;
  list-style-type: none;
  list-style-position: inside;
}

#parle-portal-searchbox .searchButton {
    background-color: #202d4f;
    font-size: 100%;
}

#searchGadget {
    background: #202d4f;
    font-size: 110%;
}
dl.portlet {
  background-color: #f8f8ff; /* GhostWHite */
}

dd.portletFooter {
  background-color: #f8f8ff;
}


#parle-portal-breadcrumbs {
  visibility: hidden;
  border: 0px;
}

#parle-portal-breadcrumbs a {
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
}
#parle-portal-breadcrumbs a:hover {
    text-decoration: blink;
}

.livesearchContainer {
    left: 0px;
    right: 300px;
}

input.searchButton {
    padding-left: 20px; 
}

input.flat {
    border: 0;
    background: transparent;
}
input.img {
    border: 0;
    background: transparent;
}



a:hover {
  color: Red;
  text-decoration: underline;
}