/* 
Copy from "style.css" into this file and make the changes HERE!
This makes it possible to upgrade the core system and theme without destroying your style changes.
*/


body {background: #efefef; font: 14px Helvetica, Times, Serif; line-height: 1.5; color: #000;} /* Changed font from Georgia to Helvetica */
h1, h2, h3, h4, h5, h6 {margin: 0; font-family: Helvetica, Arial, Sans-serif; color: #000;} /* Changed from #666666 */
h1 {font-size: 30px;} h2 {font-size: 24px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;}
p {margin: 0;}


h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}
a:link, a:visited  { color: #333333; }
a:hover  { color: #2284C5; } /* Changed from #666666 */

/* ********************************************** */
/* Core Site Design and General Appearance */
/* ********************************************** */

#container {}

/* Columns */
.col-left {float: left;}
.col-right {float: right;}
.col-full {width: 940px; margin: 0 auto;}

/* ********************************************** */
/* Navigation, Drop-Down Menus */
/* ********************************************** */

#navigation {text-transform: uppercase; font-size: 11px; background-color: #000;}
.nav, .nav ul {z-index: 100; margin: 0; padding-top: 5px; list-style: none; line-height: 1;}
.nav li {float: left; width: auto;}

/* Drop-Down Menus */
.nav li ul {position: absolute; left: -999em; width: 160px;}
.nav li ul li {border: 1px solid #d8d8d8; background: #FFF; border-width: 0 1px 1px;}
.nav li ul li a {width: 148px; line-height: 25px!important; font-size: 11px; color: #555!important; padding: 10px 0 0 10px;}
.nav li ul ul {margin: -30px 0 0 158px!important;}
.nav li ul ul li a {}
.nav li ul li ul li a {}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul, .nav li.sfhover ul ul ul ul {left: -999em;}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul, .nav li li li li.sfhover ul {left: auto;}
.nav li:hover,.nav li.hover {position:static;}

/* Top Page Navigation */
#top_navigation {}
#top_navigation a:link, #top_navigation a:visited {display: block; z-index: 100; padding: 12px 20px 0 0; line-height: 10px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; color: #fff;}
#top_navigation a:hover {color: #2284C5;} /* Added blue color #2284C5 removed text-decoration: underline; */
#top_navigation li ul {margin-top: 0px; border-top: 0px solid #d8d8d8;}
#top_navigation li ul a:link, #top_navigation li ul a:visited {padding: 0 0 0 10px;}
#top_navigation li ul a:hover {color: #2284C5!important; background: #d8d8d8;} /* Changed color from #000 white to #2284C5 & changed background #d8d8d8 to #000 */


/* ********************************************** */
/* Social Networking Icons, WebKit*** */
/* ********************************************** */

#socialnetworking {margin:5px 0;}

ul.social_icons {margin: 0 auto !important; overflow: hidden;}
ul.social_icons img {position: absolute; left: 0; top: 0; border: 0;}
ul.social_icons .small {display: inline; top: 4px; left: 4px;} /* from 8px to 4px */
ul.social_icons, ul.social_icons li {list-style: none; padding: 0;	margin: 0;}
ul.social_icons li {width: 32px; height: 32px; float: left; line-height: 32px; text-align: center; position: relative;}
/* 
If you'd like to enable a cool WebKit roll-over "expand" functionality for your Social Media icons, uncomment the following. Then, rename the "socialnetworking.php" file to "socialnetworking_OLD.php" and rename the "socialnetworking-webkit.php" file to "socialnetworking.php"
*/

ul.social_icons li img {-webkit-transition: opacity .5s linear; opacity: 0; vertical-align: middle;}
ul.social_icons li img.small {opacity: 0.5;}
ul.social_icons li:hover img{opacity: 1;}	
ul.social_icons li:hover img.small {opacity: 0;}		

/* The following is for testing. Do not un-comment. */
/* ul.social_icons li:hover ~ li img {opacity: 1;} */

ul.social_icons li, ul.social_icons li img {float: right;}
ul.social_icons li strong {position: absolute; left: -9000px;}


/* ********************************************** */
/* Main Content Area */
/* ********************************************** */

#content {min-height: 550px; padding: 0;}
#html #content {height: 550px;}
#main {width: 620px;}

/* Full Width Content Area */
#main.fullwidth {width: 940px;}