/****** ##LOG: 
Author:  Dan Urquhart
Version: 1.0

This template has been made to be as simple to use as possible. Everything does have a place! Make sure you put things where they need to be.

Some rules:

-try not make multiple references o single elements: keeping all the stlyes of an element in one place keeps it from getting over styled or overlooked. 
-try to comment on what does what

Created: March 2007
******/
  
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||      IMPORTANT BODY TAGS!!!!
||
||      ***PUT THE BODY TAGS HERE AND NOT IN THE MAIN FILES!!***
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/

  html {
    border: none; 
    margin: 0px; 
    padding: 0px; 
  }

  body {    
    text-align: center;
    margin: 0px;
    padding: 0px; 
    background: #ff8800 url(../images/template/bg.gif) center -175px;
  }
  
  
  body,table, tr,td, li {
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-size: 12px;
    color: #ffffff; 
  }
  
  p {
    margin: 0px; 
    padding: 0px; 
    margin-top: 5px; 
    
  }
  
/*    
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||      LINKS
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
* When adding links make sure you include all 4 link stages 
  (normal,hover,visited,visited:hover)
*/
  
  
/*    
  THE FOLLOWING STYLES ARE FOR ALL LINKS ON THE SITE!!!
*/
  a:link {
    color: #ff8800;
    text-decoration: none;
  }
  
  a:visited {
    text-decoration: none;
    color: #ff8800;
  }
  
  a:hover {
    text-decoration: none;
    color: #ff00ff;
  }
  
  a:active {
    text-decoration: none;
    color: #ff8800;
  }


  .moreLink {
    height: 76px; 
    width: 158px; 
    display: block; 
    background: url(../images/template/more_link.jpg) top left no-repeat;
    margin-top: 10px; 
  }

  a:focus { outline: none; }    

  a img {
    border: none; 
    text-decoration: none; 
  }

