html {

height:100%; /* fix height to 100% for IE */

max-height:100%; /* fix height for other browsers */

padding:0; /*remove padding */

margin:0; /* remove margins */

border:0; /* remove borders */

background:#ffebb1; /*color background - only works in IE */

font-size:13px; /*set default font size */

font-family:"lucida grande", tahoma, verdana, arial, sans-serif; /* set default font */


/* hide overflow:hidden from IE5/Mac */
 
/* \*/

overflow:hidden; /*get rid of scroll bars in IE */

/* */
 
}

.feed-heading {
width:500px;
 font-family: Lucida Grande, Trebuchet MS, Sans-Serif;
 border-bottom: 0px dotted #f9cd48;
 font-size:19px;
 text-transform: uppercase;
 color: #fff;
 padding: 5px;
 margin-top: 5px;
 background-color: #335288;
 font-weight:normal;
 margin-bottom: 10px;
 letter-spacing: 2.5px;
}


h2{

width:500px;
 font-family: Lucida Grande, Trebuchet MS, Sans-Serif;
 border-bottom: 0px dotted #f9cd48;
 font-size:19px;
 text-transform: uppercase;
 color: #fff;
 padding: 5px;

 background-color: #335288;
 font-weight:normal;
 margin-bottom: 10px;
 letter-spacing: 2.5px;
}

.time {
 font-size: 60%;
}


h3{
 font-family: Lucida Grande, Trebuchet MS, Sans-Serif;
 font-size:18px;
 text-transform: none;
 color: #335288;
 font-weight:normal;
 margin-bottom: 10px;
}


body {

height:100%; /* fix height to 100% for IE */

max-height:100%; /* fix height for other browsers */

overflow:hidden; /*get rid of scroll bars in IE */

padding:0; /*remove padding */

margin:0; /* remove margins */

border:0; /* remove borders */

background-color: #ffebb1;

background: url("http://www.jasonmartin.net/elements/kb_header.jpg") no-repeat;

}




/*<group=Header and Footer>*/

#company-header {
 padding:0px;
 margin-top:0px;
 height:40px;
 vertical-align: middle;
 position: absolute;
 z-index: 5;
 width: 100%;

}


#company-header h1 {
        display: none;
}


#company-header h2 {

}

.header-details{
        vertical-align: middle;
	margin:0px;
	padding:0px;
	border:0px solid red;
}


#header-bottom{
position: absolute;
display: none;
height:300px; /* height to miss header and footer */
width:300px; /* height to miss header and footer */
border: 1px red solid;
}


#company-footer {
  display:none;
  color: #fff;
  background-color: #330099;
  text-align: center;
  width: 100%;
  border-top:1px dotted #fff;
  padding:0px;
  height:30px;; 
  position: absolute;
  z-index: 6;
  bottom: 0px;
}


.footer-details{
   font-size: 13px;
   border:0px solid white;
   margin-left: 0px;
   padding-top: 5px;
   vertical-align: middle;
   text-align: center;
   font-family: Futura, Trebuchet MS, Lucida Grande, Sans-Serif;
}

.footer-details a {
color: #ffef91;
text-decoration: none;
border-bottom:0px dotted #666;
}

.footer-details a:hover {
color: #ffef91;
text-decoration: none;
border-bottom:1px dotted #999;
/*background-color: #333;*/
}




/*</group>*/



/*<group=NAVIGATION>*/


#company-top-navigation {

        position:absolute;
        z-index: 5;
	margin: 0;
        width: 710px;
        height: 84px;
        padding-top: 12px;
        padding-left: 72px;
        padding-right: 75px;
        left: 0px;
        border: 0px solid red;
        border-top: 0px dotted #fff;
        background: url("http://www.jasonmartin.net/elements/kb_header.jpg") no-repeat;  

}

#company-top-navigation ul {

	margin: 0px;
	padding-right: 30px;
	border:0px solid red;
	list-style-type: none;
	text-align: center;

}

