* { margin:0; padding:0;}
body { background:#99bada; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#545454;}

input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

object { vertical-align:top; outline:none;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin:0; padding:0;}

.left-col{float:left; width:270px;}

.right-col{float:left; width:270px;}

.third-col{float:left; width:270px;}

.contain{width:300px; height: 110px; padding:7px;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#form span { display:block; height:53px;}
#form label { display:block;}
#form input {width:294px; padding:3px 0 3px 3px; background:#fff; border:1px solid #ccd1d0;}
#form textarea { width:300px; height:124px; overflow:auto; background:#fff; border:1px solid #ccd1d0; padding:3px 0 0 3px; margin-bottom:26px;}
#form .link2 { float:right; margin-left:20px;}
#form .link2 span { height:auto;}


/*==================list====================*/
ul { list-style:none;}

.site-nav { height:228px; background:#586166;}
.site-nav ul { padding:42px 0 0 54px;}
.site-nav ul li { font-size:30px; line-height:1.25em; text-transform:uppercase; width:100%; overflow:hidden; vertical-align:bottom;}
.site-nav ul li a { color:#fff; text-decoration:none; display:block;}
.site-nav ul li a:hover { color:#a3bad9; text-decoration:none; display:block;}

.site-nav ul li a strong { color:#a3bad9;}
.site-nav ul li a.act { background:url(images/nav-act.gif) no-repeat right 3px;}

.list li { padding:0 0 10px 20px; background:url(images/marker1.gif) no-repeat left 6px; font-size:1.17em;}
.list li a { color:#000000; text-decoration:none;}
.list li a:hover { text-decoration:underline;}

.list1 li { border-bottom:1px solid #eae9df; padding-bottom:18px; margin-bottom:18px;}
.list1 li.last { border:0; padding:0; margin:0;}

.list2 { padding-bottom:17px;}
.list2 li { padding:0 0 6px 14px; background:url(images/marker3.gif) no-repeat left 5px;}
.list2 li a { color:#53a3ac;}

.list3 li { list-style-type:decimal; list-style-position:inside; font-weight:bold; color:#64c111; line-height:1.5em; padding-bottom:25px;}
.list3 li b,
.list3 li span { 
	color:#545454;
}
.list3 li span { font-weight:normal;}

.list4 li { border-bottom:1px solid #ccd1d0; padding-bottom:18px; margin-bottom:18px;}
.list4 li h3 { text-align:right; padding-top:7px; margin:0;}
.list4 li cite { font-style:normal;}
.list4 li.last { border:0; padding:0; margin:0;}


/*==================other====================*/
.img-box img { margin-bottom:15px;}

.p1 { margin-bottom:10px;}
.p2 { margin-bottom:20px;}

.phone { float:right; margin-right:20px;}


/*==================txt, links, lines, titles====================*/
a {color:#64c111; outline:none;}
a:hover{text-decoration:none;}

h1 {font-size:1.3em; line-height:1.5em; padding:2px;}
h2 { font-size:30px; line-height:1.2em; margin-bottom:16px; text-transform:uppercase; color:#1e3b3e;}
h2.color { color:#53a3ac;}
h3 { color:#64c111; font-size:1.08em; margin-bottom:15px;}
h4 { font-size:1em; margin-bottom:15px; line-height:1.5em;}
h5 { font-size:1em; line-height:1.5em;}
h6 { padding-left:29px; background:url(images/icon3.gif) no-repeat left 7px; color:#1e3b3e; font-size:30px; line-height:1.2em; text-transform:uppercase; margin-bottom:21px;}

.link { color:#438aa2; font-weight:bold; text-transform:uppercase; padding-left:8px; background:url(images/marker2.gif) no-repeat left 5px;}

.link1 { text-align:center; padding-top:21px;}
.link1 a { display:inline-block; color:#fff; font-size:1em; text-decoration:none; line-height:.92em;}
.link1 a span { display:block; padding:4px 11px 5px 19px; font-style:normal; font-weight:normal;}
.link1 a:hover { text-decoration:underline;}

.link2 { display:block; float:left; color:#fff; background:url(images/link4-left.gif) no-repeat left top #576162; text-decoration:none;}
.link2 span { display:block; font-size:1em; padding:4px 11px 5px 19px; line-height:.92em; background:url(images/link4-right.gif) no-repeat right top;}
.link2:hover { text-decoration:underline;}

.link6 { margin:13px 0px 14px 20px; display:block; float:left; color:#fff; background:url(images/link4-left.gif) no-repeat left top #576162; text-decoration:none;}
.link6 span { display:block; font-size:1em; padding:4px 11px 5px 19px; line-height:.92em; background:url(images/link4-right.gif) no-repeat right top;}
.link6:hover { text-decoration:underline;}
.link6 a { display:inline-block; color:#fff; font-size:1em; text-decoration:none; line-height:.92em;}
.link6 a span { display:block; padding:4px 11px 5px 19px; font-style:normal; font-weight:normal;}
.link6 a:hover { text-decoration:underline;}


.line-hor { border-bottom:1px solid #ccd1d0; margin:10px 0 30px 0; overflow:hidden; font-size:0; line-height:0;}
.line-hor1 { border-bottom:1px solid #ccd1d0; margin:30px 0; overflow:hidden; font-size:0; line-height:0;}


/*==================boxes====================*/
.main-box { width:100%;}
.main-box .left-top-corner { background:url(images/left-top-corner.png) no-repeat left top; height:30px; padding-left:30px;}
.main-box .right-top-corner { background:url(images/right-top-corner.png) no-repeat right top; height:30px; padding-right:30px;}
.main-box .border-top { background:url(images/border-top.png) left top repeat-x; height:30px; font-size:0; line-height:0; width:100%;}
.main-box .left-bot-corner { background:url(images/left-bot-corner.png) no-repeat left bottom; height:10px; padding-left:30px}
.main-box .right-bot-corner { background:url(images/right-bot-corner.png) no-repeat right bottom; height:10px; padding-right:30px}
.main-box .border-bot { background:url(images/border-bot.png) left bottom repeat-x; height:10px; font-size:0; line-height:0; width:100%;}
.main-box .border-left { background:url(images/border-left.png) left top repeat-y; padding-left:30px;}
.main-box .border-right { background:url(images/border-right.png) right top repeat-y; padding-right:30px;}

.box { width:100%; background:#e2ebe6; margin-bottom:1px; border-bottom:1px solid #fff;}
.box .inner { padding:30px 35px 8px 22px;}
.box h2 { padding-left:39px; background:url(images/button.gif) no-repeat left 0px; color:#597fad;}

.box1 { width:100%; background:#dddb3a;border-bottom:1px solid #fff;}
.box1 .inner { padding:23px 30px 18px 66px;}
.box1 h2 { padding-left:0px; color:#597fad;}
.box1 p { 
	color:#000000;
	font-size: 16px;
}


.box1_news { width:100%;}
.box1_news .inner { padding:30px 30px 36px 66px;}
.box1_news h2 { padding-left:0px; color:#597fad;}
.box1_news p { 
	color:#000000;
	font-size: 14px;
}


.box5 { width:100%; background:#e2ebe6; margin-bottom:1px;}
.box5 .inner { padding:30px 35px 8px 22px;}
.box5 h2 { padding-left:39px; background:url(images/button.gif) no-repeat left 0px; color:#597fad;}


.box2 { width:100%; height:240px; background-color: #a2bad9;}
.box2 .border-top {background:url(images/border-top1.gif) repeat-x top #eef7f5; height:auto; font-size:1em; line-height:1em;}
.box2 .border-left {background:url(images/border.gif) repeat-y left; padding:0;}
.box2 .border-right {background:url(images/border.gif) repeat-y right; padding:0;}
.box2 .left-top-corner {background:url(images/left-top-corner1.gif) no-repeat left top; padding:0; height:auto;}
.box2 .right-top-corner {background:url(images/right-top-corner1.gif) no-repeat right top; padding:0; height:auto;}
.box2 .border-bot {background:url(images/border-bot1.gif) repeat-x bottom; font-size:1em; line-height:1em; height:53px;}
.box2 .left-bot-corner {background:url(images/left-bot-corner1.gif) no-repeat left bottom; height:53px; padding:0;}
.box2 .right-bot-corner {background:url(images/right-bot-corner1.gif) no-repeat right bottom; height:53px; padding:0;}
.box2 .inner { padding:13px 13px 0 13px; text-align:left;}
.box2 h2 { color:#586166; font-size:24px; margin-bottom:18px;}
.box2 p { text-align:left; color:#586166; padding:0 0px;}


.link1-1 { text-align:center; padding-top:11px;}
.link1-1 a { padding:4px;display:inline-block; color:#fff; font-size:1em; text-decoration:none; line-height:.92em;}
.link1-1 a span { display:block; padding:4px 11px 5px 19px; font-style:normal; font-weight:normal;}
.link1-1 a:hover { text-decoration:underline;}
.link1-1 a {background:url(images/link1-left.gif) no-repeat left top #53a3ac;}
.link1-1 a span { background:url(images/link1-right.gif) no-repeat right top;}

.box3 { width:100%;height:240px;background-color: #dddb3a;}
.box3 .border-top {background:url(images/border-top2.gif) repeat-x top #f2fae8; height:auto; font-size:1em; line-height:1em;}
.box3 .border-left {background:url(images/border1.gif) repeat-y left; padding:0;}
.box3 .border-right {background:url(images/border1.gif) repeat-y right; padding:0;}
.box3 .left-top-corner {background:url(images/left-top-corner2.gif) no-repeat left top; padding:0; height:auto;}
.box3 .right-top-corner {background:url(images/right-top-corner2.gif) no-repeat right top; padding:0; height:auto;}
.box3 .border-bot {background:url(images/border-bot2.gif) repeat-x bottom; font-size:1em; line-height:1em; height:53px;}
.box3 .left-bot-corner {background:url(images/left-bot-corner2.gif) no-repeat left bottom; height:53px; padding:0;}
.box3 .right-bot-corner {background:url(images/right-bot-corner2.gif) no-repeat right bottom; height:53px; padding:0;}
.box3 .inner { padding:13px 13px 0 13px; text-align:left;}
.box3 h2 { color:#586166; font-size:24px; margin-bottom:18px;}
.box3 p { text-align:left; color:#586166; padding:0 0px;}


.link1-2 { text-align:center; padding-top:11px;}
.link1-2 a { padding:4px;display:inline-block; color:#fff; font-size:1em; text-decoration:none; line-height:.92em;}
.link1-2 a span { display:block; padding:4px 11px 5px 19px; font-style:normal; font-weight:normal;}
.link1-2 a:hover { text-decoration:underline;}
.link1-2 a {background:url(images/link2-left.gif) no-repeat left top #74b61c;}
.link1-2 a span { background:url(images/link2-right.gif) no-repeat right top;}

.box4 { width:100%;height:240px;background-color: #a8ba55;}
.box4 .border-top {background:url(images/border-top3.gif) repeat-x top #fbfaed; height:auto; font-size:1em; line-height:1em;}
.box4 .border-left {background:url(images/border2.gif) repeat-y left; padding:0;}
.box4 .border-right {background:url(images/border2.gif) repeat-y right; padding:0;}
.box4 .left-top-corner {background:url(images/left-top-corner3.gif) no-repeat left top; padding:0; height:auto;}
.box4 .right-top-corner {background:url(images/right-top-corner3.gif) no-repeat right top; padding:0; height:auto;}
.box4 .border-bot {background:url(images/border-bot3.gif) repeat-x bottom; font-size:1em; line-height:1em; height:53px;}
.box4 .left-bot-corner {background:url(images/left-bot-corner3.gif) no-repeat left bottom; height:53px; padding:0;}
.box4 .right-bot-corner {background:url(images/right-bot-corner3.gif) no-repeat right bottom; height:53px; padding:0;}
.box4 .inner { padding:13px 13px 0 13px; text-align:left;}
.box4 h2 { color:#586166; font-size:24px; margin-bottom:18px;}
.box4 p { text-align:left; color:#586166; padding:0 0px;}

.link1-3 { text-align:center; padding-top:11px;}
.link1-3 a {padding:4px; display:inline-block; color:#fff; font-size:1em; text-decoration:none; line-height:.92em;}
.link1-3 a span { display:block; padding:4px 11px 5px 19px; font-style:normal; font-weight:normal;}
.link1-3 a:hover { text-decoration:underline;}
.link1-3 a {background:url(images/link3-left.gif) no-repeat left top #baa044;}
.link1-3 a span { background:url(images/link3-right.gif) no-repeat right top;}


/*header*/
#header .logo { background:#101519; height:189px;}
#header .logo span { display:block; padding:0px 0 41px 0px;}
#header .title { position:absolute; left:303px; top:25px;}
#header .title h2{
	font-size: 26px;
}
#header .button { position:absolute; left:299px; top:55px;}
#header .extra { position:absolute; right:0; bottom:-29px;z-index: 999;}
#content .add{position: absolute; left:220px; top:170px;}
#content .construction{position: fixed; left:20px; top:200px;z-index: -1;}

/*content*/
#content p,
#content cite { 
	line-height:1.5em;
}
#content { background:#fff; padding-bottom:2px; position: relative;}
#content .indent { padding-left:35px;}
#content .indent1 { padding:30px 40px 6px 35px;}
#content .indent2 {height: 1220px; padding:30px 40px 6px 35px;}

/*footer*/
.footer_cont{display: block; height:30px;padding-top:42px; padding-left:18px; color:#ccc7b7; font-size: 10px;}
#footer p { background:#a2b9d9; color:#fff; display:block; float:left;padding:1px 0px 0px 0px;}
#footer p span { display:block; padding:8px 36px 8px 27px;}
#footer p a { color:#fff;}

/*==========================================*/


/* shortcuts */
ul.shortcuts{float:right;margin:4px 32px 0 0px;padding:0;list-style:none;}
ul.shortcuts li{float:left; display:block; }
ul.shortcuts li a{font-size:12px;color:#efeee5;text-decoration:none;padding: 0px 0px 0px 26px;}
ul.shortcuts li a:hover{text-decoration:none; color: #ffffff; padding: 0px 0px 0px 26px;}

/* newslist */
ul.news_start{margin:0px 0 0px 0px;padding:0px 0 0px 18px;list-style:disc;}
ul.news_start li{padding:2px 0px 0 0px;margin:0px 0px 0 0px;}
ul.news_start li:hover{padding:2px 0px 0 0px;margin:0px 0px 0 0px;}
ul.news_start li a{font-size:12px;font-weight:bold;color:#393939;text-decoration:none;padding: 0px 0px 0px 0px;}
ul.news_start li a:hover{color:#000;padding: 0px 0px 0px 0px;}
ul.news_start .right{float:left; padding: 12px 0 0 28px;}
ul.news_start .right a{color: #808080;}
ul.news_start .right a:hover{color: #ffffff;}

.font {
	text-shadow: 0 1px 0 #000;
}


/* newslist news */
.news_list{width:auto;height:95px;margin:15px 0 8px 10px;padding:8px 0 4px 0px;list-style:none;}
.news_list li{padding:2px 0px 0 0px;margin:0px 0px 0 0px; border-bottom: 1px solid #ccc;}
.news_list li:hover{padding:2px 0px 0 0px;margin:0px 0px 0 0px;}
.news_list li a{font-size:12px;font-weight:bold;color:#393939;text-decoration:none;padding: 4px 0px 0px 0px;}
.news_list li a:hover{color:#000;padding: 0px 0px 0px 0px;}
.news_list .right{float:right; margin-right:10px;margin-top:4px;}
hr.news_seperator{width:auto;border-top: 1px solid #fff; border-bottom: 1px solid #ccc;border-left: 10px solid #000;}


/* mce och adminbox */

.logout{position: absolute;top:0px;left:0px;z-index: 8;color: #000;background-color: #fff;border: 1px dotted black;padding: 5px;margin: 5px;}
.adminbox{border: 1px dotted black;}
.adminbox_clear{position: relative;padding: 4px;margin-top: 5px;text-align: left;border: 1px dotted black;}
.adminbox_adder_clear{position: relative;padding: 4px;margin-top: 10px;text-align: left;border: 1px dotted black;}
.adminbox a{color: #000;font-size: 10px;}
adminbox img, .box .adminbox img{vertical-align: middle;margin-top: 0px;margin-left: 0px;padding-bottom: 0px;}
.admin_edit{text-decoration: none;}
body.mceContentBody{background: #FFFFFF;}






/* Ajaxforms */

fieldset{width: 500px;padding: 10px; border-color: #ccc; border: 1px dotted;}
legend{padding:4px; font-size: 12px;}


#FormContainer {           /*Centers the FormContainer div for this example. See other rules for this div in the EA_Form.css file*/
		  margin-left: 10px;
		  margin-right: auto;
		  clear: both;
	  }
	  #FormContainer p {
		  text-align:center; 
		  margin-bottom: 2em;
	  }
	  #FormContainer h1 {		  
		  text-align: center;
		  font-size: 1.6em;
		  color: #148C14;
		  margin-bottom: 0;
		  font-weight:bolder;
	  }		
	  .req_input {		
		  color: red;	
		  font-size: .8em;
	  }
	  label {                     /*Gives consistent width to all form labels.*/
		  display: block;
		  width: 165px;
		  margin-bottom: .5em;
	  }
	  input[type="text"], select {   /*input[type="text"] not supported in IE6, text input will display at default IE6 width*/
		  width: 140px;	
	  }
	  textarea {
		  width: 340px;
		  height: 100px;
		  margin-bottom: .6em; /*Gives proper spacing to last input field in this example.*/
	  }
	  #SubmitButton {     /*Pushes the submit button under the last input area (in this case the <textarea> and aligns it*/
		  clear: both;
		  margin-left: 0px;
		  margin-top: 1em;
	  }
	  
	  @charset "utf-8";

/*
*
* NOTE: PLEASE LEAVE THIS NOTE IN YOUR PROJECT IF YOU USE THE PROVIDED ERROR MESSAGE IMAGE 
*
* Error message image (triangle with exclamation point) is modified version of the 		
* original created by Mark James as part of his Silk icon theme. 
* 
* Please see http://www.famfamfam.com/lab/icons/silk/ for more info. 
*
*/


/*
*
* Thank you for purchasing EasyAjax_Form. 
* 
* Please review the following notes before implementing into your project.  
* Your form will work well without changing a thing but I designed this tool
* so every designer could make it their own. 
*
* Make sure not to change the selector names of the required CSS rules 
* (.FAIL, #FORM_LOAD, etc) but feel free to test away with 
* new delcarations (property:value;).  If you would like to change the 
* selector names, see the advanced customization options in the 
* documentation.
*
* John Stevens
* JJStevens17@gmail.com
*
*/




/*
*
* Reccomended CSS for the EasyAjax_Form
*
*/


#FormContainer {
		  clear: both;	/*This is the parent of the <form>, usally a wrapping div.  Name it whatever you want, but keep in mind the following*/
	position:relative;		/*NOTE: You need to give this element a positioning context to constrain the loading overlay (during ajax)*/
	padding: 10px 5px;	    /*NOTE: Left and right padding on this element is reccommended for responses from the server side script.*/ 
	margin: 0;
	min-height:600px;       /*NOTE: Using a min-height on this element looks better when the ajax loading overlay is applied.  Not supported in ie6*/
	width: 520px;           /*Use width to make room for validation error messages*/
	/*-moz-border-radius: 8px;*/      /*NOTE: these border radius rules are optional and not supported by internet explorer*/
	/*-webkit-border-radius: 8px;*/
}

* html #FormContainer{   /*IE6 CSS fix as IE6 does not support min-height*/		 
	height:500px;
	overflow: auto;    /*You may want to do overflow:hidden depending on the project.*/
}

input, textarea, select {  /*Reccomended in order to align validation pass/fail messages next to each form field.  You can also style each individual field with a float: left.  If left out, error message will fall below the field.*/
	float: left;
	
}

label {                /*Not always needed but required if you use the example markup*/
	clear: both;
	float: left;
}

form {                    /*Not always needed but ensures that your form will fade properly during Ajax communication*/
	display: inline-block;
}

.captchaIMG {      /*Required for human checker field.*/
		  clear: both;

	background:transparent url(../../modules/ajaxform/images/EA_Form_RUhuman1.png) no-repeat scroll 0 0;  /*Replace this image with any you'd like to use (20px X 70px)*/
	display:block;
	float:left;
	height:20px;
	margin-left:15px; /*Optional*/
	margin-top:2px;  /*Optional*/
	width:70px;
}


/*
*
* Required CSS for the EasyAjax_Form 
*
*/



.AJAX_TIMEOUT {		/*Style Ajax timeout error*/
	font-weight: bold;
	color: red;
}

.AJAX_RESPONSE {	
		  clear: both;
	/*Style successful responses from server side script*/
	font-weight: bold;	
}

#FORM_LOAD {		/*This acts as a modal type overlay added during ajax processing. It's attached to the form's parent element.*/
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	height: 100%;
	width: 100%;
	background: url(../../modules/ajaxform/images/EA_Form_Load.gif) no-repeat center;    /*NOTE: CUSTOMIZE YOUR LOADING IMAGE AT www.ajaxload.info */
	background-color: #545454;        /*Take out background-color and opacity rules (the next three) to remove the 'modal' overlay.  Will only show icon*/
	opacity: .55;                     /*Adjust opacity of the overlay with the following three rules*/
	-moz-opacity:0.55;
	filter:alpha(opacity=55);
	/*z-index:1001;*/		          /*NOTE: z-index may need to be used if you are using serveral absolutely placed elements*/
	/*-moz-border-radius: 8px;*/      /*NOTE: these border radius rules are optional and not supported by internet explorer*/
	/*-webkit-border-radius: 8px;*/
}

.PASS {		/*Class that is added if input for this field is valid*/
	background: url(../../modules/ajaxform/images/EA_Form_Pass.png) no-repeat scroll 0 0;
	height:16px;					/*height should be equal to the height of your validation pass imaage*/
	margin-left:7px;                
	width:23px;						/*width needs to accomodate your validation pass image.*/
	float:left;   
                
}

.FAIL {		/*Class that is added if input for this field is not valid*/
	background: url(../../modules/ajaxform/images/EA_Form_Error.png) no-repeat scroll 0 0;  /* KEEP THIS NOTE: Image modified from the silk icon theme by Mark Jackson*/
	color:red;
	font-size: 11px !important;     
	height:16px;
	margin-left:7px;
	padding-left:20px;       /*Padding should be equal to the width of your error image plus whatever padding between the image and error message.*/
	float:left;

}

/*
*
* Required IE6 fixes  
*
*/

* html #FORM_LOAD {
	height: 588px;		/*
						* NOTE: Width and height may have to be set for this IE6 fix.  Unfortunately you will have to some testing here.  
						* IE6 will be dead soon!  Without setting the width, you may get a small gap in your ajax overlay on ie6.
						*/
      
}


/*
*
* Style EasyAjax Form Class Markers.
*
* All remaining EasyAjax Form classes are used primarily as markers for the EA_Form javaScript Object but
* you can also give them CSS values to visually group fields that are alike.  Any marker class that you 
* add to the html class attributes for input fields (including textarea, select, etc.) can be used in this way.
*
*/

.REQUIRED {                   
	background: #ffffe6;  
	border: solid 1px #CCC;
}

.OPTIONAL {
	background: #fafafa;
	border: solid 1px #CCC;
}