* {padding : 0; margin : 0}

p {
margin-bottom:12px;
}

html {
min-height: 100%;
margin-bottom: 1px;
}

img {
	margin: 0;
	border:none;
	
	}
	
	body {
	margin: 0px;
	margin-left: 0px;
	background-color:#fff;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	color: #262626;
	
	
	}
	
	h1	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 140%;
	color: #fff;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:bold;
	}
	
	h2	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 160%;
	color: #fff;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:bold;
	}
	
	h3	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #00bbe4;
	margin: 0;
	
	}
	
 
	  
	  
	  label, textarea, input {
	  margin-left: 10px;
	  }
	  
	   
	
 
 
  
  
  
   .odd {
  background-color: #C5E8D6;
  }
  .even {
  background-color: #ADD8E6;
  }	
  

  
    #mid-section ul {
padding: 0px 0px 0px 25px;
list-style-position:outside;
}

 #mid-section ol {
padding: 0px 0px 0px 25px;
list-style-position:outside;
}

#outofdate {
    position: absolute;
    top: 0;
    left: 5px;
	z-index:100;
    width: 170px;
    height: 64px;
    background: transparent url(http://www.blotdesign.com/images/outofdate.jpg) center center no-repeat;
}
#outofdate a {
    display: block;
    width: 170px;
    height: 64px;
    text-decoration: none;
    text-indent: -9999px;
    font-size: 0.1em;
}
  
	
#container {
   
	position: relative;
    height: auto;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
	margin-top:0px;
	margin-bottom:0px;
	border: none;
    width: 985px;
	font-size:100%;
	background-image:url(../images/cont-back.jpg);
	background-repeat:repeat-y;
	padding-left:0px;
	padding-right: 0px;
	
	
    
}

#container-bck {
background-image:url(../images/body-back.jpg);
	background-repeat:repeat-y;
	background-position:center;
	
	}
	#top-section {
  position:relative;
  left:0;
  top:0;
  margin-right: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
   
   
  }
  
  #breadcrumbs {
 
  font-family: Arial, Helvetica, sans-serif;
	color:#18c2e7; 
	font-weight:900;
	font-size:100%;
	
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px
  
  }
  
    
  #menu-section {
 position:relative;
 background-image:url(../images/menu-back.jpg);
 overflow:hidden;
 height:27px;
 

 
 
  
    }
  
   
  
  #mid-section {
   position:relative;
width:100%;
 background-color:transparent;
	margin:0;
	 
    }
	
#left-col-1 {
float:left; 
width:207px;
margin-top:10px;
padding-left:4px; 
padding-top: 0px;
 




 
}

#left-col-2 {

float:left; 
width:770px;
margin-top:10px;
padding-left:4px; 
padding-top: 0px; 
font-weight:normal; 
font-size:100%;

}

#left-col-3 {
float:left; 
width:170px; 
padding:3px 10px 10px 10px; 
border:1px solid #ccc;
background-color:#f7f7f7;
}

.teaser {
padding-left:20px;
width:150px;
}

 .tease-top {
  margin:0; 
  padding:0; 
  background-image:url(../images/teaser-snav.png); 
  background-position: top left; 
  background-repeat:no-repeat;
  height:44px;
  width:200px;
  }
  
  .tease-mid {
  font-size:85%; 
  font-weight:normal; 
  background-image:url(../images/teaser-mid.png);  
  background-repeat:repeat-y; 
  padding:5px 5px 5px 10px;
    width:185px;
  }
  
  .tease-bottom {
  background-image:url(../images/teaser-snav.png); 
  background-position: bottom left; 
  background-repeat:no-repeat;
  height:14px;
  width:200px;
  }
  
  .content-top {
  margin:0; 
  padding:0; 
  background-image:url(../images/teaser-content.png); 
  background-position: top left; 
  background-repeat:no-repeat;
  padding:6px 10px 6px 20px;
  height:37px;
  width:735px;
  }
  
  .content-mid {
  font-size:85%; 
  font-weight:normal; 
  background-image:url(../images/teaser-cmid.png);  
  background-repeat:repeat-y; 
  padding:5px 18px 5px 22px;
  width:725px;
  }
  
  .content-mid h2 {
  color:#00CCFF;
  font-size:160%;
  }
  
  .content-bottom {
  background-image:url(../images/teaser-content.png); 
  background-position: bottom left; 
  background-repeat:no-repeat;
  height:11px;
  width:765px;
  }
  
  
  
  .twobox-mid {
  font-size:100%; 
  font-weight:normal; 
  background-image:url(../images/two-box1-mid.png);  
  background-repeat:repeat-y; 
  padding:0;
  width:729px;
  }
  
  .twobox-mid h2 {
  color:#fff;
  }
  
  .twobox-bottom {
  background-image:url(../images/two-box1.png); 
  background-position: bottom left; 
  background-repeat:no-repeat;
  height:10px;
  width:729px;
  }

