/* 
Styles for unions.org
Author: Mr.Mike Maddy
Date Created: Nov 24 2008
Description: Unions theme that based on unions blog section.
Tags: Blue color, variable width, three columns, widgets
*/

/* Basic Styles */
h1, h2, h3, h4, h5, h6, h7, p, form, input, ul{padding:0px; margin:0px;}
body { 
   margin: 0;
   color: #333;
   font-family: 'Arial', Verdana, sans-serif;
   font-weight: normal;
   font-size: small;
   line-height: 150%;
}

li {
   margin: .5em 0;
}

a:link { color: #000000; text-decoration: none; }
a:visited { color: #000000; text-decoration: none;}
a:hover { color: #000000; text-decoration: underline; }
a:active { color: #000000; outline: none; }

img, img a {
   border: 0;
   padding: 7px;
}

img a:active { outline: none; border:0; }

h1 {
   font-size: 22px;
   font-weight: normal;
   color: #000000;
}

h2 {
   font-size: 18px;
   font-weight: normal;
   margin: 4px 0 8px;
   color: #000000;
}
/* blockquote style */
blockquote {
   margin: 0 0 0 20px;
   line-height:150%;
   font: italic 12px verdana,Times,serif;
}

/* paragraph styling */
p { margin-top: 0.5em; } 

.clear {
   clear: both;
}

.navigation {
   height: 30px;
   margin-bottom: 10px;
   clear: both;
   font-weight: bold;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

#searchform #s {
   border: 1px solid #ccc;
   font-size: 13px;
   padding: 3px;
   height: 15px;
   margin: 0;
   width: 230px;
   color: #333;
   float: left;
}

#searchform div {
   padding-top: 3px;
}

#searchform #searchsubmit {
   cursor: pointer;
   float: right;
}

#headerimg {
margin:0 auto ; width:960px;
}

#page {
   margin: 0 auto ;
   padding:0;
   width: 1000px;
   background-color: #fff;
   
}

/* Left Side Bar */
#middle-wrap{ width: 1000px; padding-top:10px; margin:0 auto;}
#middle-wrap:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html #middle-wrap{height:1px} /* */

#middle-wrap #left-sidebar {
   display: hidden
   float: left;
   width: 174px;
   margin: 0;
   text-align: left;
}
#left-sidebar ul {
   list-style: none;
   margin: 0 auto 24px;
   padding: 0;
   width:100%;
}

#left-sidebar ul#list-cats li {
   border-bottom: 1px solid #ccc;
   font-size: 14px;
   font-weight:normal;
   padding: 9px 0 5px;
   text-align:left;
   font-family:Arial, Helvetica, sans-serif;
   padding-left:10px;
   text-transform: uppercase;
}
#left-sidebar a{ font-size:12px; color:#000000}

#left-sidebar ul#list-cats li a:hover {
   color: #000;
   text-decoration: none;
}

#left-sidebar ul#m-likes li a, #left-sidebar ul#m-network li a {
   
   text-decoration: none; padding-left:10px;
}

#left-sidebar ul#m-likes li a:hover, #left-sidebar ul#m-network li a:hover {
   text-decoration: underline;
}

#left-sidebar li#recent-posts a {
   font-size: 14px;
   font-family: Arial;
   color: #000000;
   text-decoration: none;
   display: block;
   height: auto;
   padding-top: 9px;
   padding-bottom: 8px;
   line-height: 14px;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #cdcdcd;
   padding-left: 10px;
}

#left-sidebar li#recent-posts a:hover  {
   background-color: ffffff;
   background-image: url(/home/resources/images/home/arrow.gif);
   background-repeat: no-repeat;
   background-position: left center;
}

/* End Left Side Bar */

/* Right Side Bar */


#right-sidebar {
   width: 250px;
   margin: 0;
   float: right; 
}

#right-sidebar h2 {
   margin-bottom: 6px;
}

#right-sidebar li a {
font-size:12px; color:#000000;}

#right-sidebar li a:hover{
font-family: Arial;
color: #000000;
text-decoration: none;
}

#right-sidebar ul {
   padding: 0;
   margin: 6px 0 10px;
   list-style: none;
}

#right-sidebar ul li {
   line-height: 15px;
   margin-bottom: 6px;
}

#right-sidebar li#monthly-archives, #right-sidebar ul li #searchform {
   padding:4px 0 6px;
}

#right-sidebar li#monthly-archives select {
   width: 99%;
   border: 1px solid #ccc;
   color: #333;
   font-size:12px;
   padding: 3px;
}

#right-sidebar li#monthly-archives option {
   padding: 1px 4px;
}

#right-sidebar ul#recent-posts  {
   font-size: 12px;
   margin-bottom: 24px;
}

#right-sidebar ul#recent-posts a:hover  {
   text-decoration: underline;
}

#right-sidebar .adzone, .adzone {
   margin: 16px 0 22px;
}

