/*  
Theme Name: aacre_v1
Theme URI: http://www.aacre.org
Description: Custom Theme for AACRE
Version: 1.0
Author: Lori Lee (extended from Rodney Resella and My Nguyen)
Author URI: 
*/* {
	border: 0;
	margin: 0;
	padding: 0;
}

input, select, textarea {
	margin: 2px 10px;
}

input {
	padding: 1px 2px;
}

body {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px !important;
	font-size: 75%;
	background-color: #ccc;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

#accessibility {
	display: none;
}

#container {
	width: 779px;
	margin: 0 auto;
	background-color: #fff;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
}

#header {
	padding: 10px 0;/* added bottom and right */

}

#header h1 a {
	width: 764px;
	height: 50px;
	overflow: hidden;
	margin: 0;
	font-size: 180%;
	letter-spacing: 2px;
	display: block;
	padding: 0 0 0 15px;
}


#photoheader {
	height: 200px;
	background-color: #caae2d;
	color: #ffe;
	padding: 0 0 0 490px;
	background: #caae2d url(http://www.aacre.org/images/AACRE_img011.jpg) top left no-repeat;
	overflow: hidden;

}


body.inner #photoheader {
	display: none;
}

#photoheader h3 {
	padding-top: 1em;
	font-style: oblique;
	font-size: 110%;
}




#photoheader dl {
	margin-top: .5em;
	width: 220px;
}

#photoheader dl dt {
	font-size: 180%;
	letter-spacing: 1px;
	margin-bottom: -4px !important; 
	margin-bottom: 0;
	padding-bottom: 0;
	cursor: pointer;
}

#photoheader dl dd {
	width: 270px;
	font-size: 90%;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin-bottom: .5em;
}

#navdivider {
	padding-top: 1px;
	background-color: #ccc;
	background: #ccc url(http://www.aacre.org/images/borderpattern.png) repeat-x;
}












/* **************************************** */
/* NOTE CMS NAV CSS IS AT END
/* **************************************** */

#tabs {
	float: none;
	display: block;
	clear: both;
	height: 26px;
	width: 100%;
	background-color: #fff;
	line-height: normal;
	padding: 0;
	margin: 1px solid #000;
	padding-top: 10px; /* was previously 15px */
}

#tabs ul {
	margin-left: 519px;
	list-style-type: none;
}

#tabs li {
	float: left;
	background: url(http://www.aacre.org/images/tabright.png) no-repeat right top;
	margin-right: 5px;
}

#tabs a {
	display: block;
	background: url(http://www.aacre.org/images/tableft.png) no-repeat left top;
	padding: 5px 15px;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}

#joinActuator, #donateActuator {
	border-bottom: 1px solid #fff;
}

#tabs a.current, #joinActuator {
	border-bottom: 1px solid #2a602f;
}





.front #body {
	clear: left;
	padding: 0;
	background: url(http://www.aacre.org/images/bodybg_new.png); /* green right*/
}

body.inner #body {
	clear: left;
	padding: 0;
	background: url(http://www.aacre.org/images/bodybg_interior_new.png); /* yellow right */
}

.wide #body {
	clear: left;
	padding: 0;
	background: url(http://www.aacre.org/images/bodybgwide_new.png); /* solid green across*/
}

#main {
	padding: 35px 45px;
	background: url(http://www.aacre.org/images/frontsidebgimage.png) repeat-x top;
	float: left;
	width: 423px;
	color: #fff;
	overflow: hidden;
}

#main h2, #main h3, #main h4 {
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0px !important;   
	letter-spacing: -2px;
	clear: none;
}

#main h3, #main h4 {
	margin-top: 1em;
}

#main h2 { font-size: 180%; }
#main h3 { font-size: 150%; }
#main h4 { font-size: 120%; }

#main p {
	margin-top: 1em;
	color: #fff;
	font-size: 115%;
	line-height: 1.2em;
}

#main ul li p { font-size: 100%; }

#main a {
	color: #fff;
}

#main table { 
	margin-top: 20px; 
}


/* THIS IS FOR WIDE LAYOUT IN DIA */

#mainwide {
	padding: 35px 45px;
	background: url(http://www.aacre.org/images/frontsidebgimage.png) repeat-x top;
	float: left;
	width: 690px;
	color: #fff;
	overflow: hidden;
}

#mainwide h2, #main h3, #main h4 {
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0px !important;   
	letter-spacing: -2px;
	clear: none;
}

#mainwide h3, #main h4 {
	margin-top: 1em;
}

#mainwide h2 { font-size: 180%; }
#mainwide h3 { font-size: 150%; }
#mainwide h4 { font-size: 120%; }

#mainwide p {
	margin-top: 1em;
	color: #fff;
	font-size: 115%;
	line-height: 1.2em;
}