/*end*/

  
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||      Container Styles
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/
  
  /* Site Container */  
  #centerCon {
    text-align:center;

  }
  
  
  
  /* Site Container */  
  #siteCon {
    
    background: #53158e;
    padding: 17px 0px 0px 0px;
    width: 800px;
    
  }
  
  
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||      Header
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/
    
	#homeLink {
		display: block; 
		width: 380px; 
		height: 92px; 
		float: left; 
		
	}
    
    #searchBoxCon {
		float: right; 
		width: 320px; 		
        height: 42px; 
        line-height: 40px; 
		
		
        text-align: right; 
        padding: 30px 17px 0px 10px;       
        margin: 0px; 
      
        
    }
    
      #searchBoxCon form, #searchBoxCon label, #searchBoxCon input{
        padding: 0px;       
        margin: 0px; 
        height: 17px; 
        line-height: 17px; 
      }
    
    
      #searchBoxCon input {
        margin-left: 5px;   
      }
        
    #headerCon {      
      width: 800px;
      height: 178px;      
      background: url(../images/template/header.jpg) top center no-repeat;
     
    } 
    
    
      
     
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||      Menus
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/    
    
    
  /* Top Menu */
  
    #topMenuCon {
      clear: both;
      width: 761px;
      height: 52px;
      margin: auto; 
      
      text-align: center;
      background: #641f9f; 
      padding-left: 2px;
     

    } 
		 #topMenuCon span {
		 font-size: 10px;
		 }
      
    
      #topMenuCon .yuimenubaritemlabel {
        background: #53247f; 
        text-align: center; 
        float: left; 
        height: 43px; 
        line-height: 43px; 
        width: 80px;
        display: inline; 
        margin: 4px 0px 0px 4px; 
      }
      
      #topMenuCon  #twoLineLink_1 {
        line-height: 21px; 
      }
      
      
        .yuimenu {
          background: #641f9f; 
          padding: 5px; 
        
        }
        
        
        .yuimenu .yuimenu, .yuimenubar .yuimenu, .yui-module, .yui-overlay, .yuimenuitem, .bd {
          z-index: 1000;
        }
        
        
        .yuimenuitem {
          font-size: 11px;
          height: 14px; 
          line-height: 14px; 
          /*width: 120px;*/
        }
      
        
  /* Side Menu */     
  
    #sideMenuCon {
      position: relative;
      left: 30px; 
      background: #ffffff;
      width: 251px;
      text-align: left;
      float: left;
    } 
    
      
      #image_1, #image_2, #image_3, #image_4, #sideMenuCon a, #sideMenuCon a img, #sideMenuCon img {
        padding: 0px; 
        margin: 0px; 
        display: block; 
      }
      
      #image_1, #image_3,  .image_1, .image_3 {
        float: left; 
      }
      #image_2, #image_4, .image_2, .image_4 {
        float: right; 
      }
      
      #image_1, #image_2, .image_1, .image_2 {
        border-bottom: 1px solid #ffffff; 
      }
      
      
      
      
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||      Body
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/  

    
  
    #centerBodyCon_2col {
      float: right;         
      width: 517px;
    } 
  
 
	  #callToAction {
		/*float: left;
		width: 250px;*/
		padding: 0px 25px 0px 25px; 
		text-align: left;
	  }
		 #callToAction .contentheading {
			padding-bottom: 0px;
			display: block;
		 }
          
      #centerBodyCon_2col #bodyCon {
        
        text-align: left;
        padding: 30px;
        padding-top: 0px;
        float: left;        
        width: 440px;                
      }
      
      #centerBodyCon #bodyCon, #centerBodyCon.columnForm #bodyCon {
        
        text-align: left;
        padding: 30px;
        padding-top: 0px;
        
                       
      }
	  
		
	
      
      
        .centeredImage {
          display: block; 
          margin: auto; 
        }

        
        
        #tabbedContent {
          background: #641f9f;
        }
        
          .imgPlusTextCon {
            clear: both; 
            padding-bottom: 10px;
            margin-bottom: 10px;

          }
        
            .imgPlusTextCon img {
              
              float: left; 
              margin: 0px 10px 10px 0px; 
              
              
            }
          
          
          
          
          
            #tab_p1,#tab_p2,#tab_p3,#tab_p4,#tab_p5, #tab_p6, #tab_p7, #tab_p8 { list-style-image: none; padding: 0px; margin: 0px; text-indent: 0px }
      #tab_p1 .udc_item,#tab_p2 .udc_item,#tab_p3 .udc_item,#tab_p4 .udc_item,#tab_p5 .udc_item,#tab_p6 .udc_item,#tab_p7 .udc_item,#tab_p8 .udc_item     { display: block; color: #FFFFFF; }
      
      #tab_l1,#tab_l2,#tab_l3,#tab_l4,#tab_l5,#tab_l6,#tab_l7,#tab_l8       { list-style-image: none; padding: 0px; margin: 0px; text-indent: 0px }
      #tab_l1 .udc_item,#tab_l2 .udc_item,#tab_l3 .udc_item,#tab_l4 .udc_item,#tab_l5 .udc_item,#tab_l6 .udc_item,#tab_l7 .udc_item,#tab_l8 .udc_item                                { display: block; color: #FFFFFF; }
      
      .componentheading  { display: none; }
      .contentheading    { font-size: 130%; color:#ff8800; font-weight: bold; margin-bottom: 10px; }
            
             .udc_list li ul li {
               
              list-style-type: disc;
              list-style-position: outside; 
              marker-offset: auto; 
            }
        
        
        
          .contentpaneopen {
            width: 100%; 
          } 
        
          h3 {
            background: transparent; 
          }
          
          
        .yui-nav {
          background: #53158e; 
          width: 100%; 
        }
        
        .yui-nav li a {
          background: #641f9f; 
          height: 20px; 
          line-height: 20px;
          padding: 5px; 
          border-bottom: 5px solid #53158e; 
        }
        
          .yui-nav .selected a {
            border-bottom: 5px solid #641f9f; 
          }
        
        .yui-content div {
          background: #641f9f;          
          width: 95%; 
          padding: 5px 0px 10px 5px; 
        }
          
          .yui-content div p {
            padding: 5px;
          }
          
        
        
        
    #dm_header, #dm_cat, #dm_docs, .dm_row, #dm_details, #dm_details table, .dm_doc, #dm_frmsearch {
    	width: 560px;
 
    	float: right; 

    	
    }
    
    
    
    
        
        /*docman*/
    #dm_header {
      padding-bottom: 10px; 
    }
        
      #dm_header a img {
        border: none; 
        text-decoration: none; 
      }
        
        
          #dm_header div {
          	display: inline; 
            margin: 40px;
            margin-top: 0px; margin-bottom: 0px; 
            
            text-align: center; 
          }
        
        .dm_row, .dm_taskbar, .dm_separator { /*clear: both; */ }
        .dm_separator { margin: 24px 0px 15px 0px; }
        
      
        
        
        
        
          .pagination span {
            margin: 5px; 
          }
          
          
          
          
        .udc_item img, .contentpaneopen .floatLeft, #bodyCon .floatLeft {
        	margin-right: 10px; 
        	margin-bottom: 10px; 
        	display: block; 
        }
        
        
        .udc_item li {
        	
        	margin-left: 20px; 
        	
        	
        }
      
    form {
      margin: 0px; 
      padding: 0px;       
    }
    
    input, textarea, .button {
      border-left: 1px solid #000055;
      border-top:  1px solid #000055;
      border-right: 1px solid #ff00ff;
      border-bottom: 1px solid #ff00ff;
      background: #53247f;
      font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
      color: #ffffff; 
      font-size: 12px; 
      overflow: auto; 
      margin-top: 10px;
      
      
    }
  
    
    .submit, .button, .button validate, .validate {
      background: #53247f;
      border-left: 1px solid #ff00ff;
      border-top:  1px solid #ff00ff;
      border-right: 1px solid #000055;
      border-bottom: 1px solid #000055;
      
    }
    
    #ChronoContact_contact {
    	display: block; 
    	clear: both; 
    }
    
    #ChronoContact_contact label {
	display: block; 
	float: left; 
	width: 300px; 
	}






	.sobi2Listing tr td {
		border-width: 0px; 
	}



	#bodyCon span.editlinktip span {
		color: #ffffff !important;  
	}
	
	
	
	#testimonials {
		clear: both;
		font-size: 10px; 
		font-style: italic;
		line-height: 12px; 
		padding: 0px 10px 0px 10px; 
	}
		#testimonials h3 {
			text-align: left; 
			padding-bottom: 10px;
		}
	
	
	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||      Footer
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/  
    
    #footerCon {
      width: 800px;
      height: 23px;
      line-height: 23px;
      clear: both;
      background: #641f9f;  
      text-align: center;
      font-size: 85%; 
      color: #ff8800; 
      border-top: 10px solid #53158e; 
    } 
    
    
    
    
    
  
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||      HEADERS
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/

  h1,h2,h3,h4,h5,h6 {
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    padding: 0px; 
    margin: 0px;
    margin-bottom: 10px; 
    margin-top: 15px; 
    color: #ffffff;
  }
  
  h1 {
    font-size: 16px; 
  }
  h2 {
    font-size: 14px; 
  }
  h3,  .yui-content .udc_title {
    font-size: 12px; 
    font-weight: bold; 
    margin-bottom: 0px; 
    padding: 0px; 
  }
  
  .yui-content div .introtext {  
  	margin: 0px; 
  	padding: 0px; 
  }
  
  
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||      ADDITIONAL STYLES
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]



    
  /* Small Text */    
    .smallText, .textSmall, .small {
    font-size: smaller;
    }
    
  /* Required Text */ 
  /* Use to denote user alert text. eg required fields in forms, this should be set smaller than the normal font*/  
    .textReqd, .requiredStar {
    color: #ff0000;
    font-size: 0.8em;
    }   
    
  
  
  
  

  

  
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||      OTHER STYLES - MODIFIERS
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/  
  
  
  