.twobox-head1 {
background-image:url(../images/head-back1.png); 
background-repeat:no-repeat; 
height:39px; 
width:338px; 
padding:7px 0px 0px 36px; 
overflow:hidden;
}

.twobox-head2 {
background-image:url(../images/head-back2.png); 
background-repeat:no-repeat; 
height:39px; 
width:318px; 
padding:7px 0px 0px 36px; 
overflow:hidden;
}

.twobox-text {
padding:0px 10px 14px 10px;
width:330px;
}

.twobox-content1 {
float:left; 
padding:0px 0px 0px 0px;
width:374px;
margin-bottom:-10px;
}

.twobox-content2 {
float:left; 
padding:0px 0px 0px 0px;
width:354px;
margin-bottom:-10px;
}



.line {
padding-left:8px; 
padding-bottom:3px;
}



.address {
color: #e5dd8e;
font-weight:bold;
}

  #bottom-section {
  clear:both;
  position:relative;
  left:0;
  top:0px;
  
  margin:0;
  
 
  }
  #bottom-section2 {
   position:relative;
   width:100%;
  left:0;
  top:0px;
   margin:0px;
  margin-top:5px;
  border-top: none;
  padding-top:5px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom:4px;
  

  }

  
 
 
  
  
  
  #bottom-col-1 {
  position:relative;
  left:0px;
  font-size: 1em;
  text-align: center;
  }
  
 table {
 	margin-left:20px;
	
	width: 90%;
	border: 1px solid #F3C8CA;
	background: #fff;
	}
	
	table th, table td {
	margin:0;
	padding: 4px 8px;
	text-align: left;
	background: #FFEAE1;
	
	}  
	  table th {
	background: #E0E7F1;
	} 
	
 .sbox {
  height: 280px; 
  overflow: auto; 
  visibility:visible; 
  padding-right:10px;

  }
		
.ileft {
  float: left;
  padding: 0px 12px 10px 0px;
  }
  
 .iright {
  float: right;
  padding: 0px 0px 10px 12px;
  }
	      
  .left {
  float: left;
  text-align: left;
   
  }

.right {
  float: right;
  text-align: right;
 
 
  
  }

 
 .lege {
 margin-bottom:20px; 
 font-size: 130%; 
 padding-left:5px; 
 padding-right:10px;
 color: #777;
 border-color:#777;
 }
 
 .helpbox {
position:absolute; 
top:20px; left:250px; 
visibility:hidden;
width:230px; 
background-color:#fff; 
font-weight:normal; 
color:#333; 
padding:4px 8px 5px 5px; 
border:2px solid #777; 
z-index:20;
font-size:110%;
}
 
 fieldset {
 position:relative;
 border :  1px solid #777;
 padding-left:14px;
 padding-right:10px;
 font-size:100%;
 margin-top:10px;
 }
 


 .legaltext {
  font-size:70%; 
  color:#ccc; 
  font-family:Arial, Helvetica, sans-serif;
  }
  
.cleardiv {
  height:1px; 
  overflow:hidden; 
  clear:both;
  }

.forminput {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
}

	/* TinyMCE specific rules */
.mceContentBody {
   background-color:#fff;
   font-size:80%;
}
.mceContentBody ul {
padding-left:25px;
}

tr.odd {
background-color: #EDFFE3;
}

tr.even {
background-color: #BFFF9F;
}

ol#cloud  {
width:165px;
padding: 10px 0px 8px 0px;
list-style-position: inside;



}


#cloud li  { 

display:inline;
padding-left:1px ;
margin-left:0px;
list-style-position:inside;
padding-right:3px;



}

#cloud a.b1 {
font-size:80%;
color:#00a94f;

}

#cloud a.b2 {
font-size:100%;
color:#922c2c;

}

#cloud a.b3 {
font-size:120%;
color:#e4c920;

}

#cloud a.b4 {
font-size:140%;
color:#2d348a;


}

#cloud a.b5 {
font-size:170%;
color:#FF0000;


}

#tag-cloud {
margin-top:30px; 
width:160px; 
border:1px solid #b2b2b2;  
padding:4px;
background-color:#fff;



}

 #nav1{
