/*

Colours
Top and bottom bar, light green colour #D2FA60
Main background dark green colour #233A08
Light grey for boxes #E6E6E6
Blue colour for headings etc  #3653CB
Grey colour for normal text #525252
Dark black colour for text  #323232 and bold


Text
Verdana, Arial, Helvetica, sans-serif
H1 size 2.5em not bold
H2 size 1.9em not bold
All other text 1.1em
Main links are in the blue and bold with underline removed on hover

Borders and lines
Dark grey #323232
Light grey #233A08

Images sizes
All thumbnails 91 x 64 pixels
Photo library 225 x 158 pixels



*/



/* ---------------------------------------------------------------------------
	Main classes
--------------------------------------------------------------------------- */
body {
	margin: 0 auto;
	padding: 0;
	font-size:63%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background-color:#233A08;
	background-image:url('../images/bg_grad.jpg');
	background-repeat: repeat-x;
}

h1, h2, h3
{	color: blue; margin-bottom:0.1em;line-height:110%;}

h1 {font-size: 2.5em;	font-weight:normal;}
h2 {font-size:1.9em; font-weight:normal;}
h3 {font-size:1.4em;font-weight:bold;}



img {border:none;}

ul {list-style:bullet;padding-left:0.1em;margin-left:1em;padding-bottom:0.2em;margin-top:0;}
li {padding:0.1em 0.1em 1em 0em; margin-left:1em;}

a {color: blue;
	text-decoration:  underline;
	font-weight: bold;
	}

a:hover {
	text-decoration:  none;
}

a.cancel {margin-left:2em;}

a.backlink {float:right;width:10em;text-align:right;margin-right:1em;}


/* ---------------------------------------------------------------------------
	Layout
--------------------------------------------------------------------------- */
div#container{width:934px;margin:0 auto;	background-color:#fff;}

div#page_separator {
	height:16px;width:934px;
	margin:0 auto;
	background-color:#233A08;
	}

div#inner_container {
	width:906px;margin:0 auto;
	background-color:#fff;
	}

/* Topnav and Banner */
div#topnav {
	background-image:url('../images/banner.jpg');
	background-repeat:no-repeat;
	height:276px;
	margin-top:30px;
	position:relative;
}


div#content {
	width:100%;
	margin-left:0.3em;
	line-height:130%;
	word-spacing:0.1em;
	min-height:500px;
	font-size:1.1em;
	}

#content p {
	margin:0.5em 0.5em 1em 0;
}

#content ul {
	margin:0.5em 0.5em 0.5em 1.5em;
	word-spacing:0.1em;
	line-height:160%;
}

#content ol {
	margin:0.5em 0.5em 0.5em 3em;
	word-spacing:0.1em;
	line-height:160%;
}



div#footer{
	clear:both;width:100%;
	height:309px;
	background-image:url('../images/footer.jpg');
	background-repeat:no-repeat;
	}

.articlepreview {	width:100%;margin-bottom:1em;}






/* ---------------------------------------------------------------------------
	Main navigation
--------------------------------------------------------------------------- */


#bannermenu {
	position:absolute;left:0px;top:30px;
	}

#bannermenu ul {
	list-style: none;
	line-height:normal;
	margin: 0;padding:0;
	}


#bannermenu li {
	margin-right: 4px;
	margin-left:0;
	display:inline;
	}

#bannermenu li a {
	font-size: 120%;
	margin:0 4px 0 2px;
	color:#fff;
	border-left: 1px solid #fff;
	padding-left:2px;
	text-decoration:none;
	}

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





/* ---------------------------------------------------------------------------
	Tables
--------------------------------------------------------------------------- */

td {vertical-align:top}
td.right {text-align:right}


table.selectionform {width:100%;margin-top:2em; margin-bottom:2em;border-bottom:1px dotted #bababa;}
table.selectionform td {font-size:95%;padding-bottom:1em;}
table.selectionform input {font-size:95%;}
table.selectionform select {font-size:95%;}
a.resetlink {margin-left:0.5em;}


table.pedigree {margin-top:1em; width:100%; border: 1px solid #666;border-collapse:collapse;}
.pedigree td {text-align:left;vertical-align:middle;border: 1px solid #666;border-collapse:collapse;padding:0.5em;}

table.inputform {margin-top:0; width:100%;}

.inputform td {
	padding:0.1em 0 0.4em 0;
}


#homepagetable {
	table-layout:fixed;
	width:100%;
	}

#homepagetable td {padding-right:2em;padding-left:2em;}

#homepagecattle {
	table-layout:fixed;
	width:100%;
	}

#homepagecattle td {padding:0px;}

/* ---------------------------------------------------------------------------
	Miscellaneous
--------------------------------------------------------------------------- */
#organisation {float:left;font-size:80%;text-align:left;display:block;}
#amarsys {float:right;font-size:80%;text-align:left;display:block;margin-right:1em;}
#amarsys a {font-weight:normal;color:#333;}


ul {list-style:bullet;padding-left:0.1em;margin-left:1em;padding-bottom:0.2em;margin-top:0;}
li {padding:0.1em 0.1em 1em 0em; margin-left:1em;}


/* ---------------------------------------------------------------------------
	Article and image layouts
--------------------------------------------------------------------------- */


div.articleimage_layout0 {
	float:right;
	margin:0.2em 0.2em 1em 1em;
}



div.articleimage_layout1 {
	margin:0.2em 0.2em 2em 0.2em;
}



div.articleimage_layout2 {
	margin:0.2em 0.2em 5em 1em;
	text-align:center;
}


div.articleimage_layout3 {
	float:left;
	margin:0.2em 1em 0.5em 0.2em;
}

div.articlepublished {margin-top:1em;margin-bottom:1em;font-size:smaller;}


.imagecaption_center {text-align:center;font-size:small; font-style:italic;}
.imagecaption_left {text-align:left;font-size:small; font-style:italic;}

img.articleimage {padding:1px;border:1px solid #323232;}


img.thumbnail {
	border:1px solid #323232;
	padding:1px;
}