/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_four */

.menu4 {padding:0 0 0 1em; margin:0; list-style:none; height:35px; background: url(images/pro_four0.gif);}
.menu4 li {float:left;}
.menu4 li a {display:block; float:left; height:35px; line-height:33px; color:#fff; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 14px; cursor:pointer; font-size:11px;}
.menu4 li a b {float:left; display:block; padding:0 28px 0 14px;}
.menu4 li.current a {color:#fff; background: url(images/pro_four2.gif);}
.menu4 li.current a b {background: url(images/pro_four2.gif) no-repeat right top;}
.menu4 li a:hover {color:#fff; background: url(images/pro_four1.gif);}
.menu4 li a:hover b {background: url(images/pro_four1.gif) no-repeat right top;}
.menu4 li.current a:hover {color:#fff; background: url(images/pro_four2.gif); cursor:default;}
.menu4 li.current a:hover b {background: url(images/pro_four2.gif) no-repeat right top;}

UL {
font-size : 10px;
font-family : "arial";
color : #4D4D4D;
text-align: left;
list-style-image: url(/images/linkarrow.gif);
}

body {
        background-image: url(images/background.png); /** Link to the image you created **/
        background-repeat: repeat-y; /** Repeats the image vertically **/
        background-position: center; /** Centers the Background image **/
        background-color: #F7F4EE; /** Website BG colour (matches canvas colour in Step 1) **/
	   text-align: center;
	    min-width: 600px;
		font-family: arial;
		font-size: 10px;
		color: #4D4D4D
}

a:active , a:visited , a:link {
color : #FF146C;
text-decoration : none;
font-style: bold;
}
a:hover {
color : #00A5FF;
text-decoration : underline;
font-style: bold;
}


#header {width:765px; background:#FFFFFF; margin:0 auto;
	text-align: left;}

#outer1 {float:right; width:256px; height:420px; padding:10px; background:#ffffff;}
#outer2 {float:right; width:472px; height:420px; padding:10px; background:#ffffff;}
#outer3 {float:right; width:768px; height:170px; padding:2px 10px; background:#ffffff;}

#outertop {width:248px; height: 189px; background-image: url(images/div.png); margin-bottom:20px; padding:5px;}
#outerbottom {width:248px; height:189px; background-image: url(images/div2.png); padding:5px; }
#center {border:#fff solid 1px; width: 470px; height:414px; background: #ffffff;} 
#outer3bottom {border:#fff solid 1px; height:150px; width: 740px; background: #ffffff;}


#info {float:right; width:750px; padding:10px; background:#ffffff;}


#blog {float:right; width:750px; padding:10px; background:#ffffff;}


#logo {width: 300px; float:left; height:100px; padding-left:5px;}
#search {width: 300px; float:right; height:100px; padding-right:5px;}


#wrapper {overflow:hidden; background:#e0e0e0; margin:0 auto;
	width:768px;
	text-align: left;}


#footer {width:767px; clear:both; background:#ffffff; margin:0 auto;
	text-align: left;}

.content {}
h1 {font-size:12px; margin:0; color:#4D4D4D; padding: 5px;}
h3 {font-size:18px; margin:0; padding:8px 0;}
p {font-size:10px; line-height:1.5em; margin:0; padding:5px 0;}
#footer p,
#header p {color:#000;}

<!--[if lte IE 7]>
<style type="text/css">
body {word-wrap:break-word;}
#outer3 {float:left; display:inline; margin-right:0;}

#wrapper {display:inline-block;}
</style>
<![endif]-->


<!-- search bar -->
/**
 * Greensky theme
 * A light green colored theme with query match highlighting and dotted rules
 * between each result. A slightly larger humanist sans, Trebuchet, is also used.
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 2%;
  width: 96%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
.cse .gsc-control-cse,
.gsc-control-cse {
  font-family: "Arial";
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border: block;
}
/* TD element containing the search input field. */
.cse td.gsc-input,
td.gsc-input {
  padding-right: 4px;
}
/* Search input field */
.cse input.gsc-input,
input.gsc-input {
  font-family: Arial;
  border: 1px solid;
  border-color: #FF146C;
  padding: 4px;
  border-radius: 4px;
  -moz-border-radius: 4px;	
  -webkit-border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px #999999;
  -moz-box-shadow: 0 1px 2px #999999;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: Arial;
  font-size: 10px;
  color: #ffffff;
  text-shadow: 0 1px 2px #888888;
  padding: 5px 8px;
  background-color: #FF146C;
  border: 1px solid;
  border-color: #C40133;
  font-weight: bold;
  border-radius: 4px;	
  -moz-border-radius: 4px;	
  -webkit-border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px #999999;
  -moz-box-shadow: 0 1px 2px #999999;
  }
/* Base tab selector styles */
.cse .gsc-tabHeader,
.gsc-tabHeader {
  text-shadow: 0 1px 2px #ffffff;
  padding: 2px 8px 0 8px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border: 1px solid;
  border-color: #a9da92;
  border-bottom: none;
  background-color: #ffffff;
  color: #333333;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  font-weight: bold;
  background-color: #a9da92;
  border: 1px solid;
  border-color: #a9da92;
  border-bottom: none;
  color: #333333;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin: 1em 0 0 0;
  border-bottom: 1px solid;
  border-color: #a9da92;
  padding: 0;
}
/* Wrapper for all results */
.cse .gsc-results,
.gsc-results {
  width: 100%;
  margin-top: -5px;
  background-color: #ffffff;
}
/* Wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  margin: 0;
  padding: .6em 0 1em 0;
  border-bottom: 1px dotted;
  border-color: #a9da92;
}
.cse div.gs-title,
div.gs-title,
.cse .gs-snippet,
.gs-snippet,
.cse .gs-visibleUrl,
.gs-visibleUrl,
.cse .gs-visibleUrl-short,
.gs-visibleUrl-short {
  padding: 0 8px;
}
/* Font size */
.cse .gs-title,
.gs-title,
.cse div.gs-title,
div.gs-title,
.cse .gs-snippet,
.gs-snippet {
  font-size: 10px;
  line-height: 17px;
}
/* Set link colors. */
.cse .gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link,
.cse .gs-webResult.gs-result a.gs-title:link b,
.gs-webResult.gs-result a.gs-title:link b,
.cse .gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited,
.cse .gs-webResult.gs-result a.gs-title:visited b,
.gs-webResult.gs-result a.gs-title:visited b,
.cse .gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover,
.cse .gs-webResult.gs-result a.gs-title:hover b,
.gs-webResult.gs-result a.gs-title:hover b,
.cse .gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active,
.cse .gs-webResult.gs-result a.gs-title:active b,
.gs-webResult.gs-result a.gs-title:active b,
.cse .gsc-cursor-page,
.gsc-cursor-page,
.cse a.gsc-trailing-more-results:link,
a.gsc-trailing-more-results:link {
  color: #0066cc;
}
/* Override default.css selector to disable underlines. */
.cse .gs-result .gs-title,
.gs-result .gs-title,
.cse .gs-result .gs-title *,
.gs-result .gs-title *,
.cse .gsc-cursor-page,
.gsc-cursor-page,
.cse .gsc-results .gsc-trailing-more-results,
.gsc-results .gsc-trailing-more-results,
.cse .gsc-results .gsc-trailing-more-results *,
.gsc-results .gsc-trailing-more-results * {
  text-decoration: none;
}
/* Snippet text */
.cse .gs-webResult.gs-result .gs-snippet,
.gs-webResult.gs-result .gs-snippet {
 color: #454545;
}
/* URL styling */
.cse .gs-webResult.gs-result .gs-visibleUrl,
.gs-webResult.gs-result .gs-visibleUrl,
.cse .gs-webResult.gs-result .gs-visibleUrl-short,
.gs-webResult.gs-result .gs-visibleUrl-short {
  color: #815FA7;
}
/* Pagination container centered */
.cse .gsc-cursor-box,
.gsc-cursor-box {
  padding: 1em .8px;
  text-align: center;
}
/* Pagination */
.cse .gsc-cursor-page,
.gsc-cursor-page {
  padding: .2em .5em;
  border: 1px solid;
  border-color: #a9da92;
}
.cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page,
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
  color: #333333;
  text-shadow: 0 1px 2px #ffffff;
  background-color: #a9da92;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #CBE8B4;
  border: 1px solid;
  border-color: #94CC7A;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0066CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0066CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #0066CC;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #0066CC;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #454545;
}
/* Promotion url */
.cse .gs-promotion.gs-result .gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #815FA7;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #ffffff;
}
.gsc-completion-container {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 10px;
  position: absolute;
  background: white;
  border: 1px solid #94CC7A;
  margin-left: 0;
  margin-right: 0;
  padding: 4px;
  text-shadow: 0 1px 2px #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px #999999;
  -moz-box-shadow: 0 1px 2px #999999;
  /* The top, left, and width are set in JavaScript. */
}

/* Full URL */
.gs-webResult.gs-result .gs-visibleUrl-short {
  display: none;
}
.gs-webResult.gs-result .gs-visibleUrl-long {
  display: block;
}
<!-- end search bar -->