#mainwide ul li p { font-size: 100%; }

#mainwide a {
	color: #fff;
}

#mainwide table { 
	margin-top: 20px; 
}




/* END WIDE LAYOUT FOR DIA */


#main #innerheader {
	background-color: #2a602f;
	width: 467px;
	height: 150px;
	margin-bottom: 20px;
}

#innerheader #innerheaderphoto {
	height: 150px;
	width: 150px;
	float: left;
	background-color: #ccc;
}

#innerheader h3 {
	color: #faf7ea;
	margin-left: 170px;	
	width: 280px;
	padding-top: 50px;
	text-transform: none;
}

body.front #innerheader {
	display: none;
}


/* THIS IS THE RIGHT SIDEBAR FOR FRONT AND INNER PAGES */
#right {
	float: right;
	width: 260px;
}

#right #normal {
	clear: left;
	padding: 40px 0 20px 0;
	color: #fff;
	background: url(http://www.aacre.org/images/frontsidebgimage.png) repeat-x top left;
}

#right #normal h2 {
	text-transform: uppercase;
	color: #ffe;
	letter-spacing: 2px;
	margin-left: 20px;
	font-size: 150%;
	margin-bottom: 20px;
}

#right #normal h4 {
	color: #B2902F;
	margin-bottom: 10px;
	padding-top: 5px;
        padding-bottom: 10px;
	padding-left: 10px;
	font-size: 110%;
	text-transform: uppercase;
        position: relative;
        top: -5px;
        background: #ffffff;
}

#right #normal h3 {
	position: relative;
	color: #2a602f;
	display: block;
	padding: 5px 4px;
	text-align: center;
	top: 3px;
	font-size: 110%;
	height: 14px;
	width: 50px;
}


#right #normal p {
	margin: 15px 0;
	padding-left: 10px;
	line-height: 1.4em;
}

#right #normal a {
	font-weight: normal;
	color: #fff;
	font-style: oblique;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 10px;
	background: url(http://www.aacre.org/images/readmore.png) no-repeat right;
}

#right #normal .comment-reply-link  { text-decoration: underline;
            font-style: oblique;
            color: #ffffff;
            background: none;
            padding-top: 30px;
}

#right #normal .respond a {background: none;}
body.inner #right #normal ul {
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}



body.inner #right #normal ul li {
	margin-bottom: 5px;
background: url(http://www.aacre.org/images/menudots.gif) no-repeat 5px 3px;
padding-left: 20px;
}

body.inner #right #normal ul a {
	font-style: normal;
background: none;
display: block;
}

body.inner #right #normal ul a:hover {
	text-decoration: underline;
}



#footer {
	clear: both;
	background-color: #faf7ea;
	margin-top: 10px;
}

#footer div.def {
	float: left;
	padding: 0 40px 10px 0;
}

body.front #footer dl {
	display: none;
}

#footer dl {
	padding: 10px 20px;
}

#footer dt, #footer dt a {
	color: #caae2d;
	font-size: 140%;
}

#footer dd {
	text-transform: uppercase;
	font-size: 80%;
}

#footer ul {
	clear: both;
	border-top: 1px solid #ccc;
	list-style-type: none;
	padding: 8px 5px;
	font-size: 90%;
}

#footer ul li {
	display: inline;
	padding: 0 17px;
	text-transform: uppercase;
	font-variant: small-caps;
}

#footer ul li.separator {
	border-left: 1px solid #ccc;
	padding: 0;
}

#footer a {
	color: #000;
	text-decoration: none;
}

.clear {
	clear: both;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


#main ul, ol {
margin: 5px 0 5px 20px;
font-size: 115%;
line-height: 1.2em;
}

#main ul li, #main ol li {
margin: .5em 0;
}


/* FOR FORMATTING COMMENTS */
ul.commentlist {
	margin: 0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:10px;
	}
	

.commentlist a:link, .commentlist a:visited {
	color:#596e3b;
	}

.commentlist a:hover, .commentlist a:active {
	color:#8ec343;
	}

.commentlist cite  {
	display:none;
	}

.commentlist author {
	display:none;
	}

.commentlist time {
	display:none;
	}

.commentlist h3 {
        margin:0;
        padding: 0;
	}

div.comment-meta {display:none;} /* remove time */
.says {display:none;} /* don't show says */
.cite {display:none;}  /* don't show author */

/ ********************** */
/* CMS NAV CONFIGURATION */
/* ********************* */

