@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

 body {
  background-color: #ffffff;
  font-family: arial,sans-serif;
  text-align: left;
  overflow: auto;
}

#page_container {
  position: absolute;
  left: 50%;
  margin-left: -480px;
  top: 0px;
  width: 960px;
  height: 100%;
  z-index: 3;
  background-color: #ffffff;
}

#page_fade_left {
  background: url(images/page_fade_left.jpg);
  background-repeat: repeat;
  background-color: #fbfdfe;
  position: relative;
  width: 10px;
  height: 650px;
  z-index: 2;
  left: 0px;
  float:left;
}

#page_fade_left_end {
  background: url(images/page_fade_left_end.jpg);
  background-repeat: repeat;
  background-color: #fbfdfe;
  position: absolute;
  width: 10px;
  height: 80px;
  z-index: 2;
  left: 0px;
  bottom: 0;
}

#main_holder {
  position: relative;
  width: 940px;
  background-color: #FFFFFF;
  z-index: 2;
  left: 0px;
  float: left;
  display: block;
}

#footer {
position: absolute;
  width: 940px;
  height: 20px;
  background-color: #FFFFFF;
  z-index: 2;
  left: 0px;
  bottom:0;
}

#page_fade_right {
  background: url(images/page_fade_right.jpg);
  background-repeat: repeat;
  background-color: #fbfdfe;
  position: relative;
  width: 10px;
  height: 650px;
  z-index: 2;
  left: 0px;
  float: left;
}

#page_fade_right_end {
  background: url(images/page_fade_right_end.jpg);
  background-repeat: repeat;
  background-color: #fbfdfe;
  position: absolute;
  width: 10px;
  height: 80px;
  z-index: 2;
  left: 0px;
  bottom: 0;
}

#top_content_box {
width: 995px;
  height: 201px;
}

#top_navigation {
float:left; 
margin-left:0px; 
margin-top:25px;
width: 500px;
font-size: 9pt;
font-weight: bold;
z-index: 9001;
}

#top_navigation ul {
list-style: none;
padding: 0;
margin-top: 15px;
text-align: left;
}

#top_navigation li{
float: left;
margin-left: 30px;
padding: 5px 5px 5px 1px;
width: 85px;
}

#top_navigation li a{
text-decoration: none !important;
text-align: center !important; /*remove this and below to have it aligned left as before */
margin-left: 0px !important;
padding: 0px 2px 0px 2px !important;
}

.blockdisplay85 a { display: block !important;
width: 85px !important; }

.blockdisplay70 a { display: block !important;
width: 60px !important; }

a:link, a:visited, a:hover, a:active { text-decoration: none; } /* this is the order they should go in to work correctly */ 

.nav_blue, .nav_blue:link, .nav_blue:visited, .nav_blue:active { 
color: #434343;
border-bottom: 4px solid #0770b8;
}

.nav_blue:hover, .nav_blue:hover a { 
color: #FFFFFF;
background-color: #65bdf8;
text-decoration: none;
}

.nav_blue a:link, a:visited { margin-left: 2px; color: #000000; text-decoration: none; }
.nav_blue a:hover, a:active { margin-left: 2px; color: #FFFFFF; text-decoration: none; }

.nav_green, .nav_green:link, .nav_green:visited, .nav_green:active { 
color: #434343;
border-bottom: 4px solid #789700;
}

.nav_green:hover, .nav_green:hover a { 
color: #FFFFFF;
background-color: #9fc60b;
text-decoration: none;
}

.nav_green a:link, a:visited { margin-left: 2px; color: #000000; text-decoration: none; }
.nav_green a:hover, a:active { margin-left: 2px; color: #FFFFFF; text-decoration: none; }

.nav_pink, .nav_pink:link, .nav_pink:visited, .nav_pink:active { 
color: #434343;
border-bottom: 4px solid #b1016a;
text-decoration: none !important;
}

.nav_pink:hover, .nav_pink:hover a { 
color: #FFFFFF;
background-color: #e835a0;
text-decoration: none;
}

.nav_pink a:link, a:visited { margin-left: 2px; color: #000000; text-decoration: none; }
.nav_pink a:hover, a:active { margin-left: 2px; color: #FFFFFF; text-decoration: none; }

.nav_orange, .nav_orange:link, .nav_orange:visited, .nav_orange:active { 
color: #434343;
border-bottom: 4px solid #e94200;
}

.nav_orange:hover, .nav_orange:hover a { 
color: #FFFFFF;
background-color: #fc7609;
text-decoration: none;
}

.nav_orange a:link, a:visited { margin-left: 2px; color: #000000; text-decoration: none; }
.nav_orange a:hover, a:active { margin-left: 2px; color: #FFFFFF; text-decoration: none; }

#main_content {
  position: relative;
  width: 940px;
  background-color: #FFFFFF;
  z-index: 2;
  left: 0px;
  float: left;
  display: block;
  top: -50px;
}

#main_content a:active {
margin-left: 0px !important;
} 

#left_nav_holder {
width: 160px;
margin-left: 20px;
position: relative;
float: left;
}

#left_nav_main ul li.current_page_item a {
/*text-decoration: underline;  */
}

#left_nav_main {
width: 160px;
height: 300px;
padding: 0px;
margin: 0px;
position: relative;
float: left;
font-size: 14px;
color: #ffffff;
}

#left_nav_main a {
color: #ffffff;

}

#left_nav_main a:active {
margin-left: 0px !important;
} 

#left_nav_main a:link {
color: #ffffff;

}

