/*<!---
||BEGIN
 
||PAGE NAME||
styles.css
 
|| AUTHOR ||
Mark Shilliday	
mark.shilliday@biznet-solutions.com
 
||DATE CREATED||
 25 July 2005
 
|| PURPOSE OF PAGE ||
Description:
 
 
 
|| REVISION HISTORY ||
date modified | Rose Keane | Descriptions of modifications made
 
||END
 
--->*/

h1.seed {font-size : 200%; text-align: center;}
body {margin:0; padding:0;width:100%;min-width:700px;height:100%}
form {margin:0; padding:0}

#ezinehd {background:url(http://seedcorn.intertradeireland.com/images/tableBK_seedcorn.gif); width:100%; height:85px}

#ezine_right {background:url(/imgs/top-image1.jpg); width:387px; float:right; min-height:85px; _height:85px}

#hd_right {background:url(http://seedcorn.intertradeireland.com/images/top-image1_seedcorn.gif); width:271px; float:right; min-height:85px; _height:85px}
#hd_bottom {clear:both;width:100%;background:#f7941d;_height:45px;min-height:45px;border-top:2px solid #fff;border-bottom:1px solid #f7941d;}
#hd_bottom_left {float:left;color:#fff;font-weight:bold;min-width:275px;_width:271px;text-align:center;border-right:2px solid #fff;_height:45px;font-size:110%;min-height:45px}
#hd_bottom_right {text-align:right;margin-right:10px;color:#fff;font-weight:bold;font-size:110%;min-height:45px;_height:45px}

#content {width:100%;clear:both;min-height:440px;height:75%;text-align:justify}
#p_left {width:27%;float:center;}
#p_left_in {width:90%;margin-right:auto;margin-left:auto}

#p_center {position:absolute;float:left;border-right:1px dashed #C0C0C0;border-left:1px dashed #C0C0C0;min-height:440px;height:75%}
#p_center_no {width:72%;float:left;border-left:1px dashed #C0C0C0;min-height:440px;height:75%}
#p_center_in {margin:10px}
#p_center_in ul {list-style-image:url(/imgs/bulletFooter.gif)}
#p_right {float:left;width:23%;}
#p_right_in {width:100%}
#footer {clear:both;width:100%;text-align:right;background:#fff}

#nav {width:100%;padding:5px 0 5px 0;text-transform:capitalize;text-align:left}
#nav ul{list-style-type:none;padding:0;margin:0}
#nav ul li {background:url(http://seedcorn.intertradeireland.com/images/seedcornsquare.gif) no-repeat}
#nav ul{color:#8B8D93}
#nav ul li ul {margin-left:10px}
#nav ul li ul li ul{margin-left:0;font-size:120%}
#nav ul li ul li {font-size:75%;}
#nav a{font-weight:bold;text-indent:17px;width:100%;text-decoration:none;display:block;padding:1px 0 4px 0}
#nav a:hover {display:block;background:url(http://seedcorn.intertradeireland.com/images/rollsquare.gif) no-repeat;border-bottom-color:#C7C7C7;border-top-color:#C7C7C7}

#nav ul li span {background:url(/imgs/greensquare.gif) no-repeat;padding-right:10px}

#right_home {padding:10px;text-align:left}
#right_home label {color:#056790;text-align:left;font-weight:bold;font-size:120%}

.searchbutton {background:url(/imgs/buttonbk.gif);border-right:1px;border-left:1px;border-top:1px;}

#related {width:95%;margin-right:auto;margin-left:auto}
#related ul{list-style-type:none;padding:0;margin:0}
#related ul{color:#8B8D93}
#related ul li ul li {font-size:75%}
#related a{width:95%;text-decoration:none;border-bottom:1px solid #D9E7EB;border-top:1px solid #D9E7EB;display:block;padding:2px 0 2px 0;padding-left:5%}
#related a:hover {color:#000000;display:block;background:#FBFBFB;border-bottom-color:#006078;border-top-color:#006078}

.lfloat{float:left}

