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