/* CSS global reset for all browsers*/  
* {	padding: 0;
	margin: 0;
}

body {
  font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
  background: #222244 url("../images/bg.jpg") top center repeat-y;
  text-align: center;
  padding: 0; 
  margin-top: 1%;
  margin-bottom: 1%; 
 }

#outer {
  text-align: left;
  width: 850px;
  margin: auto;
  border : 1px solid #000000;
}

#hdr {
  background: #ffffff;
  text-align: left;
  width: 850px;
}

#applesmenu {
  /*background: url("../images/menu.jpg") center center no-repeat;*/
  background: url("../images/trans222244bg.png") top left repeat;
  height: 30px;
  width: 850px;
}

#content {
  text-align: left;
  color: #000000;
  height: 600px;
  padding-left: 50px;
  padding-right: 40px;
  width: 850px;
  background: url("../images/whitebg.png") top left repeat;
}

#ftr {
  width: 850px;
  background: url("../images/trans222244bg.png") top left repeat; 
  height: 30px;
  text-align: center;
  color: #ffffff;
   /*filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  trans222244bg.png*/
}

img {border: none;}
a:link img {border: none;}

td, tr, p, div {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 14px;
}

h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  padding : 25px 0px 10px 0px;
  font-size : 8pt;
  color: #333333;
  font-weight: 600;
}

.omatd {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 20px;
  border-bottom: 1px dotted #cccccc;
}


h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  padding : 0px 0px 10px 0px;
  font-size : 8pt;
  color: #6d8384;
  font-weight: 600;
}

h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size : 8pt;
  color: #333333;
  font-weight: 600;
}


ul {
  list-style-type  : none;  
}

/*hr {
  height           : 1px;
  width            : 100%;
  color            : #222244;
}*/

.title {
font-family: sans-serif;
font-size: 24px;
font-weight: bold;
color: #CC0000;
}

/*.pathway {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #ffffff;
}

a.pathway:link, a.pathway:visited {
  color            : #ffffff;
  font-weight      : normal;
 }

a.pathway:hover {
  color            : #b80000;
  font-weight      : normal;
  text-decoration   : none;
}*/


a:link { font-size: 8pt; font-weight: 600; color: #222244; text-decoration: none; margin-left: 4px;}
a:visited { font-size: 8pt; font-weight: 600; color: #222244; text-decoration: none; margin-left: 4px;}
a:hover { font-size: 8pt; font-weight: 600; color: #000000; text-decoration: underline; margin-left: 4px;}

a.category:link {font-size: 8pt; font-weight: 600; color: #222244; text-decoration: none; margin-left: 4px;}
a.category:visited {font-size: 8pt; font-weight: 600; color: #222244; text-decoration: none; margin-left: 4px;} 
a.category:hover {font-size: 8pt; font-weight: 600; color: #000000; text-decoration: underline; margin-left: 4px;}

table.moduletable {
  margin: 0px 0px 0px 0px;
  width: 100%; 
  padding: 0; 
}

table.moduletable th {
  font-size        : 8pt;
  font-weight      : bold;
  color            : #333333;
  text-align       : left;
  width            : 100%;
  margin           : 0;  
  padding          : 0px 0px 10px 0px;
  text-decoration  : none;
}

table.moduletable td {
  font-size: 8pt;
  font-weight: 500;
  margin: 0;
  padding: 0;
}

.poll {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 8pt;
  color            : #b80000;
  line-height      : 14px;
  text-align: left;
}


.sectiontableheader {
  color            : #b80000;
  font-weight      : 500;
  height           : 20px;
  border-bottom    : 1px solid #339933;
}

.sectiontableentry1 {
  padding-left     : 4px;
  height           : 20px;
}

.sectiontableentry2 {
  padding-left     : 4px;
  height           : 20px;
}

.small {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 7pt;
  color            : #b80000;
  text-decoration  : none;
  font-weight      : 500;
}

.smalldark {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 7pt;
  color            : #b80000;
  text-decoration  : none;
  font-weight      : normal;
}

.contentpane {
}

.contentpaneopen {
margin-right: 10px; 
font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
font-size: 8pt;
font-weight: 500;
} 

.contentheading  {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 8pt;
  font-weight      : bold;
  color            : #000000;
  text-align       : left;
  padding          : 25px 0px 2px 0px;
}

.componentheading {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 8pt;
  font-weight      : bold;
  color            : #000000;
  text-align       : left;
  padding          : 25px 0px 2px 0px;
 
}

.createdate {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 7pt;
  color            : #333333;
  text-align       : left;
  padding          : 0px 0px 0px 0px;
}

.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 8pt;
  font-weight      : 500;
  background-color : #F0F0F0;
  color            : #333333;
  border           : 1px solid #c0c0c0;
}

.inputbox {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 8pt;
  color            : #000000;
  border           : 1px solid #c0c0c0;
  background: url("../images/whitebg.png") top left repeat;
}

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: bold;
         color: #000000;
        text-align:left;
        }

a.contentpagetitle:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: bold;
        text-align:left;
        color: #ffffff;
        text-decoration: underline;
        font-weight: bold;
}

/* Styles for dhtml tabbed-pages */
.ontab {
        background-color: #ffae00;
        border-left: outset 2px #ff9900;
        border-right: outset 2px #808080;
        border-top: outset 2px #ff9900;
        border-bottom: solid 1px #d5d5d5;
        text-align: center;
        cursor: default;
        font-weight: bold;
        color: #FFFFFF;
}
.offtab {
        background-color : #e5e5e5;
        border-left: outset 2px #E0E0E0;
        border-right: outset 2px #E0E0E0;
        border-top: outset 2px #E0E0E0;
        border-bottom: solid 1px #d5d5d5;
        text-align: center;
        cursor: default;
        font-weight: normal;
}
.tabpadding {
}

.tabheading {
        background-color: #ffae00;
        text-align: left;
}

.pagetext {
        visibility: hidden;
        display: none;
        position: relative;
        top: 0;

}

/* for modifying {moscode} output.  Dont set the colour! */
.moscode {
        background-color: #f0f0f0;
}



/* Text passed with mosmsg url parameter */

.message {
        font-family : Verdana, Arial, Helvetica, sans-serif;


        font-weight: bold;
        font-size : 8pt;
        color : #000000;
        text-align: center;
}

/* custom stuff */
.container
{
        border: solid;
        border-width: 1px;
        border-color: #efefef;
        background-color: White;
}
.boxes {
        border: solid;
        border-color: #efefef;
        border-width: 1px;
}