//*******************************************
COLOURS
light grey  #EEEEEE
mid light grey #CCCCCC
medium grey #676767
dark grey   #333333 
red         #ED1A23
*******************************************/

/*******************************************
GLOBAL STYLES
*******************************************/
html {/* Stops flickering of background images in IE6*/
  filter: expression(document.execCommand("BackgroundImageCache", false, true));}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
    margin: 0;
    padding: 0;
    border: 0;} 

body, p, div, td {
    font-family: Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 12px;
    line-height: 18px;}

h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica, Arial, sans-serif;
    color: #333;
    line-height: 24px;}

h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}


ol,
ul {margin: 0 0 18px 36px;}

ol ol,
ol ul,
ul ul,
ul ol {margin-bottom: 0;}

p {margin-bottom: 18px;}

img {
    /*display: block;*/
    border: 0;}

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

a:focus,
a:hover,
a:active {
    color: #ED1A23;}

/*******************************************
LAYOUT
*******************************************/
body {
    text-align: center;
    background: url(../images/body_bg.gif) center top repeat-y #dadada;}

#container {
    /*width: 97%;*/
    width: 960px;
    position: relative;
    text-align: left;
    margin: 0 auto;
    background-color: #fff;
    /*background: url(../images/top_bg.gif) 0 0 repeat-x #fff;*/}

#headerLayout,
#contentLayout,
#footerLayout {
    /*width: 100%;*/
    width: 960px;
    margin: 0 auto;}
    
    .topMenu {
        height: 29px;
        /*background: url(../images/top_menu_bg.gif) bottom left repeat-x #fff;*/}

    #topLeftMenu {
        padding-left: 14px;
        text-align: left;
        text-transform: lowercase;}
    
    #topRightMenu {
        padding-right: 14px;
        text-align: right;
        vertical-align:middle;
        text-transform: lowercase;}
    
    #header {}
        
        #logo {
            height: 98px;
            margin: 10px 0;
            float: left;
            border: 1px solid #ccc;
            line-height: 100px;}
            
            #logo a {
                position: relative; 
                top: 15px;}
        
        #headerAd1,
        #headerAd2 {
            /*border: 1px solid #ccc;*/
            width: 380px;
            height: 100px;
            margin: 10px 0 10px 10px;
            background-color: #EEE;
            text-align: center;
            float: right;
            overflow: hidden;}
            
            #headerAd2 {width: 300px;}
     
    #searchBar {
        background-color: #eee;
        height: 20px;}
                
        #message {
            color: #fff;
            height: 20px;
            float: left;
            margin: 0 5px;
            font-size: 12px;
            text-align: center;}
            
            #message a:link,
            #message a:visited {
                color: #fff;}

            #message a:focus,
            #message a:hover,
            #message a:active {
                color: #1D3563;}
            
          
        #searchBox {
            height: 20px;
            float: right;
            width: 45%;
            text-align: right;}
            
            #searchGo {
                border: 0 none;
                background: url(../images/go.gif) top left no-repeat;
                height: 22px;
                width: 22px;
                cursor: pointer;}
                
    
    #arrowBar {background: url(../images/topArrowBar.gif) left top no-repeat;}
              
    #contentLayout {}
                        
    #leftNav {
        width: 170px;
        vertical-align: top;
        text-align: left;
        background: #666;
        border-right: 2px solid #fff;}
        
        #ie6only #leftNav {width: 165px;}
        
        #loginBox {
            text-align: center;
            margin: 14px;}
            
            #loginButton {
                display: block;
                margin-bottom: 18px;}
        
            #loginTitle {
                color: #fff;
                margin: 4px;}
            
            #username,
            #password {
                margin: 4px; 
                width: 130px;}
            
            #loginGo {
                border: 0 none;
                background: url(../images/go.gif) top left no-repeat;
                height:  21px;
                width: 21px;
                cursor: pointer;
                position: relative;
                top: -4px;}
            

    #quickbar {
        text-align: center;}
        
        #quickbar div {margin: 0 25px 0 14px;}
        
        #qb4 {float: right;}
    
    #content {
        border-left: 2px solid #333;
        background: url(../images/Triangle.gif) 0 10px no-repeat;
        width: 629px;}
        
        #contentDiv { margin: 0 20px 0 10px;}
        
        #home #contentDiv { margin: 0 20px 0 10px;}
        
        /*******************************************
        Home Page Boxes
        *******************************************/
                
        #MiddleLayout {
            margin: 0 0 0 3px;}
            
        #MiddleLayout td {
            padding: 0;
            vertical-align: top;}
        
        #HomeMagazineBox {
            width: 143px;}
        
            #HomeTitleBox {
                width: 143px;
                margin: 0 0 0 5px;
                text-align: center;}
                
                #mzImage {
                    margin: 0 auto;
                    width: 140px;
                    display: block;
                    border: 3px solid #ccc;
                    /*padding: 3px;*/ }
                    
                #mzDescription {
                    width: 144px;
                    height: 225px;
                    overflow: hidden;
                    border: 1px solid #ccc;
                    margin: 0 0 8px 0;}
                    
                    #mzDescriptionContent {
                        margin: 3px;}
            
                .buttonGradient {
                    line-height: 25px;
                    font-weight: bold;
                    height: 25px;
                    background: url(../images/button_gradient.jpg) top left repeat-x #ccc;}
                
                #thisIssue {
                    text-transform: uppercase;
                    text-align: center;
                    width: 146px;
                    margin: 0 auto 8px auto;}
                    
                    #thisIssue a:link,
                    #thisIssue a:visited {
                        text-decoration: none;}
        
        .boxHeader {
            color: #fff;
            font-weight: bold;
            font-size: 16px;
            text-indent: 8px;
            line-height: 25px;
            width:457px;
            margin: 0 0 0 10px;}
            
         .boxContent {
            width:455px;
            margin: 0 0 0 10px;}
            
            .boxContent a {margin: 0 8px;}
        
        #homeNewsBox {
            width:455px;
            cursor: pointer;}
        
            #homeNewsHeader {
                background:url(../images/NewsBar.gif) left top repeat-x;}
        
            #homeNewsContent {
                border: 1px solid #ccc;
                background-color:#fff;
                min-height: 213px;
                line-height: 21px;}
                
                #ie6only #homeNewsContent {
                    height:213px;}
        
                #homeNewsBox a {color:#000;}
                
                #homeNewsBox a:hover {color:#EC0A13;}
        
        #homeBlogBox {
            width:457px;
            cursor: pointer;}
        
            #homeBlogHeader {
                background:url(../images/EventsBar.gif) left top repeat-x;}
                
            #homeBlogContent {
                border: 1px solid #ccc;
                background-color:#fff;
                min-height: 168px;
                line-height: 21px;}
                
                #homeBlogContent ul,
                #homeBlogContent li {
                    margin: 0;
                    padding: 0;
                    list-style: none;}
        
                #homeBlogBox a {
                    color:#000;}
                
                #homeBlogBox a:hover {
                    color:#EC0A13;}        
                
     #bottomAdPanel {}
     
        #houseAds,
        #cipsaAd,
        #eventsNews {
            float: left;
            height: 238px;
            margin: 0 0 0 8px;
            border: 1px solid #ccc;}
        
        #houseAds {
            width: 145px;
            background-color: #fff;
            margin: 0 0 0 5px;
            border: 0 none;}
            
            #ie6only #houseAds {
                margin-left: 2px;
                position: relative;
                left: 1px;}
        
            .houseAd {
                height: 115px;
                width: 145px;
                background-color: #fff;
                border: 1px solid #ccc;
                margin: 0;}
            
            #houseAd1 {}
            
            #houseAd2 {
                margin-top: 6px;}

        #cipsaAd {
            width: 145px;}
                
        #eventsNews {
            width: 300px;
            background-color: #fff;
            border: 1px solid #ccc;}
            
            #eventsNewsTitle {
                color: #fff;
                text-indent: 5px;
                font-size: 16px;
                line-height: 25px;
                background:url(../images/NewsBar.gif) left top repeat-x;}
                
            #eventsNewsContent {
                margin: 5px;}
        
     #rightAdPanel {
        vertical-align: top;
        text-align: right;
        width: 166px;}
        
        .rightPanel {
            width: 160px;
            margin: 0 0 8px 5px;}
        
        #rightAd1 {
            height: 240px;
            overflow: hidden;}

        #jobsBox {
            margin-top:10px;
            height: 191px;
            background-color: #EC0A13;
            padding-bottom: 4px;}
            
            #jobsBox h2 {
                color: #fff;
                text-align: center;
                margin: 0;
                line-height: 26px;
                font-size: 16px;
                /*font-weight: normal;
                font-family: Impact, sans-serif;*/
                background:url(../images/EventsBar.gif) left top repeat-x;
                border-bottom: 3px solid #EC0A13; }

            #scrollcontainer1{
                margin: 0 3px 0 3px;
                float:left;
                height: 147px;
                width:154px;
                overflow:hidden;
                position: relative;
                background-color: #fff;}
                
                #ie6only #scrollcontainer1 {
                    margin-left: 1px;
                    position: relative;
                    left: 1px;}
            
                #scroller1 {
                    margin:0; 
                    padding:0; 
                    background:#fff;
                    width:154px; 
                    position: relative; }
                    
                #upArrow,
                #downArrow{
                    position: relative;
                    left: -3px;}
            
                #listings {
                    background-color: #fff;
                    text-align: left;}
                    
                    #listings td {
                        border-bottom: 1px solid #ccc;
                        padding: 9px 3px;}

        #rightAd2 {
            margin: 9px 0 0 5px;
            height: 240px;
            background-color: #eee;
            overflow: hidden;}
        
    /*******************************************
    Footer
    *******************************************/
    #footer {
        background: url(../images/footer.gif);}


