/*
Theme Name: MLMA information website
Theme URI: http://www.ml-ma.org
Description: This is the Website Theme MLMA (Montana Labor - Management Alliance)
Version: 1.0
Author: Adam K. Purdy
Author URI: http://adamkpurdy.com/
Tags: Fair contracting organization, non-profit organization, fair wages 

*/




* { margin: 0; padding:0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address { font-style: normal; }
th, b  { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1.2; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */



/***********************/
/* *** =BODY= *** */
/***********************/


body{
	background:url(images/bgGrad.jpg) repeat-x;
	background-color:#708E58;
	font-family:Arial, Helvetica, sans-serif;
	color:#4C4C4C;
	
}
#topBar{
	height:10px;
	width:100%;
	background-color:#708E58;
}

#page{
	/*border:solid 1px red;*/
	margin:auto;
	width:1100px;
	
	
}


/***********************/
/* *** =HEADER= *** */
/***********************/


#header{
	/*border:solid 1px red;*/
	margin:auto;
	background:url(images/header.jpg) no-repeat;
	width:878px;
	height:160px;
	position:relative;
	z-index:1;
	
	
}
#nav{
	/*border:solid 1px red;*/
	position:relative;
	float:right;
	height:17px;
	width570px;
	top:145px;
}

#nav li{
	list-style:none;
	margin-left:30px;
	/*border:solid 1px red;*/
}

#nav li, #nav a{
	display:inline;
	height:22px;
    padding:0px 10px;
}

#nav a:link, #nav a:visited{
	
	text-decoration:none;
}

#nav a:hover{
	
	text-decoration:underline;
}

/***********************/
/* *** =CONTENT= *** */
/***********************/

#content{
	/*border: solid 1px red;*/
	width:878px;
	background:url(images/contentBg.jpg) no-repeat;
	margin:auto;
	position:relative;
	height:733px;
}

#contentHome{
	/*border: solid 1px red;*/
	width:878px;
	background:url(images/contentHomeBg.jpg) no-repeat;
	margin:auto;
	position:relative;
	height:733px;
}



/*****************HOME PAGE****************/

#homeContent{
	/*border:solid 1px red;*/
	width:830px;
	position:relative;
	margin:auto;
	top:20px;
    font-size:16px;	
	
}

#homeContent h1{
	font-size:25px;
	font-weight:normal;
}
#homeUpper{
	/*border:solid 1px red;*/
	position:relative;
	margin-top:10px;
}

#homeUpperLeft{
	position: relative;
	float:left;
	margin-top:10px;
}

#homeUpperRight{
	position:relative;
	float:right;
	width: 455px;
}

#para1{
    position:relative;
	top:30px;
}

#para2{
    position:relative;
	top:50px;
}

#lowerHome{
	/*border:solid 1px red;*/
    margin-top:40px;
}

#aboutHomeBttm{
    position:relative;
    float:left;	
}

#wwdHomeBttm{
    position:relative;
    float:left;
    left:50px;		
}

#faqHomeBttm{
    position:relative;
    float:left;
	left:100px;
    		
}

.homeBttmInfo{
	width:230px;
	padding: 6px;
	font-size:14px;
	line-height:25px;
        	
}

.homeBttmInfo ul li{
	list-style-type:none;
	padding-left:10px;
	background: transparent url(images/hyphen.jpg)no-repeat 0px 12px;
	margin-bottom:10px;
	
}

#readMore1{
	color:#93A5E1;
	position:relative;	
	font-size:12px;
	float:right;
	margin-top:67px;
	font-weight:bold;
}

#readMore1 a:link, #readMore1 a:visited{
	
	text-decoration:none;
}

#readMore1 a:hover{
	
	text-decoration:underline;
}

#readMore2{
	color:#93A5E1;
	position:relative;	
	font-size:12px;
	float:right;
	margin-top:77px;
	font-weight:bold;
}

#readMore2 a:link, #readMore2 a:visited{
	
	text-decoration:none;
}

#readMore2 a:hover{
	
	text-decoration:underline;
}

#readMore3{
	color:#93A5E1;
	position:relative;	
	font-size:12px;
	float:right;
	font-weight:bold;
}

#readMore3 a:link, #readMore3 a:visited{
	
	text-decoration:none;
}

#readMore3 a:hover{
	
	text-decoration:underline;
}

/*****************ABOUT US ****************/
#aboutContent{
	/*border:solid 1px red;*/
	width:800px;
	position:relative;
	margin:auto;
	top:30px;	
}

#aboutContent h1{
	font-size:40px;
    font-weight:normal;
	
}