#left_nav_main a:hover {
text-decoration: underline !important;
}

#left_nav_main ul {
position: relative;
font-size: 14px;
width: 160px;
text-decoration: none;
}

#left_nav_main li {
position: relative;
width: 160px;
text-decoration: none;
}

#left_nav_main li a {
padding: 10px 5px 10px 10px;
display: block;
text-decoration: none; 
}

#left_nav_main li li a {
padding: 5px 0px 0px 5px;
display: block;
text-decoration: none;
}

#left_nav_main ul ul {
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
width: 140px;
}

#left_nav_main ul ul ul{
padding: 0px 0px 0px 0px;
position: relative;
font-size: 12px;
width: 120px;
}

#left_nav_main ul ul ul ul {
padding: 0px 0px 0px 0px;
position: relative;
font-size: 12px;
width: 100px;
}


#left_nav_main li li {
padding: 0px 10px 0px 10px;
position: relative;
font-size: 14px;
width: 140px;
}


#left_nav_main li li li{
padding: 0px 0px 0px 10px;
position: relative;
font-size: 12px;
width: 120px;
}

#left_nav_main li li li li {
padding: 0px 0px 0px 10px;
position: relative;
font-size: 12px;
width: 100px;
}

#left_nav_main li li li li li {
padding: 0px 0px 0px 10px;
position: relative;
font-size: 12px;
width: 80px;
}


#left_nav_main .menu > li > .sub-menu li li {

display:none !important;
}


#left_nav_main .menu > li > .sub-menu li.current_page_item,#left_nav_main .menu > li > .sub-menu li.current_page_item > ul > li {
display:block !important;
}

#left_nav_main .current_page_item {
}

#left_nav_main .menu > li > .sub-menu li.current-page-parent, #left_nav_main .menu > li > .sub-menu li.current-page-parent > ul > li {

display:block !important;
}

.current_page_item a:link, .current_page_item a:visited {
	text-decoration: underline !important;
}
.current_page_item a:hover {
	text-decoration: underline !important;
}
.current_page_item li a:link, .current_page_item li a:visited {
        text-decoration: none !important;
}
.current_page_item li a:hover {
       text-decoration: none !important;
}


#middle_content_holder {
width: 420px;
margin-left: 20px;
position: relative;
float: left;
padding: 0px; 
}

#middle_content_holder img {
border: 0px;
padding: 5px;
}

#middle_content_header {
width:420px;
position: relative;
float: left;
padding: 0px; 
}

#middle_content_header img {
border: 0px;
padding: 0px 0px 5px 0px;
}


#middle_content_holder a, a:link, a:visited, a:hover, a:active {
color: #000000;
}

#no_side_menu_main_holder         { width: 600px; overflow: hidden;
                   position: relative; margin-left: 20px; min-height: 300px;}
				   
#no_side_menu_main         { width: 600px; overflow: hidden;
                   position: relative; margin-left: 0px; }

#no_side_menu_main img {
border: 0px;
padding: 5px;
}

#no_side_menu_middle_content_header {
width:600px;
position: relative;
float: left;
padding: 0px; 
}

#no_side_menu_middle_content_header img {
border: 0px;
padding: 0px 0px 5px 0px;
}
				   
				   
#slider          { height: 300px; width: 600px; overflow: hidden;
                   position: relative; margin-left: 20px; }