#menu-wrap {width:100%; height:30px; position:relative; z-index:100;background-color: #ffffff; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
/* hack to correct IE5.5 faulty box model */
* html #menu-wrap {width:100%; w\idth:100%}
/* remove all the bullets, borders and padding from the default list styling */
#menu-wrap ul {padding:0;margin:0;list-style-type:none;background-color: #2a602f;}
/* change background-color from caae2d to 2a602f */
#menu-wrap li, #menu-wrap a, #menu-wrap div {padding:0;margin:0;}
#menu-wrap ul ul {}
/* float the list to make it horizontal and a relative position so that you can control the dropdown menu positon */
#menu-wrap ul li {float:left;position:relative;}
#menu-wrap ul ul li {width:100%;}

/* style the links for the top level */
#menu-wrap ul a {
    display:block;
    text-decoration:none; 
    color:#000000; 
    line-height:30px;
    padding-left:10px; 
    padding-right: 10px;
    border-right:1px solid #fffff; 
}
/* note removed the a: visited component */

#menu-wrap ul li:hover a, #menu-wrap ul li:visited a,#menu-wrap ul a:focus, #menu-wrap ul a:active {    
    background-color: #2A602F; color: #ffffff;    
/* changed background from CAAE2D to 2A602F added ul li:visited a*/      
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu-wrap a, * html #menu-wrap a:visited {width:10px; w\idth:10px;padding-right:10px;white-space:nowrap;}

/* style the second level background */
#menu-wrap ul ul a, #menu-wrap ul ul a:visited {
    border: 0px;
}

#menu-wrap a.trigger, #menu-wrap a.trigger:visited {
    /* background-image: url(../img/cms-nav-dark-s.gif); */
    background-repeat: no-repeat;
    background-position: right center;
}


#menu-wrap a.trigger:hover  {
    /* background-image: url(../img/cms-nav-dark-s.gif); */
    background-repeat: no-repeat;
    background-position: right center;
    color: #ffffff;
}





/* hide the sub levels and give them a position absolute so that they take up no room */
#menu-wrap ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:100px;}
/* original width 149px changed to 100px*/
/* another hack for IE5.5 */
* html #menu-wrap ul ul {top:30px;t\op:30px;}

/* style the table so that it takes no part in the layout - required for IE to work */
#menu-wrap table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#menu-wrap ul ul a, #menu-wrap ul ul a:visited {
    color:#ffffff; height:auto; line-height:15px; padding:5px 10px; width:100px;
}
/* original width 150px changed to 100px */
/* yet another hack for IE5.5 */
* html #menu-wrap ul ul a, * html #menu-wrap ul ul a:visited {width:75px;w\idth:50px;}
/* original width 150px and 128px, changed to 75px and 50px*/

/* style the top level hover */
#menu-wrap a:hover, #menu-wrap ul ul a:hover {color:#FFFFFF; background:#2A602F;}
/* change background from CAAE2D to 2A602F added visited*/
#menu-wrap :hover > a, #menu-wrap ul ul :hover > a {color:#FFFFFF;  background:#2a602f;border-right: 1px solid #2a602f; border-bottom: 1px solid #2a602f;}
/* changed background from #caae2d to #2a602f and added borders*/
          
/* style the second level hover */
#menu-wrap ul ul a:hover {background:#caae2d;}

#menu-wrap ul ul :hover > a {background:#caae2d;}

                                  
/* make the second level visible when hover on first level list OR link */
#menu-wrap ul li:hover ul,
#menu-wrap ul a:hover ul {visibility:visible; }


#menu-wrap li div.selected {    
    color: #ffffff;
    background-color: #CAAE2D;
    border-right:1px solid #2A602F;
    border-bottom:1px solid #2A602F;
/* changed border right from CAAE2D to 2A602F */
    padding:5px 10px;
    width: 100%; 
    line-height:20px;
}
#menu-wrap ul ul li a.selected, #menu-wrap li ul li.current-cat a {    
    background: #2a602f;
/* changed background from CAAE2D to 2a602f */
    color: #ffffff;
}

.cms-nav-clearit {
    clear: both;
    height: 0;
    line-height: 0.0;
    font-size: 0;
}
.cms-nav-sub-section {    
    font-weight:bold;
    font-size: 100%;
/* changed font-size from 110% to 100% */
    list-style-type: none;
}
ul li.cms-nav-sub-section:before {
    content: '' !important;
}

.cms-nav-left-menu ul, .cms-nav-left-menu li, .cms-nav-left-menu a {
    padding:0;
    margin:0;    
}
.cms-nav-left-menu {
    list-style: none;
    padding:0;
    margin:0;
}
.cms-nav-left-menu li {
    position: relative;
    margin:4px 8px 2px 8px;
}

/* ********************** */
/* SITE MAP GENERATOR CSS */
/* ********************** */

.ddsg-wrapper ul {
	margin-top: 1em;
	color: #fff;
	font-size: 100%;
	line-height: 1.2em;
}
.ddsg-wrapper ul ul li{
	margin-top: 1em;
	color: #fff;
	font-size: 90%;
	line-height: 1.2em;
}