#aboutTopLeft{
	/*border:solid 1px red;*/
	width:337px;
	float:left;
	margin-top:25px;
}

#aboutTopRight{
	/*border:solid 1px red;*/
	position:relative;
	top:50px;
	width:350px;
	float:right;
	margin-top:25px;
	right:35px;
    
}

#aboutTopRight h2{
	font-size:30px;
	font-weight:normal;
	line-height:50px;
}

#aboutBttm p{
        font-size:14px;
        margin-bottom:10px;
}

#aboutBttmLeft{
	/*border:solid 1px red;*/
	width:380px;
	float:left;
	margin-top:25px;
	
}

#aboutBttmRight{
	/*border:solid 1px red;*/
	position:relative;
	width:350px;
	float:right;
	margin-top:25px;
}

#aboutBttmRight h3{
	font-size:19px;
	font-weight:normal;
	line-height:20px;
    margin-bottom:40px;
}

#fairnessQuotes h3{
	margin-bottom:60px;
	position:relative;	
}


/*****************WHAT WE DO****************/

#wwdContent{
	/*border:solid 1px red;*/
	width:800px;
	position:relative;
	margin:auto;
	top:30px;	
}

#wwdContent h1{
	font-size:40px;
    font-weight:normal;
	
}

#wwdLeft{
	/*border:solid 1px red;*/
	width:310px;
	float:left;
	margin-top:25px;
}

#wwdRight{
	/*border:solid 1px red;*/
	width:460px;
	float:right;
	margin-top:25px;
    
}

#wwdRight p{
	font-size:15px;	
	margin-bottom:40px;
}

#wwdBttm{
	margin-top:20px;
}

/*****************FAQ'S****************/
#faqContent{
	/*border:solid 1px red;*/
	width:750px;
	position:relative;
	margin:auto;
	top:30px;
	
	
}
#faqContent h1{
	font-size:40px;	
	margin-bottom:20px;
	letter-spacing:1px;
	font-weight:normal;
}

#faqContent p{
	font-size:17px;	
	margin-bottom:17px;
}

#faqContent a:link, #faqContent a:visited{
	
	text-decoration:none;
}

#faqContent a:hover{
	
	text-decoration:underline;
}

/*****************CONTACT PAGE****************/

#contactContent{
	/*border:solid 1px red;*/
	width:800px;
	position:relative;
	margin:auto;
	top:30px;
}


#contactLeft{
	float:left;
	width:320px;
	position:relative;
	
	
	
	/*border:solid 1px red;*/
	
}
#contactContent h1{
	font-size:40px;
    font-weight:normal;
	margin-bottom:20px;;
	
}

#contactRight{
	float:right;
	width:421px;
	height:400px;
	position:relative;
	
	
	
	line-height:25px;
	/*border:solid 1px green;*/
}

#contactRight p {font-size:18px;}

#contactInfo {
	margin-bottom:20px;
}

#contactInfo a:link, #contactInfo a:visited{
	
	text-decoration:none;
}

#contactInfo a:hover{
	
	text-decoration:underline;
}

#form{
	/*border:solid 1px red;*/
	height:440px;
	width:440px;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	
	padding-top:5px;
	font-size:12px;
}

#form p {font-size:12px;}
p#messageBlurb{line-height:11px; margin-bottom:5px;}

.fields{
	
	border:solid 2px #9B9B9B;
	position:relative;
	width:416px;
	height:20px;
	color:#333;
	padding:3px 3px 3px 6px;
}

textarea{

	border:solid 2px #9B9B9B;
	resize:none;
	width: 419px;
	height:183px;
	font-family:Arial, Helvetica, sans-serif;
	padding:6px 3px 3px 6px;
	margin-bottom:4px;
}

input{
	position:relative;
	
	margin-bottom:5px;	
	
}

#submit{
	position:relative;
	float:right;
	right: 9px;
}


#thanks p{
	color:#708E58;
	
	font-size:14px;
}


/***********************/
/* *** =FOOTER= *** */
/***********************/

#footer{
	/*border:solid 1px red;*/
	height:110px;
	width:878px;
	margin:auto;
	position:relative;
	color:#FFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	
}

#footerContactInfo{
	position:relative;
	float:left;
	left:20px;
}


#footerContactInfo a:link, #footerContactInfo a:visited{
	
	text-decoration:none;
}

#footerContactInfo a:hover{
	
	text-decoration:underline;
}
#copy{
	
	width:332px;
	height:10px;
	position:relative;
	float:right;
	text-align:right;
	right:20px;
}



/***********************/
/* *** =MISC= *** */
/***********************/

.clear{
	clear:both;	
}