#company-top-navigation ul li {
	display: inline;
}

#company-top-navigation li a {
        padding-right: 35px;
        padding-left: 35px;
        font-family: Lucida Grande, Trebuchet MS, Sans-Serif;
        list-style: none;
	border-bottom:0px dotted #cccccc;
	text-decoration: none;
        letter-spacing: .4px;
        line-height: 21px;
	color:#335288;
	font-size:13px;
	font-weight:normal;
	text-transform: none;

}

#company-top-navigation li a:hover {
        background-color:#335288;
        color:#fff;

}

#company-top-navigation li a.active{
        border-bottom: 0px dotted #fff;
        border-top: 0px dotted #fff;
}


#company-top-navigation-extra {
 border:1px solid red;
 clear: left;
}

#company-top-navigation li.last {
}

#bottom-navigation {
  position: absolute;
  z-index: 5;
  background-color:#fff;
  text-align: center;
}

#bottom-navigation ul {
  display: inline;
}

#bottom-navigation li {
  padding-left: 0px;
}

#bottom-navigation-extra {
	
}


#company-bottom-navigation{display:none;}




#page-menu {


margin-top:35px;
width: 550px;


}


.page-menu-heading{
width:500px;
 font-family: Lucida Grande, Trebuchet MS, Sans-Serif;
 border-bottom: 0px dotted #f9cd48;
 font-size:19px;
 text-transform: uppercase;
 color: #fff;
 padding: 5px;
 background-color: #335288;
 font-weight:normal;
 margin-bottom: 10px;
 letter-spacing: 2.5px;
}

.page-menu-heading a{
 color: #fff;
 text-decoration:none;
}

.page-menu-heading a:hover{
 color: #fff;
 text-decoration:none;
 border-bottom: 0px dotted #f9cd48;
}



#page-menu h2{
 border: 0px solid red;
 font-size:17px;
 text-transform: uppercase;
 color: #333333;
 padding:0px;
 vertical-align:top;
}

#page-menu h2 a{
 border: 0px solid red;
 font-size:17px;
 text-transform: uppercase;
 color: #333333;
}

#main-title-heading{
 font-size:17px;
 text-transform: uppercase;
 color: #333333;
}

#page-menu ul {

 margin-left:0px;
 padding-left:17px;

}

#page-menu ul li{

 border:0px solid blue;
 padding:0px;
 list-style: disc;
 color: #7e9ccf;
 margin-left:0px;
 padding-left:0px;
}


#page-menu li{

  font-family:Lucida Grande, Sans-Serif; padding-right:0px;
  border:0px solid #999;
  font-size:14px;
  font-weight:normal;
}

/*
#page-menu ul li:before {
	content: "\00BB \0020";
}
*/

#page-menu li a{
 text-decoration:none;
 color:#335288;
 border:0px solid #999;
}

#page-menu li a:hover{
 text-decoration:none;
 color:#fff;
 background-color:#335288;
 border-bottom:0px dotted #999;
}



#page-menu h3{

 color: #6ca0c2;
font-size:12px;
 border-bottom: 1px dashed #CCC;
}




/*</group>*/

/*<group=CONTENT>*/



#home-content {
 border-top:0px dashed white;
 border-bottom:0px dashed white; 
 margin-bottom: 0px;
 padding-top:0px;
}


#page {

display:block; /* set up as a block */

height:100%; /* set height to full page */

max-height:100%;

overflow:auto; /* add scroll bars as required */

position:relative; /* set up relative positioning so that z-index will work */

z-index:3; /* allocate a suitable z-index */

text-align: left;

margin: 0 auto;


}


#content {
width:500px;
padding-top: 100px;
padding-bottom: 10px;
text-align: left;
margin-left: 320px;
color:#000;
}

#content img{
 max-width: 500px;
 width:expression(this.width > 500 ? 500:true);
}






