@charset "utf-8";
/* CSS Document */


/* reset CSS rules */

	html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
	del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
	h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
	dl, dt, dd, ol, ul, li, fieldset, form, label, legend { 
	vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; outline: 0; padding: 0; margin: 0; border: 0; }

a, ins { text-decoration: none; }

a { color: #ff8800; }
a:hover { text-decoration: underline; color: #ff8800;}

/* remember to define focus styles! */

	:focus { outline: 0; }
	body { color: #333; font: .825em/1.5 "Trebuchet MS", "Helvetica", sans-serif; }
	ol, ul { list-style: none; }

/* tables still need cellspacing="0" in the markup */

	table { border-collapse: separate; border-spacing: 0; }
	caption, th, td { font-weight: normal; text-align: left; }

/* remove possible quote marks (") from <q> & <blockquote> */

	blockquote:before, blockquote:after, q:before, q:after { content: ""; }
	blockquote, q { quotes: "" ""; }

/* wrapper setup */

body {  background:url(../images/background.jpg) #FFF repeat-x; }
#wrapper1000 { width: 960px; height:860px; margin: 0 auto 0 auto; background:url(../images/Artemis_Web_Design.png) no-repeat top #FFFFFF; }
body #wrapper1000 #wrapper960 { width: 960px; margin: 0 auto 0 auto; height:860px; }

/* default heading styles */

	h1, h2, h3, h4, h5 { font-family:"Calibri"; color: #000; }
	h1 { font-size: 2.6em; }
	h2 { font-size: 1.8em; line-height: 1.2em; }
	h3 { font-size: 1.6em; }
	h4 { font-size: 1.1em; }
	h5 { font-size: 1.0em; }

	#breadcrumbs { font-size: 0.8em; }

/* span styles */

	span { color: #f7921e; }

/* main content layouts */

#header { width: 960px; margin: 0 auto 0 auto; height: 240px; }
	#logo { margin-left: 30px; }

#topnav { margin: 0 auto 0 10px; height: 36px; border-bottom: solid 0px #959595; border-top: solid 0px #959595; background:url(../images/menu-bar.png) no-repeat }
	#topnav #buttons { width: 700px; margin: 0 auto 0 18px; } 
	#topnav li { float: left; margin: 0px 0 0 0px; display:block; }

.clear { clear: both; height: 0; padding: 0; margin: 0; }

#main960 { }
#main { height: 700px; width: 900px; margin: 0 auto 0 auto; padding-bottom: 20px; padding-top: 10px; }

#main h2 {}

#main1full { clear: both; margin: 5px auto 5px auto; height: auto; }

.main2equal { clear: both; margin: 5px auto 5px auto; background-image: url(../images/main2equalback.png); background-repeat: repeat-y; background-color: #FFF;  }
.left2equal { float: left; width: 435px; margin-right: 30px; height: auto; }
.right2equal { float: left; width: 435px; height: auto; }

.main2lwide { clear: both; margin: 0px auto 5px auto; background-image: url(../images/main2lwideback.png); background-repeat: repeat-y; background-color: #FFF;  }
.marginleft2lwide { float: left; width: 600px; margin: 0 30px 0 64px; height: auto; }
.left2lwide { float: left; width: 620px; margin-right: 30px; height: auto; }
.right2lwide { float: right; width: 250px; height: auto; }

#main2xlwide { clear: both; margin: 0px auto 5px auto; background-image: url(../images/main2lwideback.png); background-repeat: repeat-y; background-color: #FFF; }
#left2xlwide { float: left; width: 620px; margin-right: 30px; height: auto; }
#right2xlwide { float: left; width: 250px; height: auto; }

#main3equal { margin: 5px auto 0px auto; height: auto; background-image: url(../images/main3equalback.png); background-repeat: repeat-y; background-color: #FFF;  }
#left3equal { float: left; width: 280px; margin-right: 30px; height: auto; }
#mid3equal { margin-left: 310px; height: auto; }
#right3equal { float: right; width: 280px; margin-left: 30px; height: auto; }

#main3lwide { margin: 5px auto 0px auto; height: auto; background-image: url(../images/main3lwideback.png); background-repeat: repeat-y; background-color: #FFF;  }
#left3lwide { float: left; width: 330px; margin-right: 30px; height: auto; }
#mid3lwide { margin-left: 360px; height: auto; width: 280px; }
#right3lwide { float: right; width: 230px; margin-left: 30px; height: auto; }

.left2col { float: left; width: 45%; margin-right: 4%; border-right: 1px solid #DDD; }
  .left2col h4 { margin-top: 0; }
.right2col { float: left; width: 50%;}
  .right2col h4 { margin-top: 0; }

#footer { clear:both; font-size: 0.9em; height: 110px; border-top: solid 1px #959595; margin: -54px 10px auto 28px; padding: 10px 10px 10px 10px; background: url(../images/footerback.jpg) repeat-x; }
	#footermain { width: 900px; margin: 0 auto 0 400px; color: #666; }
    #footermain a { color: #666; }
    
/* contact form */

#contact label { display: block; height: 25px; line-height: 22px; width: 300px; color: #666 }
#contact input, textarea, select { width: 300px; margin: 0; padding: 5px; color: #333; background: #f5f5f5; border: 1px solid #ccc; margin: -5px 0 5px 0; font:1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px 0; }
#contact legend { padding: 0; font-weight:bold; color:#000; margin-bottom:0 !important; margin-bottom:5px; }
#contact #message { color: #ff0000; font-weight:bold; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */