/***************************
**  Reset by Erik Meyer  ***
***************************/
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, sub, sup, tt, var,
dl, dt, dd, 
fieldset, form, label, legend, caption{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

em
{
	font-style:italic;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a img{
    border:none;
}



/* 
================================
Skin styles
================================
*/   

body{
	background:#3a3127;
	margin:0;
	padding:0;
	text-align:left;
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #3a3026;
}

a, a:visited{

}

h1

h1{ font-size: 2.1667em;} /* 12x2.1667 = 26px */
h2{ font-size: 1.58333334em; font-weight:normal;}      /* 12x1.583334 = 24px*/
h3{ font-size: 1.3334em;}  /* 12x1.3334 = 16px */
h4{ font-size: 1.16667em;} /* 12x1.1667 = 14px */

h1, h1 a, h1 a:visited,
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited{
    color:  #89745D;
}



p{
    margin-bottom: 1.3em;
    line-height: 1.3em;
    font-size: 1.083333em;
}

.blog_body{
	font-family: Trebuchet MS;
}
/*
===============================
Helper classes
===============================
*/
.right{
	float:right;
}
.left{
	float:left;
}
.italics{
	font-style:italic;
}

/* Default helpers override */
.SubHead{
    font-size: 1em;
    font-family: arial;
    color:#6C5B47;
}

.bullet-divide{
	margin-bottom: 0.7em;
	height:5px;
	background: url(img/content_bullets.gif) repeat-x left bottom;
}


/*****************************
*	Page Structure ***********
******************************/
.content-width{
	margin:0px auto;
	width: 891px;
}
.content-padding{
	padding: 0px 17px;
}

/*****************************
*	Header Style  *************
******************************/
#header-wrapper{
	padding: 0px 6px;
	background: #fff url(img/grass_tile.png) repeat-x bottom center;
}

#header-wrapper .content-width{
	background: url(img/header_nav_bg.png) no-repeat bottom center;
	height:190px;
}

#header-wrapper a{
	color:#000;
}

#dnn_dnnLOGO_imgLogo{
    float:left;
    left:30px;
    position:relative;
    top:140px;
}

#header-right{
	float:right;
	font: bold 10px verdana;
	text-align:right;
}

#UserControls a{
	font-weight: normal;
}

#header-menu li{
	list-style:none;
    padding: 2px 0;	
}


/************************************
*	Content Style        *************
************************ ******** ****/
#content-wrapper{
	background: #3a3127 url(img/content_bg.png) repeat-x top;	
}

#content-wrapper .mid_bg_no_repeat{
	background: url(img/large_mid_bg.jpg) no-repeat transparent;

}
#content-wrapper .mid_bg_repeat{
	background: url(img/mid_repeat_bg.jpg) repeat-y transparent;
}

.twoCol #content-wrapper #main-bg-wrapper{
	background: url(img/below_nav_mid_repeat.jpg) repeat-y transparent;
}

#final-content{
    padding-top:50px;
}

#main-right{
	display:none;
}

#main-content {
	float:left;
	width: 830px;	
	min-height:500px;
	padding: 5px 12px;
}
.twoCol #main-content {
	float:left;
	width: 500px;
	min-height:500px;
	padding: 20px 20px 5px 20px;
}

.twoCol #main-right {
	float:right;
	width:283px;
	display:block;
}

#main-content h1.pageTitle{
	font-size: 2em;	/* 24/12 = 2em*/
	color:  #847556;	
	margin-bottom: 0.7em;
	padding-bottom:5px;
	background: url(img/content_bullets.gif) repeat-x left bottom;
}

.green,
#main-content h1.pageTitle span.Green{
	color: #949C50;
}
/************************************
*	Primary Nav Style   *************
************************ ******** ****/
#main-nav{
    
}
.primary-nav{
}
/*border-bottom: 19px solid #B5CA55;*/
ul.Level0{
    list-style-type: none;
	margin: 0;
	padding: 0px 0 0 0;
	float:right;
	position:relative;
}
.Level0 li{
    float:left;
	margin: 0px;
	padding-right: 1px;
	list-style-type: none;
}

.Level0 li a,
.Level0 li a:active,
.Level0 li a:visited{
	float:left;
	display:block;
	overflow:hidden;	
	background: url(img/nav_bg_left.jpg) no-repeat left -150px;	
	color: #fff;
	font-size: 1.25em;
	line-height: 32px;	
	padding-left:8px;	
	height:32px;
	text-decoration:none;
}

.Level0 li a span,
.Level0 li a:active span,
.Level0 li a:visited span{
	float: left;
	background: url(img/nav_bg_right.jpg) no-repeat right -150px;
	color:#fff;
	padding-right: 10px;
	display: block;	
	height: 32px;
	cursor: pointer;
}

.Level0 li.SelectedTab a{
    background: url(img/nav_bg_right.jpg) no-repeat right top;
}

.Level0 li a:hover {
    background: url(img/nav_bg_left.jpg) no-repeat left top; 
    text-decoration:none;   
}
.Level0 li a:hover span {
    background: url(img/nav_bg_right.jpg) no-repeat right top;
}

.Level0 li.SelectedTab a:hover {
    background: url(img/nav_bg_left.jpg) no-repeat left top;
}
.Level0 li.SelectedTab a:hover span {
    background: url(img/nav_bg_right.jpg) no-repeat right top;
}


#ParentTabs li:hover, 
#ParentTabs li.sfHover,
#ParentTabs li.SelectedTab {
    background-position: left top;
}

.Level0 ul{
    padding: 0px;
    list-style:none;
    float:right;
    position:relative;
    background: #565656;
    border-bottom: 1px solid #000;
    list-style: none;
    margin: 0;
    width: 100px;
    position: absolute;
    top: -999em;
    left: -1px;
    z-index:1;
}

.Level0 li:hover ul,
.Level0 li.sfHover ul{
    top:2.2444em; 
}

.Level1 li{
	list-style:none;
	margin-bottom: 0px;
	padding-left: 8px;
    position: relative;
    background-image: none;
}

.Level0 .Level1 li a,
.Level0 .Level1 li a:active,
.Level0 .Level1 li a:visited{
	background-image: none;
	padding:7px 10px 3px 2px;
	float:left;
	display:block;
	color:#000;
}
.Level0 .Level1 li a:hover {
    background: none;
    color:#fff;
}
.Level0 .Level1 li:hover, 
.Level0 .Level1 li.sfHover {
    background:none;
}

.Level0 .Level1 li .SelectedTab a{
    background-image:none;
}


.primary-nav li:hover ul { display: block; }

.SelectedTab {
    font-size: inherit;
    font-size: 1em;
}

/************************************
*	Post Specific Style   *************
************************ ******** ****/
h2.post_title,
h2.blog_title{

}


h2.blog_title a{
	color: #6C5B47;
}

.green_text_highlight{
    color:  #949C50;
}

/************************************
*	Block  Style         *************
************************ ******** ****/
.twoCol .block .container .block-padding{
	padding: 1em .5em;
}

.block h2.title{
    padding: 5px;
}

.block h2.title,
.block .title span.Head{
    background: #7d6a55;
    color: #FFF;
    font-size: 1.2em;
    font-family:Trebuchet MS;
}

.standard .container,
.block .container{
    padding:6px;
}

.no-pad .container{
    padding:0px;
}

div.login-front{
    background-color:#dbe4ab;
    padding-bottom: 10px;
}

/************************************
*	Login/Info  Style         *******
************************ ******** ****/
.login-front .LoginForm .form-item input,
.login-front .LoginForm .form-item span{
    margin-bottom: 3px;
 
}
.login-front .LoginForm .form-item 
{
	   text-align: right;
}
.login-front .LoginForm{
    padding: 0px 15px;
}

.login-front .LoginForm .form-item input{
    width: 195px;
}
.login-front .LoginForm .form-item span{
    width:50px;
    text-align:right;
}

.login-front .form-submit{
    text-align:right;
}

.login-front .form-submit input{
    
}

.login-front br{
    clear:left;
}

.login-front .UserInfoPane{
	color:#676863;
}
.login-front .UserInfoPane h3{
    margin:5px 0px;
}
.login-front .UserInfoPane .left{
    margin:0px 10px; 
    width: 84px;
}
.login-front .UserInfoPane .UserName{
    font-size: 1.5em;
    font-weight:bold;
}


/*===========================================
*	User Directory Listing               ****
============================================*/
.UserDirectoryItem{
    margin:5px auto;
    text-align:center;
    background:#fff;
    width:105px; 
}
.UserDirectoryItem .UserImgWrap{
	height: 84px;
	overflow:hidden;
	margin-bottom:3px;
	padding-top:5px;
}
.UserDirectoryItem .ITProfilePicture{
	width: 84px;
}
.UserDirectoryItem .ITListUserInfo {
    line-height: 1.2em;
}
.UserDirectoryItem .ITDisplayName {
	color:#949c50;
	font-weight:bold;
}
.UserDirectoryItem .ITDisplayCompany {
	font-size:0.9166667em;
}

#dnn_ctr445_UserProfileList_userSearch_repUsers{
    background:#d0de94;
}

/*===========================================
*	Recent Blogs                         ****
============================================*/
.recent-blogs img{
	margin-right: 10px;
	width:32px;
}
.recent-blogs h4,
.recent-blogs p{
	font-size: .916667em;
}

.recent-blogs .contents{
	width: 140px;
	line-height:1.3em;
}





/************************************
*	Footer Style        *************
************************ ******** ****/
#footer-wrapper{
	text-align:center;	
	color:#ae9272;
}
#footer-wrapper a{
	color:#ae9272;
}

.bottom-cap{
	background: url(img/body_footer.png) no-repeat center top;
	margin-bottom: 2em;
	height:36px;
}


/*****************************
*	HTML Styles  *************
******************************/
h2.title .Head{
	color: #6C5B47;
}
h3.red_title{
	color: #ff0000;
	margin: 4px 0px;
	padding: 0px;
	font: bold 14px Arial;
}
span .person_info{
	font: bold 12px Arial;
	color: #000;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
}



/*****************************
*	Search Box Styles ********
******************************/

#SearchBox{
	float:left;    
	position:relative;top:140px; 
	float: right; 
	padding: 20px 30px 0px 0px;  
	background-repeat: no-repeat;
}
#headerSearchTextBG{
	background-image:url('img/SearchBoxBG.jpg');
	background-repeat: no-repeat;
	width: 186px;
	height: 26px;
	float: left;
	padding: 3px 0px 0px 8px;
}
#headerSearchText{
	width: 170px;
	height: 15px;
	border: solid 1px #ffffff;
}
#headerSearch{
	background-color:#DFDFDF; 
	border: solid 1px #ffffff;
	font-size: 12px;
	padding-bottom: 0px;
	height: 27px;
	width: 60px;	
	background-image:url('img/SearchButtonBG.jpg');
}