@charset "utf-8";

* {/* zero margins and padding */
margin: 0;
padding: 0;
}

body {
background: #33ccff;
font: 62.5%/1.6 Tahoma, Geneva, sans-serif;
min-width: 840px;
text-align: center; 
}

.container {
width: 880px;
background-color: #ffffff;
margin: 0 auto; 
text-align: left;
}

.header {
background-color: #ffffff;
}

#logo {/* logo container */
width: 573px;
height: 133px;
float: left;
}

.searchArea { 
width: 305px;
height: 131px;
background: #ffffff;
float: left;
/*border: 1px solid #555555;*/
}

.maincontent {
width: 860px;
}

.maincontent p {
padding: 10px;
}

.maincontent ul, .maincontent ol { 
font-size: 1.1em;
padding: 0 15px 5px 40px; 
}

.sidebarleft {
width: 170px;
background-color: #ffffff;
float: left;
padding: 10px 0;
}

.content {
width: 510px;
float: left;
padding: 10px 0;
}

.sidebarright {
width: 200px;
background-color: #ffffff;
float: left;
padding: 10px 0;
}

.sidebarright h2 {
width: 160px;
background-color: #0229c5;
color: #ffffff;
display: block;
float: left;
font-size: 11px;
margin: 5px 10px;
padding: 10px;
}

.content ul, .content ol { 
padding: 0 15px 5px 40px; 
}

/* ~~ The navigation list styles  ~~ */
#nav {
background: #0229c5;
padding: 5px 0;
border-bottom: 5px solid #8ec38d;
}

#nav ul {
text-align: center;
}

#nav li {
display: inline;
}

#nav a {
color: #ffffff;
font: bold 11px Arial, sans-serif;
margin-right: 5px;
padding: 5px 10px;
text-align: center;
text-decoration: none;
border-right: 1px solid #f1f2f3; 
}
		
#nav a:hover {
color: #33ccff;
text-decoration: underline;
}

/*#nav a:active {
color:#ffffff;
}*/

#nav-startalk a {
border-left: 1px solid #f1f2f3; 
}

ul, ol, dl { 
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6, p {
margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 10px;
padding-left: 10px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}

h2 {
font-size: 1.4em;
}

p {
font-size: 1.2em;
padding-top: 5px;
padding-bottom: 5px;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */

a {/* default link style */
color: #005f9b;
text-decoration: none;
}

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

a img {/* remove borders from linked images */
border: 0;
}

img.right {
float: right;
padding-left: 10px;
}

img.center {
display: block;
padding-top: 10px;
}

img.left {
float: left;
padding-right: 10px;
padding-bottom: 2px;
}

.tag {
/*display: block;
border-bottom: 5px solid #dbad55;*/
margin-bottom: 0px;
}

.searchArea form {
padding: 30px 0 0 20px;
}

.searchArea p {
color: #eeeeee;
float: left;
margin-right: 10px;
}

.searchArea p.mainSearchLabel {
display: block;
float: none;
}
		
.mainSearchField {
width: 230px;
background-color: #111111;
color: #eeeeee;
font-size: 1.0em;
padding: 1px;
border: 1px solid #666666;
}
		
.mainSearchSubmit {
width: 40px;
background-color: #333333;
color: #eeeeee;
font-size: 1.0em;
margin-right: -10px;
border: 1px solid #666666;
}

/* ~~ Table ~~ */

#partners {
width: 800px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
margin-left: 10px;
text-align: left;
border-collapse: collapse;
}

#partners td {
color: #000000;
padding: 10px;
vertical-align: top;
}


#directory {
width: 510px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
margin-bottom: 10px;
text-align: left;
border-collapse: collapse;
}

#directory td {
color: #000000;
padding: 10px;
vertical-align: top;
}

#directory ul {
/*list-style-type: square;*/
margin-left: 10px;
padding: 0;
}

#directory li {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 1.1em;
margin-bottom: 10px;
padding: 5px;
}

/* ~~ The footer styles ~~ */
.footer {
background-color: #0229c5;
padding: 10px 0;
position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
border-top: 5px solid #8ec38d;
}

.footer p {
color:#ffffff;
text-align: center;
}

.footer a {
color:#ffffff;
font-size: 9px;
text-decoration: underline;
}


/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
}

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the .container) if the .footer is removed or taken out of the .container */
clear:both;
font-size: 1px;
height:0;
line-height: 0px;
}