@charset "utf-8";
/* CSS Document */
/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
font:100%/1.25 Calibri, Arial, Helvetica, sans-serif;
background-image:url(../images/bkgd.gif);
background-repeat:repeat-x;
background-color:#b3cc78;
text-align:center;
}
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

.frontpageh2 {padding:0px; margin:0px; color:#225403; font-size:30px;}
 
h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
 
h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}
 
h3 {
font-size:1em;
font-weight:bold;
}

.speachbubble {
background-color:#87a83f; background-image:url(../images/bottom_speach.gif); background-repeat:no-repeat; background-position:bottom; }

.speachbubble p {
padding-left:13px; padding-top:0px; margin-top:0px; padding-right:20px; }

.speachbubble h3 {
padding-left:10px; padding-right:10px; margin-top:0px; padding-top:0px; padding-bottom:15px; font-size:22px; line-height:5px; font-weight:normal; }
.sponsorimg {
padding-top:8px; text-align:center;
padding-left:20px;
}


/***** Common Formatting *****/
 
p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
}

.front_text { font-size:14px; padding-left:5px;}

ul, ol {
padding:0 0 1.25em 2.5em;
}
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Image Formatting *****/
.largeimagedesigner {
border:8px solid #87a83f; text-align:center;
}

.largeimageprofile {
width:800px; background-color:#87a83f; background-image:url(../images/imagebottom.gif); background-position:bottom; background-repeat:no-repeat; text-align:center; margin-left:50px; margin-bottom:20px; }

.imagetext {
padding:0px;padding-left:10px;
margin:0px;
text-align:left;
}
/***** Links *****/
 
a {color:#333333;}

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


 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
}
 
/***** Wrapper *****/
 
#wrap {
width:960px;
margin:0 auto;
}

#container {
	/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#desigernames {padding-left:15px;}
#desigernames ul {padding-left:40px; list-style-image:url(../images/nano_crate.gif);}
#desigernames li {margin-left:50px; list-style-image:url(../images/nano_crate.gif);}
#desigernames a {color:#333333;}
#desigernames a:hover {color:#FBF8BF;}

#header {
height:93px;
	padding: 0  10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 25px 0;
	color:#FFFFFF;/* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#bkgdimage {
	padding:0px; margin:0px; background-repeat:no-repeat; background-position:center top; width:100%;
}
#rightcol {width:446px; margin-bottom:15px;  z-index:100; margin-right:105px; padding-left:10px; position:relative; float:right; }

#footer {
	/* Needed for Safari */	
	height: 100px;
font-size:11px;
	width: 100%;
	clear: both;
	left: 0px;
	background-image: url('../images/footer.gif');
	background-repeat:repeat-x;
	background-color:#B3CC78;
	position: relative;	
}
#footerlistcopy ul  {
padding:0px;
padding-top:0px;
margin:0px;
text-indent:0px;
}
#footerlistcopy ul li {
display:inline;
padding-right:20px;
}

#footerlistcopy ul li a{
color:#003300;
padding:0px;
margin:0px;
}

/*FOOTER NAVIGATION*/
/*-----------------*/
/*-----------------*/

#footerlistnav ul  {
padding:0px;
font-size:14px;
padding-top:8px;
margin:0px;
text-indent:0px;
}
#footerlistnav ul li {
display:inline;
padding-right:20px;
}

#footerlistnav ul li a{

padding:0px;
margin:0px;
}
#footerlistnav ul li a:hover{
color:#f3a8cd;
}


/*FOOTER LINKs*/
/*-----------------*/
/*-----------------*/
#footerlinks ul {
        list-style-type: none;
        width: 295px;
		height:28px;
		
} 

#footerlinks li {
        margin: 5px 0;
	
}

#footerlinks li a { 
color:#ec157f;
        display: block;
        padding: 2px;
        padding-left:20px;
        text-decoration: none;
		font-size:14px;
		background-image:url(../images/keyimages/white.png);
		background-repeat:repeat-x;
}


#footerlinks li a:hover {
background-image:url(../images/keyimages/red.png);
color:#000000;
background-repeat:repeat-x;
}


#footerlinks a em { 
        color: #333;
		font-size:10px !important ; 
}

#footerlinks a span {
color:#333;
		font-size:12px;
}
#footerh5 {
padding-top:40px;
padding-bottom:10px;

}

.3boxes {
width:108px; text-align:left; float:left;}

/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

#links ul {
        list-style-type: none;
        width: 300px;
		padding:0px;
		margin:0px;
} 

#links li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 5px 0;
	
}

#links li a { 
color:#000000;
        display: block;
        padding: 10px;
        padding-left:5px;
        text-decoration: none;
		font-size:18px;
		background-image:url(../images/portbkgd.gif);
background-repeat:repeat-x;
}


#links li a:hover {
background-image:url(../images/portbkgd_over.gif);
background-repeat:repeat-x;
}

#links a em { 
        color: #333;
		font-size:10px !important ; 
}

#links a span {
color:#333;
		font-size:12px;
}