@charset "utf-8";

.QOverlay {
	background-color: #ffffff;
	z-index: 9999;
}

.QLoader {
	background-color: #ED9121;
	height: 1px;
}
/* matching green: #7DAD37; */

html, body {height:100%;}
body { margin: 0; padding: 0; background-color: #7DAD37; background-image:url(files/bgstripe.gif); }
#pagemarker { position: absolute; top: -350px; right: 0px; text-align: center; padding: 15px; }
#pagemarker_alt { position: absolute; top: -150px; right: 0px; text-align: center; padding: 15px; }
.pagemarker { font: bold 18px Arial, Helvetica, sans-serif; color: #FFFFFF; }
.ubersmall { font: bold 18px Arial, Helvetica, sans-serif; color: #FFFFFF; }
#headingmarker { float: left; margin: 0 8px 0 25px; }
#picmarker { float: right; margin: 12px; padding: 0; }

h2 { font-size: 36px; color: #FFFFFF; padding-left: 12px; margin: 0; font-family: Arial, Helvetica, sans-serif;}
h3 { font-size: 24px; color: yellow; padding-left: 12px; margin: 0; font-family: Arial, Helvetica, sans-serif; }
h3.right { float: right; padding-right: 15px; }
h4 { margin: 0; padding: 10px; font: bold 22px Helvetica, sans-serif; color: #181818; text-shadow: #FFF 1px 1px; }
h5 { color: #FFFFFF; font: bold 16px Helvetica, sans-serif; }
h6 { color: #FFFFFF; font: bold 12px Helvetica, sans-serif; text-align: center; padding-right: 25px; margin:0; position: relative; bottom: 0px; }

a { color: #ccc; }
a img { border: none; }
.linky a img { vertical-align: super; margin-left: 2px; text-decoration: none; }
.linky a { text-decoration: none; }
p { margin-left: 18px; margin-top: -20px; font: normal 14px Arial, Helvetica, sans-serif; color: #FFFFFF; line-height: 120%; padding: 20px; }
p.quote_entry_alt { margin-left: 18px; margin-top: -20px; font: normal 14px Arial, Helvetica, sans-serif; color: #FFFFFF; line-height: 120%; padding: 20px; background: none; }
.biggerbold { font-size: 18px; font-weight: bold; color: #ed9121; }
.smaller { font: normal 12px Arial, Helvetica, sans-serif; color: #cccccc; }
#skilllist { margin-left: 18px; margin-top: -20px; font: normal 14px Arial, Helvetica, sans-serif; color: #FFFFFF; line-height: 120%; padding: 20px; list-style-type: none; }
#skilllist li { padding-left: 20px; }
p.ico { padding: 0px 6px 0px 40px; }
#background {
			position: absolute; top: 0; left: 0;
			width: 100%;
			height: 347px;
			background: transparent url(trsp.jpg);
		}
#homelayer1 {
			position: absolute; top: 0; left: 0;
			width: 100%;
			height: 347px;
			background: transparent url(files/carrotscape.jpg) 0 0px repeat-x;
		}
#homeimages { border: 1px solid blue; }		
#homelayer1 li { margin: 0; padding: 0; list-style: none; position: relative; }
#img1 {left: 460px; top: 240px; width: 65px; height: 65px; padding: 0; border: 1px solid blue; }

#img1:hover #imgcommentpos { visibility: visible; }
#imgcommentpos { visibility: hidden; position: absolute; left: -355px; bottom: 60px; width: 425px; height: 330px; background: none; z-index: 500; padding-top: 20px; padding-left: 100px; } 
#imgcommentblurb { height: 60px; border-top: 0px dashed #87CEEB; border-bottom: 1px dashed #87CEEB; border-left: none; border-right: none; background: none; padding-top: 6px; padding-bottom: 6px; padding-left: 2px; padding-right: 2px; margin-left: 3px; width: 176px; overflow: auto; float: left; z-index: 1; }		
#msg { font: bolder 16px "Palatino Linotype", "Book Antiqua", Palatino, serif; }		
		
.captions { font: bolder 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2AAAFF; text-align: left; }
.captions_wh { font: bolder 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: left; }
.captions_bl { font: bolder 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #87CEEB; text-align: center; line-height: 90%; }

#logoholder { position: absolute; top: 2px; left: 15px; width: 325px; height: 184px; padding-left: 15px; padding-top: 5px; z-index: 500; }
.logotr { width: 219px; height: 184px; margin-top: 15px; background-image: url('files/carrotlogo10.png'); background-repeat: no-repeat; }

#cloud { position: absolute; top: 175px; left: 300px; width: 60px; height: 39px; padding: 0; margin: 0; }
#cloud2 { position: absolute; top: 45px; left: 475px; width: 60px; height: 39px; padding: 0; margin: 0; }
.cloudmtr { position: absolute; z-index: 200; width: 60px; height: 39px; margin: 0; padding: 0; background-image: url('files/cloud-med.png'); background-repeat: no-repeat; }
#cloud:hover #cloudmtr_txt { visibility: visible; }
#cloudmtr_rain { visibility: hidden; width: 180px; height: 245px; margin-left: 0px; padding-right: 55px; padding-left: 55px; padding-top: 25px; background-image: url('files/cloud-rain.png'); background-repeat: no-repeat; position: absolute; top: 52px; left: -65px; z-index: 100; }
#cloudmtr_txt { visibility: hidden; width: 375px; height: 125px; margin-left: 0px; position: absolute; top: 45px; left: -160px; z-index: 100; }

#wrapper { margin: 0 auto; padding: 0; width: 100%; position: absolute; top: 347px; left: 0; }
#wrapper_alt { margin: 0 auto; padding: 0; width: 100%; position: absolute; top: 200px; left: 0; }

#downloads { height: 60px; width: 100%; margin: 0; padding: 0; }
#contentcolumn { float: left; width:33.333%; height: inherit; }
#columndataleft { padding: 15px; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#columndata { border-left: 1px solid brown; padding: 15px; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; }

.expand { padding-bottom:.75em; padding-right: 5%; }
.collapse { position: relative; right: 20px; background-color: #4d7515; border: 3px solid #649321; padding: 80px 10px 30px 10px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
-moz-box-shadow:0px 0px 13px #000000;
-webkit-box-shadow:0px 0px 13px #000000;
box-shadow:0px 0px 13px #000000;
opacity:0.92;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=92);
filter: alpha(opacity=92);
}

/* --- Links --- */
.dotlink a:link, .dotlink a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {
  border:none;
  border-width:0 0 1px;
  text-decoration:none;
  color:#FFFFFF;
}
a:hover, a:active, a:focus {
  border: none;
  background-color:none;
  outline:0 none
}
a:active, a:focus {
  color:#FFFFFF;
}
.expand a {
  display:block; height: 40px;
  padding:3px 10px 0 40px;
}
.expand a:link, .expand a:visited {
  border:none;
  background-image:url(files/downopen.gif);
  background-repeat:no-repeat;
  background-position: 0 0;
}
.expand a:hover {
  text-decoration:none;
}
.expand a:active, .expand a:focus {
  text-decoration:none;
}
.expand a.open:link, .expand a.open:visited {
  border:none;
  background: url(files/upclose.gif) no-repeat 0 0;
}
/* expand2 */
.expand2 { margin: 0; padding: 0; }
.expand2 a:link, .expand2 a:visited {
  border:none;
}
.expand2 a:hover {
  text-decoration:none; 
}
.expand2 a:active, .expand2 a:focus {
  text-decoration:none;
}

.expand2 a.open:link, .expand2 a.open:visited {
  border:none;
}

.expand a img, .expand2 a img { border: none; outline: none; text-decoration: none; }
.expand img a:hover { text-decoration: none; }

#opencontent { padding: 0; margin: 0 0 35px 0;}
/* odl */

#sunholder { position: absolute; top: 140px; left: 630px; width: 65px; height: 65px; padding: 0; margin: 0; z-index: 50; }
.suntr { position: absolute; z-index: 200; width: 65px; height: 65px; margin: 0; padding: 0; background-image: url('files/sun.png'); background-repeat: no-repeat; }
#sunholder:hover #suntr_txt { visibility: visible; }
#suntr_txt { visibility: hidden; width: 375px; height: 125px; margin-left: 0px; position: absolute; top: 18px; left: -350px; z-index: 100; }

#carrotholder { position: absolute; top: 256px; left: 290px; width: 124px; height: 90px; padding: 0; margin: 0; z-index: 25; }
.carrottr { position: absolute; z-index: 200; width: 124px; height: 90px; margin: 0; padding: 0; background-image: url('files/carrot.png'); background-repeat: no-repeat; }
#carrotholder:hover #carrottr_txt  { visibility: visible; }
#carrotholder:hover .carrottr { }
#carrottr_txt { visibility: hidden; width: 575px; height: 50px; margin-left: 0px; padding-right: 5px; padding-left: 5px; padding-top: 8px; position: absolute; top: 84px; left: -75px; z-index: 100; }

#twitholder { position: absolute; top: 238px; left: 458px; width: 36px; height: 25px; padding: 0; margin: 0; }
.twittr { position: absolute; z-index: 150; width: 36px; height: 25px; margin: 0; padding: 0; background-image: url('files/twit.png'); background-repeat: no-repeat; }
#twitholder:hover #twittr_txt  { visibility: visible; }
#twitholder:hover .twittr { }
#twittr_txt { visibility: hidden; width: 575px; height: 50px; margin-left: 0px; padding-right: 5px; padding-left: 5px; padding-top: 8px; position: absolute; top: -30px; left: -45px; z-index: 100; }


#navholder { position: fixed; left: 0; top: 215px; width: 10%; padding: 0; margin-right: 1.5%; z-index: 1000; }
#nav {
	position: absolute; top: 2x; left: -2px;
    width: 56px; height: 148px;
	background-image: url(files/mainnav.png); background-position:bottom left;
    margin: 0; padding: 0;
	position: relative;

}
#nav li {
    margin: 0; padding: 0; list-style: none;
}
#nav li, #nav a {
    height: 148px; display: block; border: none;
}
#navstatic {
	position: absolute; top: 2x; left: -2px;
    width: 56px; height: 148px; /* 296 */
	background-image: url(files/mainnav.png);
    margin: 0; padding: 0;
	position: relative;

}

#navstatic li {
    margin: 0; padding: 0; list-style: none;
}
#navstatic li, #navstatic a {
    height: 148px; display: block; border: none;
}
#nav-facts {left: 59px; width: 57px; }
#nav-prod {left: 0px; width: 57px; }
#nav-facts a:hover { background: transparent url(files/mainnav.png) -58px 0 no-repeat; }
#nav-prod a:hover { background: transparent url(files/mainnav.png) -57px -148px no-repeat; }


#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}

#contentwrap { margin: 10px 0 0 0; padding: 0px; position: relative; left: 12%; width: 83%; }
#content { width: 95%; padding: 0; margin: 0;}
#content-left { width: 70%; float: left; padding: 0; margin: 0;}
#content-right { width: 30%; float: left; padding: 0; margin: 0; }
#content2 { width: 95%; padding: 0; margin: 0; border: 2px solid blue; }
#content img.right {
	float: right;
	margin: 0 0 8px 8px;
}
#heading { width: 85%; height: 100px; margin: 0; padding-left: 10px; }
#headalign { float: left; position: relative; top: 10%; }
#maincontent { width: 100%; margin: 0 auto; padding-top: 6px; padding-left: 10px; margin-top: 18px; margin-bottom: 50px; border-top: 0px solid #FFFFFF; clear: both;}

#list-slide { margin: 0 0 0 18px; padding: 0; }
ol { margin-left: 18px; margin-top: -20px; font: normal 14px Arial, Helvetica, sans-serif; color: #FFFFFF; line-height: 120%; padding: 20px; }

ol li { margin: 10px 0 10px 18px; padding: 0; }

#contact_form { margin: 0; padding-top: 20px; min-width: 575px; }
#carrotform { margin: 0; padding: 0; }
fieldset { border: none; }
#name_label, #email_label, #phone_label, #msg_label { font: 18px bold Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0; padding: 5px; margin: 0 auto; text-align: center; }
#name_error, #email_error, #phone_error, #msg_error { font: 12px bold Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0; padding: 4px 10px; margin: 0 auto; margin-top: 6px; margin-bottom: 6px; text-align: center; background-color: #F00; border: 1px solid #FFF; display: block; width: 150px; }
.contact_msg { font: 24px bold Arial, Helvetica, sans-serif; color: #ED9121; margin: 0; padding-left: 10%; }
#submit_btn { padding: 6px; width: 200px; }


/* FOOTER */

#bottomnav { float: left; clear: both; width: 93%; margin-bottom: 100px; padding: 20px 2% 125px 5%; margin-left: 0; border-top: 6px groove brown;  background-image: url(files/fencebot.jpg); background-position: bottom; background-repeat:repeat-x; position: relative; height: 150px; border-bottom: none; }

#copyfooter { position: absolute; bottom:4px; right: 4px; font-family: Arial, Helvetica, sans-serif; font-size: .7em; color: #000; margin: 0; }

/* LavaLamp menu */
.lavaLamp {
            overflow: hidden;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            border: 3px solid #000;
            background-color: #e6e8ea;
            width: 9px;
            height: 24px;
            z-index: 8;
            position: absolute;
        }

/* Styles for each menu-item. */
.lavaLamp li a {
         font: bold 14px arial;
         text-decoration: none;
         color: #000;
         outline: none;
         text-align: center;
         top: 7px;
         text-transform: uppercase;
         letter-spacing: 0;
         z-index: 10;
         display: block;
         float: left;
         height: 30px;
         position: relative;
         overflow: hidden;
         margin: auto 50px;
        }
.lavaLamp li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
        border: none;
                        }  
						
/* develop monitor */

div#mainwrap { width: 100%; max-width: 1024px; min-width: 650px; height: 560px; float: left; margin-left: 1%; margin-top: 1%; padding: 15px 15px 75px 15px; background:#FDFDFD; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95;  }
#mbase { width: 100%; max-width: 1024px; min-width: 650px; height: 200px; float: left; margin-left: 1%; margin-top: 1; padding-left: 60px; background-image:url(images/monitorbase.png); background-repeat:no-repeat; background-position: top; }	
#ctr { margin: 0 auto; padding: 0; width: 75%; max-width: 1024px; min-width: 650px; }

/*icons */
#sidebar { width: 18%; height: 700px; float: left; clear: both; margin-top: 200px; padding: 0; }
#sidebar_exhibit { width: 18%; height: 400px; float: left; clear: both; margin-top: 200px; padding: 0; }
#main { width: 100%; height: 475px; margin: 0; padding: 0; overflow: hidden; background-image:url(images/candied_vale-1440x900.jpg); background-repeat: no-repeat; background-position:left;  }
#iconcolumn { width: 110px; height: 490px; padding: 0; margin: 0; float: left; overflow: hidden; }
#iconcolumn ul { margin: 0; padding: 0; list-style:none; }
#iconcolumn ul li { width: 92px; padding: 6px; margin: 0; }

#navlabel { font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: #FFFFFF; padding: 0; margin: 0; }
#stylesmenu { margin-top: 20px; margin-left: 10px; width: 95%; float:left; text-align: right; } 
#tlabel { position: relative; top: 12px; }
#styleslist
{
margin-left: 10px;
padding-left: 0;
list-style: none;
}
#styleslist li { margin-top: 6px; margin-bottom: 6px; }
#styleslist li.style1 a
{
font-family: Arial, Helvetica, sans-serif; font-size: .8em; font-weight: bold; color: #fff;
padding-right: 56px; height: 48px;
background-image: url(images/scrrefresh.gif);
background-repeat: no-repeat;
background-position: center right;
text-decoration: none;
display: none;
}
#styleslist li.style1 a:hover { color: #FFF; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
#styleslist li.style2 a
{
font-family: Arial, Helvetica, sans-serif; font-size: .8em; font-weight: bold; color: #409CDC;
padding-right: 56px; height: 48px;
background-image: url(images/scrrefresh.gif);
background-repeat: no-repeat;
background-position: center right;
text-decoration: none;
display: block;
}
#styleslist li.style2 a:hover { color: #FFF; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
#styleslist li.style3 a
{
font-family: Arial, Helvetica, sans-serif; font-size: .8em; font-weight: bold; color: #409CDC;
padding-right: 56px; height: 48px;
background-image: url(images/scrrefresh.gif);
background-repeat: no-repeat;
background-position: center right;
text-decoration: none;
display: block;
}
#styleslist li.style3 a:hover { color: #FFF; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
#styleslist li.style4 a
{
font-family: Arial, Helvetica, sans-serif; font-size: .8em; font-weight: bold; color: #409CDC;
padding-right: 56px; height: 48px;
background-image: url(images/scrrefresh.gif);
background-repeat: no-repeat;
background-position: center right;
text-decoration: none;
display: block;
}
#styleslist li.style4 a:hover { color: #FFF; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }

.preloadimg { display: none; }
.hidden { display : none; }
.abouttr { width: 90px; height: 90px; background-image: url('about.png'); background-repeat: no-repeat; }
.adstr { width: 90px; height: 90px; background-image: url('ads.png'); background-repeat: no-repeat; }
.webtr { width: 90px; height: 90px; background-image: url('web.png'); background-repeat: no-repeat; }
.printtr { width: 90px; height: 90px; background-image: url('print.png'); background-repeat: no-repeat; }
.resumetr { width: 90px; height: 90px; background-image: url('resume.png'); background-repeat: no-repeat; }
.wordtr { width: 90px; height: 90px; background-image: url('word.png'); background-repeat: no-repeat; }
.contacttr { width: 90px; height: 90px; background-image: url('contact.png'); background-repeat: no-repeat; }
.studytr { width: 90px; height: 90px; background-image: url('study.png'); background-repeat: no-repeat; }
.portaltr { width: 90px; height: 90px; background-image: url('portal.png'); background-repeat: no-repeat; }
.gameico { width: 90px; height: 90px; background-image: url('gameico.png'); background-repeat: no-repeat; }
.newsbirdtr { width: 100px; height: 75px; background-image: url('newsbird.png'); background-repeat: no-repeat; float: left; }
.arrowdtr { width: 64px; height: 64px; background-image: url('arrowd.png'); background-repeat: no-repeat; float: left; }


/*
 * Color, Border, and Button Rules
 */
.contentslider {
  padding:10px; /* This acts as a border for the content slider */
  background:#333; /* This is the color of said border */
}
.cs_wrapper, .cs_article {
  background:#FFF; /* Background color for the entries */
}
.cs_leftBtn, .cs_rightBtn {
  width:30px; /* Should be as wide as the button graphic being used */
  background:#333; /* This will probably match the contentslider bg color */
}

/*
 * Article styles (font, color, etc.)
 *
 * If textResize is set to TRUE, sizing shouldn't need to be touched. However,
 * depending on the sizes you have defined, additional tweaking may be
 * required in order to get the text to display properly.
 */
.cs_article h2 {
  font-size:200%;
  line-height:1.125em;
}
  .cs_article h2 a {
    color:#333;
    text-decoration:none;
  }
.cs_article p {
  font-size:85%;
  line-height:1.5em;
  color:#777;
}
.cs_article .readmore {
  font-size:80%;
}

/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
  position:relative;
  display:block;
  width:900px;
  height:400px;
  margin:0 auto;
  overflow:hidden;
}
.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  width:10000px;
  height:100%;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:900px;
  height:400px;
  margin:0 auto;
  padding:0;
}
.cs_article h2 {
  display:block;
  width:26%;
  margin:10px 26px 5px 54%;
  text-align:left;
  font: bolder 18px Arial, Helvetica, sans-serif;
}
.cs_article img {
  position:absolute;
  top:0;
  left:0;
  width:66%;
  border:0;
  -ms-interpolation-mode:bicubic;
}
.cs_article p {
  display:block; background: none;
  width:26%;
  margin:0 26px 5px 67%;
  padding:0;
  border:0;
}
.cs_article .readmore {
  display:block;
  width:26%;
  margin:0 6% 1% 68%;
  text-align:right;
}
.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:0;
  height:400px;
  padding:10px 0;
  z-index:10000;
}
.cs_leftBtn {
  left:0;
  outline:0;
}
.cs_rightBtn {
  right:0;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:200px;
  margin:0;
}

/* xml feed */
	#page-wrap{
		padding-top:40px; padding-left:20px;
		display: none;
		}
		#entry_wrap { padding-left: 75px; height: 102px; background-image:url(files/bigcarrot.png); background-repeat: no-repeat; background-position: left; border-top: 1px solid yellow; border-bottom: 1px solid blue;
		}
		h1{
			margin-bottom:10px;
		}
		.items a,.items a:active,.items a:link,.items a:visited{
		    font: bold 20px Verdana, Geneva, sans-serif;
			color: #F4CA97;
			text-decoration: none;
			display:block; padding-left:35px; height: 35; background-image:url(files/feedico.png); background-repeat: no-repeat; background-position: left;
			margin-top:10px;
		}
		.items a:hover{
			text-decoration:none; color: #FFF200;
		}
		.brief{
			font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
			padding-left:10px; color: #FFF200;
		}
		.long{
			font: bold 11px Arial, Helvetica, sans-serif;
			padding-left:10px; color: #FFFFFF;
		}

/* login page */
.login-input { padding: 4px; font: normal 12px Arial, Helvetica, sans-serif; border: 2px solid green; }
#login-text { margin:  12px 0 4px 0; color: #FFF; font: bold 16px Arial, Helvetica, sans-serif; }
input.submitbtn { background-image: url(access/submit.gif); background-repeat: no-repeat; background-position: top; margin: 0; padding: 0; width: 50px; height: 50px; border: none; cursor: pointer; background-color: transparent; }