margin-top: 3px;
margin-bottom: 0px;
margin-left:65px;
padding-bottom:0px;
height:23px;
width:910px;
float:left;
display:inline;
overflow:hidden;



}

#nav1 ul {


margin-left: 0;
padding-left: 0;
margin-bottom: 0;
display: inline;
}

#nav1 li {
list-style-type: none;
text-align:center;
padding: 0px 0px 0px 0px;
float:left;
margin-bottom: 0;
overflow:hidden;
display: inline;


}

#nav1 a {
	float: left;
	padding: 23px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:23px; /* for IE5/Win only */
	}
	
#nav1 a:hover,  #nav1 a.selected {
	background-position: 0 -23px;
	
	}
	
#nav1 a.selected     {  cursor: default !important; } 
	
#thome a  {
	width: 136px;
	background: url(../images/nav-home.png) top left no-repeat;
	}
	
#ttraining a  {
	width: 251px;
	background: url(../images/nav-training.png) top left no-repeat;
	}
	
#tevents a  {
	width: 152px;
	background: url(../images/nav-events.png) top left no-repeat;
	}
	
#tsharing a  {
	width: 213px;
	background: url(../images/nav-sharing.png) top left no-repeat;
	}
	
#tconsult a  {
	width: 144px;
	background: url(../images/nav-consult.png) top left no-repeat;
	}
	
#tcontact a  {
	width: 70px;
	background: url(../images/nav-contact.jpg) top left no-repeat;
	}



	
#navcat ul {
text-align:left;
padding:0;
margin:0;
margin-top:8px;
}


	
#navcat li {
	margin: 0; 
	padding: 0;
	padding-bottom:4px;
	padding-left:10px;
	margin-bottom:8px;
    list-style: none;
	color:#18c2e7;
	font-weight:bold;
	width:165px;
	text-align:left;
	border-bottom: 1px solid #18c2e7;
	
	
	
	}

#navcat a:link, #navcat a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color:#18c2e7; font-weight:900;
	font-size:125%;
	
	
	}
	
#navcat a:hover, #navcat a:active {
	color: #aaa;
	}
	
#navcat li ul {
text-align:left;
padding:0;
margin:0;
margin-top:4px;
}


	
#navcat li ul li {
	margin: 0; 
	padding: 0;
	padding-bottom:2px;
	padding-left:5px;
	margin-bottom:2px;
    list-style: none;
	color:#18c2e7;
	font-weight:normal;
	width:160px;
	text-align:left;
	border-bottom: none;
	
	
	
	}

#navcat li ul li a:link, #navcat li ul li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color:#18c2e7; 
	font-size:100%;
	font-weight:bold;
	
	
	}
	
#navcat li ul li a:hover, #navcat li ul li a:active {
	color: #aaa;
	}
	
#breadcrumbs a:link, #breadcrumbs a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color:#18c2e7; 
	font-weight:900;
	font-size:100%;
	
	
	
	}
	
#breadcrumbs a:hover, #navcat a:active {
	color: #aaa;
	}
	

A:link,  A:visited, A:active   { color:#888; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 100%;  font-weight: normal;} 
A:hover     { color: #aaa; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:100%; font-weight: normal;} 


A.legal:link, A.legal:visited, A.legal:active      { color: #ccc; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 70%;  line-height: 140%; font-weight: normal} 
A.legal:hover     { color: #ccc; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:70%; line-height: 140%; font-weight: normal} 

A.tlink:link, A.tlink:visited, A.tlink:active    { color: #333; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 110%;  font-weight: bold} 
A.tlink:hover     { color: #aaa; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:110%; font-weight: bold} 

A.tlinkm:link, A.tlinkm:visited, A.tlinkm:active    { color: #555; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 100%;  font-weight: bold} 
A.tlinkm:hover     { color: #aaa; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:100%; font-weight: bold} 


A.more:link, A.more:visited, A.more:active      { color: #666; text-decoration: none; font-family:     Arial, Helvetica, sans-serif; font-size: 100%;  font-weight: bold} 
A.more:hover     { color: #999; text-decoration: none; font-family:  Arial, Helvetica, sans-serif;font-size: 100%; font-weight: bold} 

A.sb:link      { color: #70B1CB; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal} 
A.sb:visited   { color: #70B1CB; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal; } 
A.sb:active    { color: #70B1CB; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal;  } 
A.sb:hover     { color: #000000; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:1em; font-weight: normal}