.courseleft {width:16%;float:left;color:#FFFFFF;background-color:#3E99B3;}
.courseright {width:79%;float:left}

#coursetable th {background-color:#F3F3F3;color:#777777;padding:4px;font-weight:normal}
#coursetable td {padding-left:6px}

.courselisting {float:left;padding:8px}

.hide {position:absolute;display:none}

#course_search {width:80%;border-top:1px solid #808080;margin-right:auto;margin-left:auto;border-bottom:1px solid #808080}
	#course_search label{float:left;width:120px;font-weight:bold}
	.fieldset{padding:7px;clear:both}
	#course_results a {text-decoration:underline}
	#course_results {width:90%;margin-right:auto;margin-left:auto}

.error { color:#990000; font-weight: bold; }

/* tooltip design */
.ToolTips { display:block; position:absolute; width:404px; z-index: 100;}
.ToolTips .sticky_close { display:block; position:absolute; top:1px; right:3px; background:url(/images/fileclose.png); width:16px; height:16px; line-height:16px; font-size:0px; z-index:100000000; }
.ToolTips .message { display:block; position:relative; background:url(/images/tip_body.png) repeat-y; padding:0px 10px; color: #231F20; }

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips .dockBottomHeader, 
.ToolTips .dockTopFooter { display:block; position:relative; background:url(/images/dockBottomHeader.png) no-repeat bottom; height:33px;  }
.ToolTips .dockTopFooter { background:url(/images/dockTopFooter.png) no-repeat bottom; height:38px; }

.ToolTips .dockBottomFooter,
.ToolTips .dockTopHeader { display:block; position:relative; background:url(/images/dockBottomFooter.png); height:14px; line-height:11px; font-size:0px; clear:both; }
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips .dockTopHeader { background:url(/images/dockTopHeader.png) bottom center no-repeat; height:20px; line-height:20px; font-size:0px; }

* html .ToolTips .dockBottomHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/dockBottomHeader.png'); }
* html .ToolTips .dockBottomFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/dockBottomFooter.png'); }
* html .ToolTips .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/dockTopHeader.png'); }
* html .ToolTips .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/dockTopFooter.png'); }
* html .ToolTips .sticky_close {  background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fileclose.png');  }

/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; background:url(/images/ajax-loader.gif) center center no-repeat; width:31px; height:50px; }

/* tip container */
.tipContainer { 
    display:none; 
    z-index: 100
}

/* beautify the tooltip content */
.ToolTips .message { font-size:12px; text-align:justify; }
.ToolTips .message h3 { font-size:16px; margin:0px 0px 10px; padding:0px; color:#FF6600; }
.ToolTips .message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:11px; color:#666666; }



.datePicker{position:absolute;color:#000}
.datePicker .handle{margin:0;padding:0;height:24px;background:url(/images/datepicker/datePicker.png) no-repeat left top;width:190px}
.datePicker .body{background:url(/images/datepicker/datePicker.png) no-repeat left bottom;padding:0 0 8px 0}
.datePicker table {font:10px Verdana;border-collapse:separate;border-spacing:2px;empty-cells:hide;margin:0 0 0 3px}
.datePicker b{float:left;font-weight:normal;padding:0 0 0 3px;cursor:default}
.datePicker th{cursor:default;padding:4px 0}
.datePicker td{text-align:center}
.datePicker thead td{padding:3px 2px;background:#999;color:#fff}
.datePicker tbody td{padding:3px 4px;cursor:default;color:#ccc;border:1px solid #eee;}
.datePicker td.selectable{background:#fff;cursor:pointer;color:#000}
.datePicker td.selectable:hover{border-color:#517fd5}
.datePicker td.selected{background:#517fd5;color:#fff}
.datePicker .incdec{float:right;width:26px;height:13px;background:url(/images/datepicker/speeder.gif) no-repeat left top}
.datePicker .incdec span{display:block;width:13px;height:13px;cursor:pointer}
.datePicker .incdec span.disabled{background-image:url(/images/datepicker/speeder.gif);cursor:default}
.datePicker .up{background-position:right bottom;float:right}
.datePicker .down{background-position:left bottom;float:left}
.datePicker .close{cursor:pointer}








html, body, form, fieldset, label, table, tbody, tfoot, thead, tr, th, td, ul, ol, li, dl, dt, dd, a, p, img, h1, h2, h3, h4, h5, h6{margin:0; padding:0}

html {overflow-y: scroll;}

body, html, form{height: 100%}

body {
	margin: 0;
	padding: 0;
	background:#882800;
	font:13px Helvetica, Arial, sans-serif;
	color:#333;
	}	

#wrapper {min-height:100%;}

* html #wrapper {height:100%;}
	
a, img{border:0}

.clearit{clear:both}

label, input[type=button], input[type=submit], button {cursor: pointer;}

h1{
	font:bold 30px Helvetica, Arial, sans-serif;
	margin:0 0 20px 0;
	}

h2{
	font:bold 22px Helvetica, Arial, sans-serif;
	margin:0 0 15px 0;
	}

h3{
	font:bold 18px Helvetica, Arial, sans-serif;
	margin:0 0 10px 0;
	}
	
p{
	font:13px Helvetica, Arial, sans-serif;
	margin:0 0 15px 0;
	}
	
ul, ol{
	list-style-position:inside;
	margin:0 0 20px 0;
}

em.notes{
	margin:0 0 20px 260px;
	display:block;
	font-size:11px;
}

a{
	color:#882800;
	font-weight:bold;
}

a.cta, input.cta{
	font:bold 18px Helvetica, Arial, sans-serif;
	color:#333;
	background:#fba525 url(../images/arrow.png) center right no-repeat;
	padding:13px 30px 7px 10px;
	text-decoration:none;
	display:inline-block;
	margin:0 0 20px 0;
	border:0;
}

a.cta:hover, input.cta:hover{
	background:#fe9800 url(../images/arrow.png) center right no-repeat;
}

/*HEADER------------------------------*/
#header {
	width: 100%;
	background:#882800;
	}

#header_1020 {
	width: 970px;
	padding:0 25px;
	margin: 0 auto;
	position: relative;
	background:#FFF;
	}

/*FOOTER------------------------------*/	
#footer {
	width: 100%;
	height: 150px;
	margin: -150px auto 0 auto;
	position: relative;
	background:#882800;
	}

#footer_1020 {
	width: 1020px;
	height: 150px;
	position: relative;
	margin: 0 auto;
	background:#99a3a7 url(../images/footer-logo.png) 25px 25px no-repeat;
	}

/*CONTENT------------------------------*/
#content {
	width: 100%;
	padding-bottom: 150px;
	}
	
#content_1020 {
	width: 970px;
	padding:25px;
	margin: 0 auto;
	overflow: hidden;
	background:#231f20;
	}
	
/*CONTACT---------------------------------------*/
.contactLeft{
	width:570px;
	padding:20px 20px 20px 0;
	float:left;
	}
	
.contactRight{
	float:left;
	margin:30px 0 0 20px;
	border-left:1px solid #bfd7bc;
	padding:0 0 0 30px;
	}
	
#contactForm label{
	font:12px Arial, Helvetica, sans-serif;
	}
	
#contactForm input{
	display:block;
	margin:0 0 10px 0;
	padding:3px;
	width:400px;
	}
	
#contactForm textarea{
	display:block;
	margin:0 0 10px 0;
	padding:3px;
	width:400px;
	height:150px;
	font:12px Arial, Helvetica, sans-serif;
	}
	
input#submit{
	width:80px;
	}
	
span.error{
	color:red;
	}
	
form{}

fieldset{
	padding:20px;
	border:1px solid #CCC;
	margin:20px 0;
	}

legend{
	font:bold 18px Helvetica, Arial, sans-serif;
	color:#333;
	}

label{
	width:250px;
	text-align:right;
	float:left;
	margin:0 10px 20px 0;
	padding:6px 0 0 0;
	}

select, input[type=text]{
	clear:right;
	display:block;
	margin:0 0 20px 0;
	padding:3px;
	width:250px;
	}
	
.smallSelect{
	display:block;
	margin:0 10px 20px 0;
	padding:3px;
	width:90px;
	float:left;
	}
	
input.smallInput{
	display:block;
	margin:0 10px 20px 0;
	padding:3px;
	width:125px;
	float:left;
	}
	
span.category{
	font:bold 18px Helvetica, Arial, sans-serif;
	padding:4px 0 0 0;
	display:inline-block;
}

a.category{
	margin:0 5px;
	text-decoration:none;
	}
	
input[type=checkbox]{
	float:left;
	margin:0 10px 0 260px;
	}
	
input[type=checkbox] + Label{
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	}


