/**
* RESET STYLES
**/	
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/**
* GENERIC TEXT FORMATING
**/	
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}	


/**
* GLOBAL STYLES
**/	

* {
	margin: 0;
  }

html, body { 
  background: #CCC7C3 url(../images/background.jpg) top center no-repeat;
  color: #333;
  margin: 0; 		
}

.wrapper {
  	background: none;
  	margin: 0 auto;
	width: 980px;
  }
.wrapper-inner {
  	background: transparent url(../images/background-inner.jpg) no-repeat;
	height: 790px;
  	margin: 0 auto;
	width: 980px;
  }  
h1 .sIFR-replaced {
	display: none;
}
h1 {
  color: #5E86A7;
  font: 30px/30px Arial, Helvetica, sans-serif;
	margin: 0 0 20px 0;
  }
h2 {
  color: #5E86A7;
  font: 20px Arial, Helvetica, sans-serif;
  font-weight: bold;
	margin: 0 0 20px 0;
  text-transform: uppercase;
  }
h3 {
  color: #333;
  font-size: 14px;
	line-height: 0px;
	margin: 0px 0px 7px 0px;
  }
h4 {
	color: #333;
  font-size: 13px;
  line-height: 0px;
	margin: 5px 0px 7px 5px;
  }
h6 {
  border-bottom: 1px solid #CCC;
  color: #333;
  font: 30px/30px bold;
	margin: 0 0 5px 0px;
}
a {
  color: #CA2222;
  text-decoration: none;
}

	

.pad {clear:both; padding:20px;}
.pad_sides {padding: 0 20px 20px;}
.pad_10{padding:10px;}
.pad_10_20 {padding:10px 20px;}
.pad p {padding:0px;}	
.space {margin-top: 5px;}
.clear {clear:both; margin: 10px 0;}
.error {background:#333; border: 1px solid #CA0000; color: #EEE; margin: 5px 0; padding: 5px 20px;}
.success {background: #999; border: 1px solid #CCC; color: #EEE; margin: 5px 0; padding: 5px 20px;}
	
/**
* TEMPLATE
**/		
#logo {
  	background: transparent url(../images/logo-inner.png) no-repeat;
  	float: left;
	height: 43px;
  	margin: 80px 0 0 20px;
	width: 123px;
}

/*
* Footer 
*/	
#footer {
	background: #4B4B4B;
	color: #a4a1a0;
	height: 80px;
  	float: left;
	font-size: 10px;
	margin: 0 0 50px 0;
	padding: 0;
	text-align: left;
  	width: 980px;
}
#footer-inner {
	color: #FFF;
	font-size: 10px;
	margin: -10px 0 0 150px;
	padding: 0;
	text-align: left;
  	width: 980px;
}
#footer-inner ul li a {
	color: #FFF;
	font-size: 1.2em;
}

#footer-menu {
	list-style: none;
	margin: 24px 0 0 0;
	padding: 0;
}
#footer-menu li {
	float: left;
  	font-weight: bold;
    margin: 0 0 0 15px;
  	text-transform: uppercase;
}
#footer-menu li a {
  	color: #a4a1a0;
}
#footer-menu li a:hover {
  	color: #000;
}
#footer p {
	float: left;
    font-size: 1.2em;
  	margin-left: 100px;
}
#footer-inner p {
	float: left;
    font-size: 1.2em;
  	margin-left: 30px;
}

/**
* NEWS
**/	
#news_top {
  background: url(../../images/news_top.jpg) top no-repeat;
  height: 63px;
  }
#news_middle {
  background: #647181 url(../../images/news_middle.jpg) repeat-y;
  color: #333;
  padding: 10px 40px 5px 80px;
  }
#news_bottom {
  background: url(../../images/news_bottom.jpg) bottom no-repeat;
  height: 100px;
  }

/*
* Side bar
*/	
#sidebar {
  	float: left;
  	margin: 30px 0 50px 100px;
}
/* Default Reset */
#sidebar ul, #sidebar ul * {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}
/* First Level */
#sidebar ul li {
    margin: 0;
    padding: 0;    
}
#sidebar ul a {
	color: #FFF;
	display: block;
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
}
#sidebar ul a:hover {
  	color: #7f1c01;
}
#sidebar ul a.current {
	color: #7f1c01;
	font-weight: bold;
}

/*
* Side bar - Inner
*/	
#sidebar-inner {
	background: #CA2222;
  	float: left;
  	margin: 15px 0 50px 0;
	padding: 15px;
	text-align: right;
	width: 145px;
}
/* Default Reset */
#sidebar-inner ul, #sidebar-inner ul * {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}
/* First Level */
#sidebar-inner ul a {
	color: #FFF;
	display: block;
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
}
#sidebar-inner ul a:hover {
  	color: #7f1c01;
}
#sidebar-inner ul a.current {
	color: #7f1c01;
	font-weight: bold;
}

	


/* Home */
#home-banner-back {
  float: left;
  overflow: hidden;
  height: 469px;
  width: 980px;
}
#home-content {
  background: #CA2222;
  float: left;
  width: 980px;
}
#home-logo {
	background: transparent url(../images/logo.png) no-repeat;
	height: 81px;
	margin: 0 0 30px 0;
	width: 238px;
}
#home-facebook {
  background: #ce370a url(../images/home-facebook.png) no-repeat;
  color: #FFF;
  float: right;
  height: 122px;
  margin: 75px 0 0 0;
  width: 368px;
}
#home-banner-content a {
  color: #000;
  font-weight: bold;
}