#right-sidebar p.see-all-galleries {
   text-align: center;
   font-size: 11px;
   font-weight: bold;
   margin: 0;
}
.in-topper{ width:230px; float:left; height:25px;}
.in-list{ width:255px; float:left; height:25px;}
.in-btn{ width:33px; float:left; height:27px; background:url(images/go-btn.jpg) no-repeat; border:none; font-size:14px; font-weight:bold; color:#FFFFFF;}
#right-sidebar .content-wrap{ width:280px; float:left;}
#right-sidebar .content-wrap h2{font-size:12px; color:#000000; font-weight:bold; line-height:16px; padding:0 0 0px 5px;}
.content-wrap ul{ margin:0; padding:0;}
.content-wrap ul li{ margin:0; padding:0}
.content-wrap ul li a{ font-size:14px; color:#00518C;}
#right-sidebar .content-wrap .sub-widget{ width:276px; float:left; padding:5px 0 6px 0px; border-bottom:#666666 1px solid;}
#right-sidebar .content-wrap .sub-widget h5{ font-size:12px; font-weight:bold; color:#000000;}
.content-wrap .sub-widget .left-image-groop{ width:100px; float:left;}


.content-wrap .sub-widget .right-text-groop{ width:175px; float:left;}
.content-wrap .sub-widget .right-text-groop p a{ font-size:14px; font-weight:bold;}
.content-wrap .sub-widget .right-text-groop h3{ font-size:12px; font-weight:normal; color:#000000;}
/* End Right Side Bar */

/* RSS Feed Section */
div#rss_feed{
float:left; width:280px;
}
div#feedContent{
float:left: width:100%: padding-right:10px; font-family:Arial; font-size:13px; color:#015293; font-weight:700;
}
.imgContent{
float:left; width:auto;
}
.rssimg{
float:left; vertical-align:top; padding-left:10px;
}
/* Center Content */

#content {
   float: left;
   width: 650px;
   margin: 0 43px 0;
}
#content .img-snap{ width:468px; float:left;}
#content .img-snap .back{ float:left; padding:10px 0;}
#content .img-snap .next{ float:right; padding:10px 0;}
#content .img-snap h2{ font-size:16px; color:#333333; font-weight:bold; text-transform:capitalize; line-height:16px; padding:0 0 8px 5px;}
#content .img-snap h3{ font-size:12px; color:#333333; text-align:center;}
#content .snaper{ width:100%; border-bottom:#00518C 4px solid;}
#content .snaper h4{ font-size:12px; text-align:left; padding:0 10 0 8px; font-weight:normal;}

.post small {
   font-size: 11px;
   font-weight: bold;
   color: #666;
   padding-bottom:15px;
}

.post ul.recent-posts-single li {
   line-height: 16px;
   margin-bottom: 6px;
}

.entry {
   font-size: 12px; width:100%; float:left;
}

.entry-recent-img {
   margin-top: 18px;
   text-align: center;
}
input#author, input#email, input#url {
   width: 400px;
}

textarea#comment {
   width: 405px;
}

/* End Center Content */
.postinfo {background-color:#F0F0F0; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; border-left:0px solid #cccccc; color:#005295; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:10px 0 5px; padding:8px 5px 8px 8px;}

.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

.comment {background-color:#fff; border-left:0px solid #cccccc; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em;  line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px;  height:48px; margin:0 5px 5px 5px;}

.navigation {display:block; margin:10px 0 20px 0; padding:0; text-align:center;}
.navigation p {margin:0; padding:0;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}

#content h2,#contentwide h2 {font-size:1.6em; margin:0 0 10px;}
#content h3,#contentwide h3 {font-size:1.4em; margin:0 0 8px;}
#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}
#content li,#contentwide li {padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}

.titleBox{
height:20px; width:220px; border:1px solid #606060; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999;
}
.textareaBox{
width:280px; height:100px; border:1px solid #606060;
}
.submitBox{
font-family:Arial, Helvetica, sans-serif; font-size:12px; height:25px; width:auto;text-align:center;  background:#0067A6; color:#fff; border:1px solid #000033; font-weight:700; padding-bottom:3px; margin-top:5px;
}

.bloginfo {color:#000000; font-size:12px; font-weight:0; line-height:1.5em; margin:1px 0 5px; padding:2px 5px 8px 8px;}

select{
   width:100%;
   border: 0;
   height: 22px;
   font-size:12px;
   border:1px solid #606060;
   letter-spacing:1px;
   font-family: inherit;   
   color: #000;
}

#nav {
   margin: 0 0 0 20px;
   *margin: 0 0 0 20px;
   _margin: 0 0 0 10px;
   float: left;
   background:url(images/nav_bg_active.jpg) repeat-x;
   width: 960px;
   *width: 960px;
   _width: 960px;
   border:0px solid #FF0000;
   height: 45px;
   }
#nav li {
   list-style: none;
   float: left;
}
      
#nav li a {
   color: #5f5f5f;
   text-decoration: none;
   font-size: 13px;
   _float:left;
   font-family: Tahoma;
   padding-top: 2px;
   padding-right: 10px;
   padding-left: 10px;
   display: block;
   text-align: center;
   border:0px solid #FF0000;
   height: 45px;
   line-height: 40px;
   background-position: right center;
   background-repeat: no-repeat;   
   
}
      
