/*
* Make apeel editor play nice
*/
#pageBody .apeel_editor a img{
  border:0px;
  padding:0px;
  margin:0px;
  background:white;
}

body{
  background:#666 url(../images/background_fade.jpg) 0 0 no-repeat;
  text-align:center;
  font-family:sans-serif;
  line-height:1.5em;
}




#pageWrap{
  
  width:824px;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  text-align:left;
}

/***********************

Styles for the top logo bar

************************/

#topBar{
  height:174px;
  position:relative;
}

#logoLink{
  position:absolute;
  top:0px;
  left:267px;
  width:276px;
  height:174px;
  display:block;
}




/***********************

Styles for the top menu

************************/

#topLeftMenu{ 
  position:absolute;
  left:20px;
  top:130px;
  width:276px;
}


#topRightMenu{ 
  position:absolute;
  left:550px;
  top:130px;
  width:276px;
}

.menu ul{
  list-style:none;
  margin:0px;
  padding:0px;
  margin-left:10px;
}

.menu ul li{
  float:left;
  padding:0px;
  margin:0px;
}


.menu li a{
  text-decoration:none;
  display:block;
  margin:2px 15px;
  height:16px;
}

.menu li a span{
  display:none;
  color:#eee;
}

.menu li a:hover span{
  color:#333;
  background:#eee;
}

.menu #about_us a{
  width:74px;
  background:transparent url(../images/about.gif) 0 -16px no-repeat;
}

.menu #about_us a:hover{
  background:transparent url(../images/about.gif) 0 0 no-repeat;
}

.menu #contact_us a{
  width:85px;
  background:transparent url(../images/contact.gif) 0 -16px no-repeat;
}

.menu #contact_us a:hover{
  background:transparent url(../images/contact.gif) 0 0 no-repeat;
}

.menu #in_the_news a{
  width:91px;
  background:transparent url(../images/news.gif) 0 -16px no-repeat;
}

.menu #in_the_news a:hover{
  background:transparent url(../images/news.gif) 0 0 no-repeat;
}

.menu #newsletter a{
  width:78px;
  background:transparent url(../images/newsletter.gif) 0 -16px no-repeat;
}

.menu #newsletter a:hover{
  background:transparent url(../images/newsletter.gif) 0 0 no-repeat;
}


/***********************

Styles for the main 
content area

************************/
#bodyWrap1{        
  background:transparent url(../images/texture_tile.png) 0 0 repeat-y;
}

#bodyWrap2{        
  background:transparent url(../images/texture_top.png) 0 0 no-repeat;
}


#bodyWrap3{        
  background:transparent url(../images/texture_bottom.png) 0 100% no-repeat;
  padding:20px;
  padding-bottom:20px;
}


/****************
* Side Menu
*****************/

#sideColumn{
  width:196px;
  float:left;
  margin-left:-8px;
  font-size:0.85em;
  line-height:1em;
}

#leftMenuWrap{
  background:transparent url(../images/left_menu_tile.png) 0 0 repeat-y;
}

#leftMenu ul{
  background:transparent url(../images/left_menu_bottom.png) 0 100% no-repeat;
  list-style:none;
  padding-right:15px;
}

#leftMenu ul li{
  padding:12px 0px;
  line-height:1.2em;
}

#leftMenu a{
  color:#ccc;
}


#leftMenu a:hover{
  color:#fff;
}


#joinForm{
  margin:10px;
}

#joinForm h4{
  margin-bottom:10px;
}

#video,#sbaLink{
  margin-left:10px;
}


/*********************
*
*Content Wrap
*
**********************/

#contentWrap{
  width:580px;
  float:left;
  margin-left:10px;
}


/*********************

Image feed styles

**********************/

ul.feed_image_list{
  list-style:none;
}

ul.feed_image_list li{
  float:left;
  margin:0px;
  padding:0px;
}



/*********************

Tag cloud styles

**********************/

#tags_div{ 
  margin:10px;
}

#tags_div a{ 
  margin:5px;
  padding:5px;
}

#tags_div a:hover{
  background:#eee;
} 



/*********************

Styles for the footer

********************/


#footer{
  background:#eee;
  border:1px solid #ccc;
  padding:10px;
}

#footer .calendar{
  width:469px;
  float:left;
  margin:10px;
}


/*********************

Styles for the copyright area

********************/
.siteInfo{
  width:780px;
  margin-left:auto;
  margin-right:auto;
  text-align:right;
  font-size:0.8em;
  margin-bottom:30px;
}

.siteInfo a{
  color:#ddd;
  margin:0px 15px;
}

.siteInfo a{
  color:#fff;
}









/*#pageBody img{
margin:10px;
padding3px;
background:white;
border:3px double black;
}*/




ul.gallery{ 
  margin:0px;
  padding:0px;
  list-style:none;
}

ul.gallery li{ 
  float:left;
  background:#eee;
  padding:0px;
  border:1px solid #ccc;
  margin:5px;
}




/***********************
Styles for the home page rotator
***********************/

#pageBody #rotator img{
  margin:0px;
  border:0px;
}

#rotator{
  width:574px;
  height:438px;
  position:relative;
  background:transparent;
}

#rotator .back{
  position:absolute;
  left:0px;
  top:0px;
  background:transparent;
}

#rotator ul{
  list-style:none;
  margin:0px;
  padding:0px;
}

#rotator ul li{
  margin:0px;
  padding:0px;
}

#rotator .rotator_small{
  padding-top:10px;
  padding-bottom:15px;
}

#rotator .rotator_small li{
  float:left;
  margin-right:15px;
  padding:1px;
}



#slideShow{
  position:relative;
  height:335px;
  width:500px;
  border:1px solid white;
  overflow:hidden;
  top:17px;
  left:35px;
}

#barHolder{
  position:relative;
  top:31px;
  left:35px;
}

#controlBar a span{
  display:block;
}

#controlBar a{
  display:block;
  padding:1px;
  float:left;
  margin-right:15px;
}

#controlBar a:hover{
  background:#aaa;
}

#controlBar a.curSb{
  background:white;
}


.slide{
  display:none;
  position:absolute;
  top:0px;
  text-align:center;
  
}

.curSlide{
  display:block;
}

/***************
Featured projects area
****************/

#projects{
  border:0px solid red;
  height:230px;
  clear:left;
}

#proj1,#proj2{
  float:left;
  width:376px;
  position:relative;
  margin-left:10px;
}


#projects .back{
  background:transparent;
  border:0px;
  padding:0px;
  position:absolute;
  top:0px;
  left:0px;
  margin:0px;
}

.proj .body{
  border:0px solid white;
  height:120px;
  margin:20px;
  margin-top:60px;
  position:relative;
  overflow:auto;
}

.proj .body p{
  margin:0px;
  padding:0px;
}


#projects .proj .body ul.gallery{
  margin:0px;
  padding:0px;
  
}

#projects .proj .body ul.gallery li{
  padding:0px;
  margin:5px 13px;
}

#projects .proj .body ul.gallery li a{
  padding:0;
  display:block;
}

#pageBody #projects a img{
  margin:0px;
}

.pagination{
  background:#eee;
  padding:10px;
  border:1px solid #ccc;
  border-left:0px;
  border-right:0px;
  text-align:center;
  margin:10px 0px;
}

.pagination a{
  border:1px solid #ccc;
  padding:3px 8px;
  margin:3px;
}

.pagination a:hover{
  background:#ccc;
  color:black !important;
}

.tag1 {font-size: 1.0em;}
.tag2 {font-size: 1.2em;}
.tag3 {font-size: 1.4em;}
.tag4 {font-size: 1.6em;}
.tag5 {font-size: 1.8em;}
.tag6 {font-size: 2.0em;}


.clearfix, .clearfixLeft, .clearfixRight {
  display: inline-block;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
/* End hide from IE-mac */
.clearfixRight:after {
  content: ".";
  display: block;
  height: 0;
  clear: right;
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfixRight {
  height: 1%;
}
/* End hide from IE-mac */


/*Small rule to hide robot decoy elements*/
.decoyEmail{display:none;}