#home-news-box {
  background: transparent url(../images/home-news-box.png) no-repeat;
  float: left;
  width: 361px;
}
#home-news-box .left {
	float: left;
  width: 60px;
}
#home-news-box .right {
	float: left;
	width: 260px;
}
#home-news-box strong {
  color: #4c8bbe;
}
#home-news-box img {
  float: left;
  margin: 5px 5px 5px 0;
}
#home-news-box span {
  color: #666;
  font-size: 10px;
}
#home-links-box {
  color: #2f475c;
  float: left;
  margin: 20px 0 0 25px;
  width: 200px;
}
#home-links-box h2 {
  color: #FFF;
  margin-bottom: 15px;
}
#home-links-box ul {
  font-size: 11px;
  line-height: 200%;
  list-style: disc;
  margin-left: -15px;
}
.article-divider {
  background: transparent url(../images/article-divider.png) center center no-repeat;
  clear:both;
  height: 1px;
  padding: 10px 0;
}

/*
* About
*/

#about-background {
  float: right;
  height: 656px;
  margin: -31px 135px 0 0;
  padding: 0px 5px;
  width: 660px;
}
#about-header {
    background: #FFF url(../images/about-header.png) center center no-repeat;
  	float: left;
  	height: 162px;
  	margin: 0 0 0 0;
  	width: 655px;
}
#about-content {
    background: #FFF url(../images/about-content.png) center center no-repeat;
	color: #CA2222;
  	float: left;
  	height: 407px;
  	margin: 4px 0 0 0;
  	padding: 80px 0 0 0;
  	width: 655px;
}	
#about-content div {
	margin: 0 35px;
    width: 230px;
}


/*
* Design Gallery
*/

#design-background {
    background: #999;
  float: right;
  height: 656px;
  margin: -32px 143px 0 0;
  padding: 0 0 0 0;
  width: 658px;
}
#design-content {
	color: #b35b40;
  	float: left;
  	height: 410px;
  	margin: 210px 0 0 0;
  	padding: 40px;
  	width: 247px;
}
.design-block {
    background: #FFF;
    color: #999;
	display: block;
	float: left;
  	height: 137px;
  	margin: 2px 0 0 2px;
    padding: 25px 18px 0 18px;
	position: relative;
    text-align: center;
  	width: 126px;
}
.design-block div {
    background: #FFF;
	display: block;
	float: left;
  	height: 80px;
    margin: 0 0 10px 0;
    padding: 5px 5px;
	position: relative;
    text-align: center;
  	width: 120px;
}
.design-block img {
	display: inline;
} 
/*
* Contact
*/

#contact-background {
  float: right;
  height: 656px;
  margin: -33px 135px 0 0;
  padding: 0 5px;
  width: 660px;
}
#contact-header {
    background: #FFF url(../images/contact-header.png) center center no-repeat;
  	float: left;
  	height: 162px;
  	margin: 0;
  	width: 655px;
}
#contact-content {
    background: #FFF url(../images/contact-content.png) center top no-repeat;
	color: #CA2222;
  	float: left;
  	height: 387px;
  	margin: 4px 0 0 0;
  	padding: 100px 0 0 0;
  	width: 655px;
}
#contact-form {
	color: #b35b40;
  	float: left;
  	height: 410px;
  	margin: 20px 0 0 0;
  	padding: 35px 5px 35px 35px;
  	width: 277px;
}
#contact-form p {
	color: #777169;
}
#contact-form h1 {
	color: #CA2222;
	font-size: 16px;
	font-weight: bold;
	margin: -10px 0 -10px 0;
	text-transform: uppercase;
}
#contact-copy {
	color: #666;
  	float: left;
  	margin: -90px 0 0 0;
  	padding: 40px;
  	width: 247px;
}

#contact-content #facebook {
    background: #FFF url(../images/facebook.png) center top no-repeat;
	display: block;
    height: 94px;
    margin: 160px 0 0 -27px;
    width: 273px;
}
/* Membership */

#banner-membership {
  background: transparent url(../images/banner-membership.jpg) center no-repeat;
  height: 248px;
  float: left;
  width: 914px;
  }	
	
	
/* Resources */

#banner-resources {
  background: transparent url(../images/banner-resources.jpg) center no-repeat;
  height: 248px;
  float: left;
  width: 914px;
  }	
	
	
/* Contact */

#banner-contact {
  background: transparent url(../images/banner-contact.jpg) center no-repeat;
  height: 248px;
  float: left;
  width: 914px;
  }	
  
/* Default */
#default-background {
    float: right;
    height: 656px;
    margin: -30px 145px 0 0;
    padding: 0px 5px;
    width: 650px;
}
#default-header {
    background: #FFF url(../images/default-header.png);
  	float: left;
  	height: 87px;
    padding: 75px 0 0 82px;
  	width: 573px;
}
#default-header h2 {
    color: rgb(87,90,93);
    font-size: 28px;
    font-weight: normal;
}
#default-content {
    background: #FFF url(../images/default-lines.png) no-repeat;
	color: #CA2222;
  	float: left;
  	height: 435px;
  	margin: 4px 0 0 0;
  	padding: 50px 0 0 0;
  	width: 655px;
}	
#default-content div {
	margin: 0 30px;
}
#default-content p {
	font-size: 12px;    
}
	
	
	
/* PAGINATE */
.paginate {
  float: right;
}
.paginate a {
	border: 1px solid #999;
	color: #666;
	float: left;
  font: 10px/10px Arial, Helvetica, sans-serif;
  margin: 0 0 0 2px;
  padding: 4px 5px;
	text-decoration: none;
	text-transform: uppercase;
}

.paginate a:hover {
	background: #666;
  color: #FFF;
}


.paginate a.current {
	background: #666;
  color: #FFF;
}

.paginate a.inactive {
	border: 1px solid #CCC;
  color: #CCC;
}

.paginate a.inactive:hover {
	background: none;
	border: 1px solid #CCC;
  color: #CCC;
}