/*custom.css*/

/* Palette color codes */
/* Feel free to copy&paste color codes to your application */

.primary-1 { background-color: #00BF32 }
.primary-2 { background-color: #248F40 }
.primary-3 { background-color: #007C21 }
.primary-4 { background-color: #38DF64 }
.primary-5 { background-color: #64DF85 }

.secondary-a-1 { background-color: #1142AA }
.secondary-a-2 { background-color: #2A4580 }
.secondary-a-3 { background-color: #06276F }
.secondary-a-4 { background-color: #4573D5 }
.secondary-a-5 { background-color: #6C8DD5 }

.secondary-b-1 { background-color: #FFA900 }
.secondary-b-2 { background-color: #BF8F30 }
.secondary-b-3 { background-color: #A66E00 }
.secondary-b-4 { background-color: #FFBE40 }
.secondary-b-5 { background-color: #FFCF73 }

.complement-1 { background-color: #FF1E00 }
.complement-2 { background-color: #BF4030 }
.complement-3 { background-color: #A61300 }
.complement-4 { background-color: #FF5640 }
.complement-5 { background-color: #FF8373 }


body {
	font-size:87.5%; /* was 75%, need new baseline grid for 14px font * 1.5 = 21px */ 
}


.header-container {
/*    height:6em; */
    background-color: #007C21;
    color:white;
    border-bottom:1px solid black;
}

.header {
	text-align:center;
	font-size:3em;
	font-weight:bold;
}

.sub-header {
    text-align:center;
    font-size:1em;
    color:#FFA900;
    position:relative;
    top:-1ex;
}

.left-navigation-box {
	color:#ffbe40;
/*	background-color:#06276f; 
	border-right:1px solid black; */
}

.footer {
    color:#a61300;	
}

h1, h2, h3, h4, h5 {
    color:#a66e00;	
}

a {
	color:#007C21;
}

a:hover {
    color:white;
    background-color:#1142aa;
}

.footer a {
	color:#06276f;
}

.footer a:hover {
	background-color:#06276f;
	color:white;
}

.left-navigation-box ul  {
	list-style-type: none;
    margin-left: 0px;
}

.left-navigation-box ul li {
	margin-left: 0px;
}

/*.left-navigation-box ul a {
    color:#ffbe40;
}

.left-navigation-box ul a:hover {
    color:#ff1e00;
    background-color:#06276f;
}
*/

ul#navigation  li.selected a {
    text-decoration:none;
}

ul#navigation  li.selected a:after {
    content:' \ab';
}

#navigation_image_id_livestock {
    background-image:url("images/das-rind-sketch-cow-front-170-alpha.png");
    width:170px;
    height:330px;
}

#navigation_image_id_meetings {
    background-image:url("images/hi_project_meeting_004-170.jpg");
    width:170px;
    height:219px;
}

#navigation_image_id_members {
    background-image:url("images/members-walk-170.jpg");
    width:170px;
    height:214px;
}


#navigation_image_id_officers {
    background-image:url("images/livestock-committee-meeting-170.jpg");
    width:170px;
    height:134px;
}

#heifer-logo-container {
    background-image:url("images/heifer-logo-170.gif");
    width:170px;
    height:54px;
}

#logo-container {
	background-image:url("nnyfplogo-170.png");
	width:170px;
	height:168px;
	margin-left:-30px;
	margin-bottom:20px;
	margin-top:10px;
}

.print-only {
    display:none;
}

.float-right {
	float:right;
}	

.float-left {
    float:left;
}   

.width-560 {
	width:560px;
}

.width-400 {
    width:400px;
}

.width-300 {
    width:300px;
}


.width-240 {
    width:240px;
}

.font-smaller {
	font-size:smaller;
}

.padding {
    padding: 1.5em;	
}

p.caption {
	background-color:#007c21;
	color:white;
	padding-left:1em;
	font-variant:small-caps;
	border-top:1px solid black;
}

.italic {
	font-style:italic;
}

.width-1 {width: 30px;}
.width-2 {width: 70px;}
.width-3 {width: 110px;}
.width-4 {width: 150px;}
.width-5 {width: 190px;}
.width-6 {width: 230px;}
.width-7 {width: 270px;}
.width-8 {width: 310px;}
.width-9 {width: 350px;}
.width-10 {width: 390px;}
.width-11 {width: 430px;}
.width-12 {width: 470px;}
.width-13 {width: 510px;}
.width-14 {width: 550px;}
.width-15 {width: 590px;}
.width-16 {width: 630px;}
.width-17 {width: 670px;}
.width-18 {width: 710px;}
.width-19 {width: 750px;}
.width-20 {width: 790px;}
.width-21 {width: 830px;}
.width-22 {width: 870px;}
.width-23 {width: 910px;}
.width-24, div.width-24 { width:950px; margin-right:0; }