/* Start of CMSMS style sheet 'Style' */
html, body {
height:100%;
}
body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:71%;
  color:#5d6168;
  background:url("uploads/images/background.jpg") top center no-repeat #9e0933;
  padding:0;	
  margin:0;
  }
	
* {behavior: url("uploads/iepngfix.htc")}

table {
  border-collapse:collapse; 
  border-spacing:0;
  }
td, th {
  vertical-align:top;
  padding:0;
  }


h1 {		
  color:#9e0933;
  font-size:110%;
  margin-top:0;
  }
h2 {		
  color:#9e0933;
  font-size:120%;
  margin-top:0;
  margin-bottom:0;
  }
h3 {		
  color:#9e0933;
  font-size:100%;
  margin-top:0;
  }
		
p, li {		
  }
.firstpara {
  font-size:110%;
  font-weight:bold;
 }

a, a:link {		
  color:#4c718a;
  text-decoration:none;
  }
a:hover {			
  text-decoration:underline;
	}

a img {
  border:0;
  }

  .lft {
    float:left;
    } 
  .rgt {
    float:right;
    }
  .imglft {
    float:left;
    margin:0 10px 6px 0;
    } 
  .imgrgt {
    float:right;
    margin:0 0 6px 10px;
    }
  .clear {
    clear:both;
    } 


/* ------------------------------- hack for IE ------------------------------- */
* html #id {
  w/idth:100px;
  /width:90px;
  }
/* ------------------------------- hack for safari ------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0){
  #id {width:100px;}
  .class {width:100px;}
  }
/* ------------------------------- min-height fix for IE ------------------------------- */
 #div {
  min-height:500px;
  }                            /* -- other browsers use min-height so that the containers expands beyond this height -- */
/*\*/
  * html #div {
  height: 500px;         /* -- IE ignores min-height but the IE bug automatically expands the container to fit the extra text -- */
  }
 /**/
  
/* ------------------------------- site ------------------------------- */

#centersiteforie {
  text-align:center;
  }

#site {
  width:836px;
  margin:0 auto;
  text-align:left;
  }	
	
    #header {
      width:836px;
      height:131px;
      background:url("uploads/images/banner.jpg") top left no-repeat #5e0000;
      }

    #body {
      width:836px;
      }	

      #row1of2 .col1of2,
      #row2of2 .col1of2 { 
        float:left;
        width:195px;
        }

      #row1of2 .col2of2,
      #row2of2 .col2of2 { 
        float:right;
        width:636px;
        }

      #row2of2 { 
        clear:both; 
        background:url("uploads/images/row2-bg.gif") top left repeat-y;
        padding-bottom:10px;
        }


        #title {
          text-align:right;
          padding:4px 15px;
          }
          #title p {
            color:#fff;
            font-size:170%;
            margin:0;          
          }

        #search {height:20px; background:#6c696e; padding:5px 15px; margin-bottom:9px;}
          #search p {float:left; margin-top:2px; text-transform:uppercase; color:#fff; font-size:120%; font-weight:bold;}
          #search form {float:right; margin:0;}
          #search label {display:none;}
          #search input {font-size:80%;}

        #menu {
          background:#9e0933;
          padding:3px 15px;
          margin:0;
          }
        #menu ul {
          margin:0;
          padding:0;
          list-style-type:none;
          }
        #menu li {
          display:inline;
          color:#fff;
          font-size:105%;
          text-transform:lowercase;
          } 
        #menu li a {
          color:#fff;
          text-decoration:none;
          }
        #menu li a:hover, 
        #menu li.currentpage {
          color:#ccc;
          }
 
        #register {
          float:right; 
          padding:3px 15px 3px 0;
          }        
        #register p {
          font-size:105%;
          margin:0;
          }
        #register a {color:#fff;}

        #content {
            }
          .subcol1of3 {
            float:left;
            width:329px; 
            padding:15px;
            }
          .subcol2of3 {	  
            float:left;
            width:89px; 
            padding:15px 0 0 0;
            }
          .subcol3of3 {				  
            float:right;
            width:158px; 
            padding:15px;
            }
          * html  .subcol1of3 {
            /width:359px; 
            w/idth:329px; 
            }
          * html  .subcol3of3 {				  
            width:188px; 
            }

		
   


/* ----- left column contents ----- */

.col1of2 a {
  color:#9e0933;
  }
.col1of2 ul {
  margin:15px 0 20px 30px;
  padding:0;
  list-style-type:none;
  }
.col1of2 li {
  font-size:110%;
  color:#5d6168;
  font-weight:bold;
  margin:0;
  padding:0;
  }
.col1of2 li.currentpage,
.col1of2 li.currentpage a,
.col1of2 li.activeparent a,
.col1of2 li a:hover  {
  color:#5d6168;
  }

.col1of2 ul ul {
  margin:0 0 0 15px;
  padding:0;
  list-style-type:none;
  }
.col1of2 li li {
  font-size:90%;
  font-weight:normal;
  margin:0;
  }


	
/* ----- middle column contents ----- */

  /* Turn off list bullets */
  ul.mktree  li {list-style: none;} 
  
  /* Control how "spaced out" the tree is */
  ul.mktree, 
  ul.mktree ul, 
  ul.mktree li {margin:0 0 15px 10px; padding:0px; font-weight:bold;}
  ul.mktree li li {font-weight:normal;}
  
  /* Provide space for our own "bullet" inside the LI */
  ul.mktree  li .bullet {padding-left:15px;}
  ul.mktree  li li .bullet {padding-left:0}
   
  /* Show "bullets" in the links, depending on the class of the LI that the link's in */
  ul.mktree  li.liOpen    .bullet {cursor:pointer; background:url(uploads/images/minus.gif)  center left no-repeat;}
  ul.mktree  li.liClosed  .bullet {cursor:pointer; background:url(uploads/images/plus.gif)   center left no-repeat;}
  /* ul.mktree  li.liBullet  .bullet {cursor:default; background:url(uploads/images/bullet.gif) center left no-repeat;} */
  ul.mktree  li.liBullet  .bullet {display:none;}
  
  /* Sublists are visible or not based on class of parent LI */
  ul.mktree  li.liOpen    ul {display:block;}
  ul.mktree  li.liClosed  ul {display:none;}

.contactform, 
.formbuilderform {width:320px; border:1px solid white;} 
.contactform fieldset, 
.formbuilderform fieldset {padding: 1em;} 
.contactform fieldset legend, 
.formbuilderform  fieldset legend {font-weight: bold;} 
.contactform div, 
.formbuilderform div {padding: 0.25em 0 0.25em 0;}  
.contactform label, 
.formbuilderform label {display:block;} 


/* ---#courselist .soldout {clear:both; float:left; margin-right:10px;}

#courselist p {padding-top:2px;}
#courselist label {display:block; padding-top:4px;}	
#courselist p {height:30px;}	 --- */


#courselist h2 {clear:both; padding:10px 0;}
#courselist form {clear:both; float:left; margin-right:10px;}
#courselist p {height:25px; margin:3px 0 0 0;}
				
/* ----- right column contents ----- */

.subcol3of3 a {
  font-size:110%;
  color:#5d6168;
  font-weight:bold;
  padding:0;
  }
.NewsSummaryLink {
  margin:0 0 15px 0;
  }
.NewsSummaryPostdate{
  font-weight:bold;
  }

/* ----- footer ----- */

#footer {
  clear:both;
  width:836px;
  text-align:right;
  margin:0 auto;
  }
#footer p {
  color:#fff;
  font-size:80%;
  padding-top:4px;
  }
#footer a {
  color:#fff;
  }

/* End of 'Style' */