#page-content {


}


.page-content-wrapper{

margin-bottom:20px;
}


#news {

margin-top: 40px;
margin-bottom:20px;

}

#events {

margin-top: 40px;
margin-bottom:20px;

}


#gallery {

margin-top: 40px;
margin-bottom:20px;

}




#page-content a{
 color:#335288;
 text-decoration:none;
 border-bottom:0px dotted #999;
}


#page-content a:hover{
 color:#335288;
 text-decoration:none;
 border-bottom:1px dotted #335288;
}


#gallery a{
 color:#335288;
 text-decoration:none;
 border-bottom:0px dotted #999;
}


#gallery a:hover{
 color:#335288;
 text-decoration:none;
 border-bottom:1px dotted #335288;
}



#feed-content a{
 color:#335288;
 text-decoration:none;
 border-bottom:0px dotted #999;
}


#feed-content a:hover{
 color:#335288;
 text-decoration:none;
 border-bottom:1px dotted #335288;
}


#news a{
 color:#335288;
 text-decoration:none;
 border-bottom:0px dotted #999;
}


#news a:hover{
 color:#335288;
 text-decoration:none;
 border-bottom:1px dotted #335288;
}


#events a{
 color:#335288;
 text-decoration:none;
 border-bottom:0px dotted #999;
}


#events a:hover{
 color:#335288;
 text-decoration:none;
 border-bottom:1px dotted #335288;
}




.next a{
 color:#335288;
 text-decoration:none;
 border-bottom:0px dotted #999;
}


.next a:hover{
 color:#335288;
 text-decoration:none;
 border-bottom:1px dotted #335288;
}




.previous a{
 color:#335288;
 text-decoration:none;
 border-bottom:0px dotted #999;
}


.previous a:hover{
 color:#335288;
 text-decoration:none;
 border-bottom:1px dotted #335288;
}


/*</group>*/


.translations {

	margin-top: 0px;
	padding: 0;
}

.translations ul {
	margin: 0px;
	padding: 12px;
	border:0px solid red;
	list-style-type: none;
	text-align: center;
}

.translations ul li {
	display: inline;
}

.translations li a.active{
  	color:#333;
}

.translations li a {
	list-style: none;
	margin: 10px;
	padding: 0px;
	border-bottom:1px dotted #999999;
	text-align: center;
	text-decoration: none;
	color:#666666;
	font-size:10px;
	font-weight:bold;
	text-transform: uppercase;
}

.translations li a:hover {
	border-bottom:1px dotted #ffffff;
	color:#000;
}


.previous {
 
   position: relative;
   text-align: left;
   vertical-align: middle;
   float: left;
   padding-left: 25%;

}

.next {

   position: relative;
   text-align: right;
   vertical-align: bottom;
   float: right;
   padding-right: 25%;
}

.previous img{
min-height: 90px;
max-height: 90px;
}

.next img{
min-height: 90px;
max-height: 90px;
}

.gallery {


   display: none;
   float: left;

}


	dl { 
		padding:0;
		}

	dl dt {
		float:left;
                border: 0px solid red;
                width: 180px;
                height: 15px;
                text-align: center;
		}

	dl dd.thumbnail { 
		float:left;
                border: 0px solid blue;
		margin:15px 0 70px -180px;
                width: 180px;
                height: 70px;
                text-align: center;
		}
	dl dd.description { 
		float:left;
                border: 0px solid blue;
		margin:130px 0 0px -180px;
                width: 180px;
                height: 20px;
                text-align: center;
		}

	a:hover {
		text-decoration: none; /* I usually have this declaration for in my stylesheets, but the image hover wont work with out in IE for some reason */
		}
	dl dd img {
		background-color:#fff;	
		padding:4px;
                margin-top: 5px;
		border:0px solid #999;	
		}
	dl dd a:hover img {
		background-color:#f5dbc0;	
		border:1px solid #d78e7d;
		}