html {

padding:0; /*remove padding */

margin:0; /* remove margins */

border:0; /* remove borders */

background:#8b8f92; /*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 */


}


#feed-content{
   display: none;
}

.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 {


padding:0; /*remove padding */

margin:0; /* remove margins */

border:0; /* remove borders */

background-color: #8b8f92;


}




/*<group=Header and Footer>*/

#company-header {
 background: url("/design/claudia_01.jpg") repeat-x #85898c;
 padding:0px;
 height: 129px;
 vertical-align: middle;
 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{
display: none;
border: 1px red solid;
}


#company-footer {
  background: url("/design/claudia_03.jpg") repeat-x #85898c;
  text-align: center;
  width: 100%;
  padding:0px;
  height:96px;; 
  position: absolute;
}


.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;
        width: 100%;

        top: 98px;;
        border: 0px solid red;
        border-top: 0px dotted #fff;
        text-align: center;

}

#company-top-navigation ul {

	margin-left: auto;
	margin-right: auto;
        margin-bottom: 0px;
        margin-top: 0px;
	border:0px solid red;
	list-style-type: none;
	text-align: center;
        margin-right: 35px;
        min-width: 750px;

}

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

}

#company-top-navigation li a {
        margin: 0px;
        padding-right: 8px;
        padding-left: 8px;
        padding-bottom: 5px;
        padding-top: 5px;
        font-family: Lucida Grande, Trebuchet MS, Sans-Serif;
        list-style: none;
	border-bottom:0px dotted #cccccc;
	text-decoration: none;
	color:#fff;
	font-size:13px;
	font-weight:normal;
	text-transform: none;

}

#company-top-navigation li a:hover {
        background-color:#ccc;
        border: 0px dotted #ccc;
        color:#fff;

}

#company-top-navigation li a.active{
        color: #333;
        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 {

padding-top: 7px;
text-align: center;
}


.page-menu-heading{
 float: left;
 font-family: Georgia;
 border-bottom: 0px dotted #f9cd48;
 font-size:17px;
 text-transform: none;
 font-style: italic;
 color: #2a7ab7;
 padding-right: 15px;
 padding-top: 0px;
 font-weight:normal;
 margin-bottom: 5px;
 letter-spacing: 1px;
 display: none;
}

.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 {

 display: inline;
 margin-left:0px;
 padding-left:0px;
 margin-top:10px;


}

#page-menu ul li{
  font-family:Lucida Grande, Sans-Serif; padding-right:0px;
display: inline;
 border:0px solid blue;
 padding:0px;
 color: #2a7ab7;
 margin-left:0px;
 padding-left:0px;
 white-space: nowrap

 line-height: 25px;
}


#page-menu li{
 margin-right: 13px;


}


#page-menu ul li a:before {
	content: "\00BB \0020";
        color: #2a7ab7;
        font-size:12px;
}

#page-menu ul li a:hover:before {
	content: "\00BB \0020";
        color: #fff;
        font-size:12px;
}

#page-menu li a{
  white-space: nowrap;
  font-family:Lucida Grande, Sans-Serif; padding-right:0px;
  border:0px solid #999;
  font-size:11px;
  font-weight:normal;
 text-decoration:none;
 padding: 1px;
 color:#333;
 border:0px solid #999;
 line-height: 23px;

}

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

#page-menu li a.active{
 text-decoration:none;
 color:#2a7ab7;
}



#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 */

max-height:100%;

min-height: 300px;

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

width: 100%;

background: url("/design/claudia_02.jpg") repeat-x #757e85;

text-align: left;

margin: 0 auto;

border-top: 1px solid #fff;

border-bottom: 1px solid #eee;

}


#content {

width:720px;
text-align: left;
margin: 0 auto;
color:#000;
}

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






#page-content {
clear: both;

}


.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:underline;
 border-bottom:0px dotted #335288;
}

#page-content a img{
 border:2px solid #000;

}

#page-content a:hover img{
 border:2px solid #fff;

}


#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:#ccc;
 text-decoration:none;
 border-bottom:0px dotted #999;
}


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


.next img{
 text-decoration:none;
 border: 1px solid #fff;

}

.next img:hover{
 text-decoration:none;
 border: 1px solid #000;
}




.previous a{
 padding-top: 10px;
 color:#ccc;
 text-decoration:none;
 border-bottom:0px dotted #999;
}


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


.previous img{
 text-decoration:none;
 border: 1px solid #fff;
}

.previous img:hover{
 text-decoration:none;
 border: 1px solid #000;
}


/*</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;
   margin-left: 50px;

}


#gallery {

   margin-left: 50px;


}


	dl { 
		padding:0;
		}

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

	dl dd.thumbnail { 
		float:left;
                border: 0px solid blue;
		margin:15px 0px 40px -200px;
                width: 200px;
                height: 70px;
                text-align: center;
		}
	dl dd.description { 
		float:left;
                border: 0px solid blue;
		margin:130px 0px 0px -200px;
                width: 200px;
                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:1px solid #fff;	
		}
	dl dd a:hover img {
		background-color:#fff;	
		border:1px solid #000;
		}