/* Horizontal Rule */
  hr {
    background-color: #8648bf; 
    border: 0px; 
    height: 1px;
    color: #8648bf;
    margin-top: 10px;
    margin-bottom: 5px;
  }     
  
/* Unordered List */  
  ul {
    color: #000000;
    list-style-type : disc;
  }
  
/* Ordered List */  
  ol {
    color: #000000;
  }
  
/* Add cursor to elements */
  .cursor { cursor: pointer; }
  
    
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||      QUICK STYLES - MODIFIERS
||      Use these instead of inlines to make sure the same style works across the whole site
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/    
  
  
/* Clear Both VERY IMPORTANT */ 
  .clearBoth {
    clear: both;  
  }
  
/* Style / Border Images */ 
  .styleImg {
    border: 2px solid #333333;
    padding: 2px;
  }   
  
/* Float Left */  
  .floatLeft {
  	display: block; 
    float: left;
  }
 /* Float Left */  
  .floatRight {    
    display: block; 
    float: right;
  }
  
/* Pad Left */
  .paddLeft {
    margin-left: 4px;
  }
  
/* Pad Right */
  .paddRight {
    margin-right: 12px;
  }

  
  
  
  

    
/*
If you are putting somthing into this sytle sheet page then it more than
likely has a home. 
        
don't simple include it at the bottom of the page.
        
Have a look at the page and look for the proper place for the variable that 
you are including.
        
If you can not find a place that looks right for the variable you are including
then create a spot for it somewhere that seems to fit and remember to include a 
header for your new section as well as remembering to comment what your variable 
is used for.  
*/
#sideMenuCon div.udc { margin: 0px; padding: 0px; }
#sideMenuCon .udc_list, #sideMenuCon .udc_list li p { display: inline; margin: 0px; padding: 0px; }
#sideMenuCon .udc_list li { display: block; text-indent: 0px; margin: 0px; }
/*#sideMenuCon img { float: left; margin: 0px;  }*/

.contentpaneopen .contentheading { display: none; }

#sobi2Footer, .sobi2CompDesc { display: none; }

.sobi2Header {
	margin: 6px; margin-left: 0px; 
}

#sobi2rss { padding-top: 10px; }