/*******************************************
Vertical Menu
*******************************************/
/* Root = Vertical, Secondary = Vertical */
#leftNav ul,
#leftNav ul li,
#leftNav ul ul {
    margin: 0;
    border: 0 none;
    padding: 0;
    width:164px; /*For KHTML*/
    list-style: none;}

#leftNav ul {
    width: 170px; 
    margin: 3px 0 10px 0;}
 
#leftNav ul ul {
    width: 206px; 
    margin: 3px 0 10px 0;}
    
#leftNav ul:after /*From IE 7 lack of compliance*/{
    clear: both;
    display: block;
    font: 1px/0px serif;
    content: ".";
    height: 0;
    visibility: hidden;}

/* Root Menu a */
#leftNav ul a {
    display: block;
    color: #fff;
    font: 12px/25px Helvetica, Arial, sans-serif;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/}


/* Root Menu li (none ahref) */
#leftNav ul li,
#leftNav ul li li {
    margin: 0 3px 3px 3px;
    float: left; /*For IE 7 lack of compliance*/
    position: relative;
    display: block !important; /*For GOOD browsers*/
    background-color: #7d7d7d;
    color: #fff;
    font: 12px/25px Helvetica, Arial, sans-serif;
    height: auto !important;
    /*height: 1%;*/ /*For IE*/
    text-decoration: none;
    text-indent: 10px;}
    
    #ie6only #leftNav ul li,
    #ie6only #leftNav ul li li {margin-left: 2px;}