#nav li a:hover {
   height: 42px;
   color: #CC0000;
   text-decoration: none;
   background-repeat: repeat-x;
   
}
.blogevent{
width:174px; height:auto; vertical-align: top; padding: 0px; vertical-align: top; margin-bottom:10px;
}
.findevent{
text-align:center; font-weight:bold; color:#ca0002; padding-top:0px; padding-bottom:0px;
}
h2{
color:#005194;
}
.autosearch{
      *width:250px; width:220px; font-family:Arial, Helvetica, sans-serif; font-size:14px; border:2px solid #999999; text-align:left; height:20px; color:#005295; margin-top:10px; margin-left:10px; font-family:Tahoma; font-size:12px; padding-left:5px; padding-top:2px;
      }
        .autofill-box { 
          z-index: 1000; 
          padding: 1px; 
          background: #000; 
        color:#005295;
          border: 1px solid #000; 
          text-align: left;
        font-family:Tahoma;
        font-size:12px;
        }  
        .autofill-box li { *width:246px; width:210px; padding:5px 2px 5px 2px; border-bottom:1px solid #cbcbcb;} 
        .autofill-box .selection { 

        color:#fff; 
        }
      
      .welmessage{
      color: #000000;
      }
      .disperror {
      border-style: solid;
      border-width: 1px; 
      margin: 0pt 0pt 8px 0px; 
      padding: 12px;
      background-color: #ffebe8;
      border-color: #c00;'
      }
      .sucmessage {
      border-style: solid;
      border-width: 1px;
      margin: 0pt 0pt 8px 0px;
      padding: 12px;
      background-color: #BDEDFF;
      border-color: #00FF00;
      }
      .thankreg {
      color: #005194;
      }

         /* New CSS for Header */
         .header_outer{
         margin:0 auto ;width:960px;
         }
         .header_left{
         float:left;width:730px;height:128px;
         }
         .header_right{
         float:right;width:230px;height:128px;
         }
         .header_image{
         width:730px;height:128px;
         }
         /* Enf Of New CSS */
         
         
#adduser label {
   width: 127px;
   margin: none;
   font-size: 12px;
   float: left;
   padding: 4px 0 0;
   margin: none;
}      
#adduser input[type=text] {
   width: 113px;
   margin-right: 10px;
   margin: none;
   font-size: 12px;
   float: left;
}


/* Top Menu Style */

#topnavigation{
   margin-left: 5px;
   list-style: none;
   background: #F0F0F0;
   padding: 0;
}

#topnavigation ul {
   margin: 0;
   padding: 0;
   height: 1em;
}

#topnavigation a {
   display: block;
   color: #FFFFFF;
   text-decoration: none;
   padding: 0.1em 2em;
}

#topnavigation li {
   float: left;
   padding: 0;
   background: #900;
   border: 0px solid #F0F0F0;
   border-right: 1px solid #fff;
}

#topnavigation li ul {
   position: absolute;
   left: -999em;
   height: auto;
   width: 14.4em;
   w/idth: 12.9em;
   font-weight: normal;
   border: 0px solid #F0F0F0;
   margin: 0;
   list-style: none;
}

#topnavigation li li {
   padding-right: 1em;
   width: 13.4em;
   border: 0px;
}

#topnavigation li ul a {
   width: 12em;
   w\idth: 9em;
}

#topnavigation li ul ul {
   margin: -1.75em 0 0 14em;
}

#topnavigation ul li ul li {
   background: #ffffff;
   border: 2px solid #9a9a9a;
   margin: 0;
}

#topnavigation ul li ul li a {
   display: block;
   color: #000000;
   text-decoration: none;
   padding: 0.1em 2em;
}

#topnavigation li:hover ul ul, #topnavigation li:hover ul ul ul, #topnavigation li.sfhover ul ul, #topnavigation li.sfhover ul ul ul {
   left: -999em;
}

#topnavigation li:hover ul, #topnavigation li li:hover ul, #topnavigation li li li:hover ul, #topnavigation li.sfhover ul, #topnavigation li li.sfhover ul, #topnavigation li li li.sfhover ul {
   left: auto;
}

#topnavigation li:hover, #topnavigation li.sfhover {
   background: #70c9f7;
}
/* end menu */

/* Article Formatting */

#article{
	margin: 0 50px 0 50px;
}

/* end article format */

/* SOCIAL STYLES */

ul.social{
	height: 40px;
	left: 605px;
	list-style: none outside none;
	margin-left: 0;
	padding: 0;
	position: absolute;
	top: 88px;
}
ul.social li {
    float: left;
    height: 30px;
    margin: 0 6px 0 0;
    width: 32px;
}