#mover           { width: auto; position: absolute; }
.slide           { width: 600px; float: left; left: 0px; position: relative; vertical-align: top;}
.slide_title     { font-family: Arial, Sans-Serif; font-size: 24px; color: #FFFFFF; font-weight: bold; }
.slide_sub_title { color: #FFFFFF; font-size: 16px; vertical-align:top; } 
.slide p		 { padding: 20px 20px 0px 20px !important; }
.slide img       { position: absolute; top: 0px; left: 0px; width: 400px; height: 300px; } 

.slider_text { padding: 0px; width: 200px; height: 300px; margin-left: 400px; }
				
/* ie6 fix if needed in future # mover { width: auto; position: absolute; } */
		
#home_right_holder {
position: absolute;
left: 640px;
width: 300px;
height: 320px;
z-index: 1;
}

#home_right_blog {
position: relative;
float:left;
left: 0px;
width: 120px;
height: 100px;
top: 0px;
}

#home_right_blogtext {
position: relative;
width: 120px;
height: 80px;
float: left;
font-family: Arial, Sans-Serif; font-size: 20px; font-weight: bold; color: #FFFFFF; padding: 20px; padding-bottom: 0px;
vertical-align: middle;
left: 0px;
}
		
#home_twitter_feed {
position: relative;
width: 260px;
height: 160px;
margin-top: 20px;
float: left;
font-family: Arial, Sans-Serif; font-size: 11px; color: #FFFFFF; padding: 10px;
vertical-align: middle;
left: 0px;
}

#right_video_holder {
position: relative;
width: 280px;
height: 180px;
margin-top: 20px;
float: left;
vertical-align: middle;
left: 0px;
}

#home_twitter_bottom {
position: relative;
width: 240px;
height: 20px;
margin-top: 0px;
float: left;
vertical-align: top;
left: 0px;
}
		
.tweet, .query {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #FFFFFF; }
  .tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow-y: hidden; }
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      padding: .5em; }
      .tweet .tweet_list li a, .query .tweet_list li a {
        color: #FFFFFF; }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
       }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }
		
		
		
		
a.twitter_icon {
	display: block;
	float:left;
	margin-left:10px;
	width: 38px;
	height: 40px;
	text-decoration: none;
	background: url("images/twitter_icon.jpg");
	}

a.twitter_icon:hover {
	background-position: -38px 0;
	}
	
a.facebook_icon {
	display: block;
	float:left;
	margin-left:10px;
	width: 38px;
	height: 40px;
	text-decoration: none;
	background: url("images/facebook_icon.jpg");
	}

a.facebook_icon:hover {
	background-position: -38px 0;
	}

a.linkedin_icon {
	display: block;
	float:left;
	margin-left:10px;
	width: 38px;
	height: 40px;
	text-decoration: none;
	background: url("images/linkedin_icon.jpg");
	}

a.linkedin_icon:hover {
	background-position: -38px 0;
	}
	
a.blog_icon {
	display: block;
	float:left;
	margin-left:10px;
	width: 38px;
	height: 40px;
	text-decoration: none;
	background: url("images/blog_icon.jpg");
	}

a.blog_icon:hover {
	background-position: -38px 0;
	}

a.youtube_icon {
	display: block;
	float:left;
	margin-left:10px;
	width: 38px;
	height: 40px;
	text-decoration: none;
	background: url("images/youtube_icon.jpg");
	}

a.youtube_icon:hover {
	background-position: -38px 0;
	}

.icon_displace {
	position: absolute;
	left: -1500px;
	float:left;
	}
		
#image_header {
  background-repeat: repeat;
  background-color: #FFFFFF;
  position: relative;
  width: 940px;
  height: 230px;
  z-index: 2;
  left: 0px;
  margin-top: 20px;
  padding: 0px;
}


#blanket {
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
background-color:#eeeeee;
width:300px;
height:300px;
left:50px;
z-index: 9002;
}

.green_bg { background-color: #9fc60b; }
   .darkgreen_bg { background-color: #789700; }
   .blue_bg { background-color: #65bdf8; }
   .darkblue_bg { background-color: #0770b8; }
   .pink_bg { background-color: #e835a0; }
   .darkpink_bg { background-color: #b1016a; }
   .orange_bg { background-color: #fc7609; }
   .darkorange_bg { background-color: #e94200; }

.fontlarge { font-size: 14pt;}
.fontmedium { font-size: 12pt; }
.fontsmall { font-size: 10pt; }
.fontsmallest { font-size: 8pt; }
.fontwhite { color: #FFFFFF; }
.fontwhite a, .fontwhite:link, .fontwhite:visited, .fontwhite:hover, .fontwhite:active { color: #FFFFFF; }
.fontgrey { color: #2c2c2c; }

.bold { font-weight: bold; }