/*
#leftNav ul li.navHeader {
    background: url(../images/left_nav_header_bg.gif) top left repeat-x;
    font-weight: bold;
    font-size: 14px;}
*/    

#leftNav ul ul li {
    width: 200px;
    margin-bottom: 0;}

/*#leftNav ul li {color: #fff;}*/

/* Root Menu Hover Persistence */
#leftNav ul li a:hover,
#leftNav ul li:hover,
#leftNav ul li:hover a,
#leftNav ul li.iehover,
#leftNav ul li.iehover a {
  color: #933;}

/* 2nd Menu */
#leftNav ul li:hover li,
#leftNav ul li:hover li a,
#leftNav ul li.iehover li,
#leftNav ul li.iehover li a {
    /*background-color: #7d7d7d;*/
    color: #fff;}

/* 2nd Menu Hover Persistence */
#leftNav ul li:hover li a:hover,
#leftNav ul li:hover li:hover,
#leftNav ul li:hover li:hover a,
#leftNav ul li.iehover li a:hover,
#leftNav ul li.iehover li.iehover,
#leftNav ul li.iehover li.iehover a {
    color: #933;}

/* 3rd Menu */
#leftNav ul li:hover li:hover li,
#leftNav ul li:hover li:hover li a,
#leftNav ul li.iehover li.iehover li,
#leftNav ul li.iehover li.iehover li a {
    /*background-color: #7d7d7d;*/
    color: #fff;}

/* 3rd Menu Hover Persistence */
#leftNav ul li:hover li:hover li a:hover,
#leftNav ul li:hover li:hover li:hover,
#leftNav ul li:hover li:hover li:hover a,
#leftNav ul li.iehover li.iehover li a:hover,
#leftNav ul li.iehover li.iehover li.iehover,
#leftNav ul li.iehover li.iehover li.iehover a {
    color: #fff;}

/* 4th Menu */
#leftNav ul li:hover li:hover li:hover li a,
#leftNav ul li.iehover li.iehover li.iehover li a {
    /*background-color: #7d7d7d;*/
    color: #fff;}

/* 4th Menu Hover */
#leftNav ul li:hover li:hover li:hover li a:hover,
#leftNav ul li.iehover li.iehover li.iehover li a:hover {
    color: #fff;}

/* positioning */
#leftNav ul ul,
#leftNav ul ul ul,
#leftNav ul ul ul ul {
    display: none;
    position: absolute;
    top: -4px;
    left: 164px;}

/* Do Not Move - Must Come Before display:block for Gecko */
#leftNav ul li:hover ul ul,
#leftNav ul li:hover ul ul ul,
#leftNav ul li.iehover ul ul,
#leftNav ul li.iehover ul ul ul {
    display: none;}

#leftNav ul li:hover ul,
#leftNav ul ul li:hover ul,
#leftNav ul ul ul li:hover ul,
#leftNav ul li.iehover ul,
#leftNav ul ul li.iehover ul,
#leftNav ul ul ul li.iehover ul {
    display: block;}

