@charset "utf-8";
/*Fortelytics 2009*/

body {
font-family : Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration : none;
}

a {
text-decoration : none;
font-weight : bold;
}

a:link, a:active {
color : #e80000;
}

a:visited {
color : #e80000;
}

h1 {
font-size : 14px;
font-weight : bold;
color : #e80000;
}

h2 {
font-size : 12px;
font-weight : bold;
margin-bottom : auto;
}

.container {
width : 800px;
margin : -12px auto 20px;
}

.logo {
margin : auto;
}

#slideshow {
border-collapse : collapse;
table-layout : fixed;
margin-top : 10px;
width : 100%;
border : thin solid #ccc;
height : 300px;
}

#navbox {
width : 800px;
height: 1px;
font-size : 9px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
margin : 5px auto 35px;
vertical-align : middle;
text-align : center;
}
/*IE crossbrowser critical*/
#navlist {
margin : 0;
padding : 0;
}

#navlist ul {
float: left;
list-style : none;
margin : 0;
padding : 0;
}

#navlist li {
float: left;
list-style : none;
margin : 0;
padding : 0;
}

/*IE crossbrowser critical*/
#navlist li a, #navlist li a:link {
background-color : #e80000;
border : 1px solid;
float : left;
margin : 1px;
text-decoration : none;
font-weight : bold;
font-size : 9px;
padding : 4px;
color : #fff;
width : 102px; /*top menu cell width*/
vertical-align : middle;
}

#navlist li a:visited {
background-color : #e80000;
border : 1px solid;
float : left;
margin : 1px;
text-decoration : none;
font-weight : bold;
font-size : 9px;
padding : 4px;
color : #fff;
width : 102px;  /*top menu cell width*/
vertical-align : middle;
}

#navlist li a:hover {
color : #fff;
background : #000;
}

#contentbox {
width : 800px;
margin : 10px auto 30px;
padding:80px;/*control distance of content from navigation tabs*/
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
text-decoration : none;
font-weight : normal;
color : #333;
text-align : left;
}

#col1 {
position : relative;
width : 380px;
float : left;
padding : 10px;
}

#linkdeco a:link, #linkdeco a:visited, #linkdeco a:hover, #linkdeco a:active {
color : #fff;
}

#col2 {
position : relative;
width : 380px;
float : right;
padding : 10px;
}

#mygallery {
width : 800px;
height : 350px;
}

/* 1st row Subtabmenu Tabs*/

#tabnav {
  position:relative; 
  }
#tabmenu {
  text-align:center; 
  position:relative; 
  height:3.5em; /*tabmenu cell to footer line*/
  font-family:Arial, Helvetica, sans-serif;
  font-size: 10px;
  }
.box {
  position:relative; 
  float:left; 
  top:30px;
  padding: 0px 0px 2px 0px;/*control position between 1st row and 2nd row  of tabs*/
  }
#tabmenu a, #tabmenu a:visited {
  position:relative; 
  text-decoration:none; 
  background-color:#000; 
  color:#fff; 
  display:block; 
  width:125px; /*corresponds with tabmenu a topright {*/
  height:37px; /*control individual subtab height */
  padding:5px;/* padding within a tab*/
  margin:0 1px;
  }
#tabmenu a .topleft, #tabmenu a .topright {
  position:absolute; 
  top:0; 
  width:0; 
  height:0; 
  overflow:hidden;
  border-top:10px solid #fff;
  }
#tabmenu a .topleft {
  left:0; 
  border-right:10px solid #000; 
  }
#tabmenu a .topright {
  left:125px; /*corresponds with tabmenu a {*/
  border-left:10px solid #000; 
  }
#tabmenu a:hover {
  background-color:#e80000; 
  }
#tabmenu a:hover .topleft {
  border-right:10px solid #e80000; 
  border-top:10px solid #fff;
  }
#tabmenu a:hover .topright {
  border-left:10px solid #e80000; 
  border-top:10px solid #fff;
  }
  
/* 1st row Subtabmenu Tabs End*/


/*start - subtabmenu for basic workshop later*/
#tabnav2 {
  position:relative; 
  }
#tabmenu2 {
  text-align:center; 
  position:relative; 
  height:3.5em; /*tabmenu cell to footer line*/
  font-family:Arial, Helvetica, sans-serif;
  font-size: 10px;
  }
.box2 {
  position:relative; 
  float:left; 
  top:30px;
  padding: 0px 0px 2px 0px;/*control position between 1st row and 2nd row  of tabs*/
  }

#tabmenu2 a, #tabmenu2 a:visited {
  position:relative; 
  text-decoration:none; 
  background-color:#000; 
  color:#fff; 
  display:block; 
  width:125px; /*corresponds with tabmenu a topright {*/
  height:48px; /*control individual subtab height */
  padding:5px;/* padding within a tab*/
  margin:0 1px;
  }
#tabmenu2 a .topleft, #tabmenu2 a .topright {
  position:absolute; 
  top:0; 
  width:0; 
  height:0; 
  overflow:hidden;
  border-top:10px solid #fff;
  }
#tabmenu2 a .topleft {
  left:0; 
  border-right:10px solid #000; 
  }
#tabmenu2 a .topright {
  left:125px; /*corresponds with tabmenu a {*/
  border-left:10px solid #000; 
  }
#tabmenu2 a:hover {
  background-color:#e80000; 
  }
#tabmenu2 a:hover .topleft {
  border-right:10px solid #e80000; 
  border-top:10px solid #fff;
  }
#tabmenu2 a:hover .topright {
  border-left:10px solid #e80000; 
  border-top:10px solid #fff;
  }

/*end- subtabmenu for basic workshop*/




/* Slider effect */

/* Slider effect*/

#slider {
  position:relative;
  margin:0; 
  padding:0; 
  width: 800px;
  height: 320px;
  overflow:hidden; 
  background:#000000;
  font-family:Georgia, "Times New Roman", Times, serif;
  }
#slider li {
  display:inline;
  list-style-type:none; 
  }
#slider li a {
  display:block;
  float:left;
  text-decoration:none; 
  margin-top:5px; 
  }
#slider li a img {
  opacity:0.7;
  margin:0.5em;
  border:0;
  float:left;
  }
#slider li a span {
  display:none; 
  }
#slider li a:hover {
  background:#000;
  }
#slider li a:hover img {
  opacity:1;
  }
#slider li a:hover span {
  width:320px; /*pic width*/
  color:#aaa;
  display:block; 
  cursor:pointer;
  float:left;
  }
#slider .h2 {
  margin:5px; 
  padding:0; 
  color:#ffffff; 
  font-size:20px; 
  border:0;
  }
#slider .h3 {
  margin:5px 5px; 
  padding:0; 
  font-size:14px; 
  color:#cccccc;
  }
.sliderwrap {
  background:transparent; 
  font-size:0.9em;
  font-family:Arial, Helvetica, sans-serif;
  }

/* Slider effect end */

#footer {
border-top : 3px solid #e80000;
font-size : 10px;
text-decoration : none;
font-weight : normal;
width : 800px;
clear : both;
color : #333;
padding-top : 10px;
margin : auto;
}

#col3 {
position : relative;
width : 300px;
float : right;
padding : 5px;
}

#col4 {
position : relative;
width : 340px;
float : left;
padding : 5px;
font-size: 11px;
}


#col5 {
position : relative;
width : 800px;
float:left;
padding : 5px;
font-size: 11px;
}

.status_open {
	color: #006600;
	font-weight: bold;
}
.status_close {
	color: #FF0000;
	font-weight: bold;
}

.status_staging {
	color: 	#808080;
	
}