#leftNav ul li.hasSub {
    background: url(../images/left_nav_bg.gif) 100% 0 no-repeat #7d7d7d;} 

#leftNav ul li.hasSub:hover,
#leftNav ul li.hasSub .iehover {
    background-position: 100% -25px;} 

tr.row1 { background-color:#eeeeee }
    
.formLabelStyle { 
    font-size:14pt; 
    background-color:#eee; } 
     
.formErrorStyle {color:red;} 
  
.formSubPromptStyle { 
    font-size: 8pt; 
    font-style: italic; }

.formPromptStyle,
.dataSearchSubTextStylePrompt { width:180px; }

.SupDirectory {
    margin:0 auto;
    text-align:left;}

.directoryCat {
    border: 1px solid black;
    padding: 10px;
    margin:0 auto;
    float:right;}
/*******************************************
Blogs
*******************************************/

td.formDataStyle { width:400px; }

#blogMenu {
    margin: 0 0 18px 0;
    height: 29px;
    padding: 0;}

#blogMenu li {
    display: block;
    float: left;
    margin: 0 5px;
    height: 25px;
    line-height: 25px;
    background: url(../images/top_menu_bg.gif) bottom left repeat-x #eee;
    border: 1px solid #ccc;}
    
    #blogMenu a {
        font-weight: bold;
        font-size: 14px;
        margin: 0 5px;
        height: 25px;
        line-height: 25px;}
    
    #blogMenu a:link,
    #blogMenu a:visited {
        color: #000;
        text-decoration: none;}
    
    #blogMenu a:focus,
    #blogMenu a:hover,
    #blogMenu a:active {
        color: #ED1A23;
        text-decoration: underline;}

#topicTable {
    width: 100%;}
    
    #topicTable tr.row1 {
        background-color: transparent;}
    
#blogTopicTable {}
    
.topicAbstract {
    padding:5px;
    border-bottom: 1px solid #ccc;}   
    
.topicAbstractDate {
    color:#666;
    font-style: italic;
    padding:5px;
    border-bottom: 1px solid #ccc;} 
    
.topicTitle,
.topicCommentsHeader {
    padding: 0 10px;
    font-weight:bold;
    font-size:14px;
    line-height: 29px;
    background: url(../images/top_menu_bg.gif) bottom left repeat-x #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;}
    
    .topicCommentsHeader {
        margin-bottom: 18px;}
    
.topicAuthor,
.postAuthor {
    color:#666;
    font-style: italic;
    padding: 10px 0 0 15px;}    
    
.topicText {
    padding: 10px 10px 0 15px;}
    
.topicRepliesCounter {
    font-weight: bold;
    padding: 0 0 30px 15px;}
    
.postTitle {
    background-color: #036;
    color:#fff;
    font-size:20px;
    padding:10px;}

.editLink {float: right;}

    
/*    
.postAuthor {
    padding:10px 0;
    border-bottom: 2px solid #ccc;}
 */
   
 .postAbstract {
    padding:10px 0;
    border-bottom: 2px solid #ccc;}
    
 .postComments {
    padding-bottom: 20px;}
    
        .commentCount {}
        
        .lastReply {
            margin-left: 20px;}
            
    
.replyTable {
    margin: 0 0 30px 30px;}
    
    .replyText {
        border-top: 2px solid #999;
        padding: 20px 0 0 10px;}
        
        .replyText#noBorder {
            padding-top: 0;
            border-top: 0 none;}
            
        .replyAuthor#bottomBorder{
            border-bottom: 2px solid #999;}
    
        .replyTop {
            background: url(../images/top_quotes.gif) top left no-repeat;}
            
         .replyTextContent {
            min-height: 36px;}
            
            .replyTextContent p.firstP {
                text-indent: 30px;}
        
        .replyIconBottom {
            position: relative;
            top: 10px;
            left: 10px;}
    
    .replyAuthor,
    .subReplyAuthor {
        font-weight: bold;
        color: #999;
        font-style: italic;
        font-size: 11px;
        padding: 20px 0 20px 10px;}
        
    .replyLink {
        float:right;}
        
    .subReplyTable {
        margin: 20px 0 20px 0;}   
     
    .subReply {
        border-top: 1px solid #eee;
        background: url(../images/replyArrow.gif) 0 10px no-repeat;}
    
    .subReplyText {
        padding-top: 10px;
        margin-left: 30px;
        min-height: 36px;}

    .subReplyAuthor {
        margin-left: 30px;
        margin-bottom: 0;
        padding: 0;
        font-size: 11px;}
        
    .subReplyTextContent {
        margin-left: 30px;
        margin-bottom: 20px;}