/******************************************
*   General Information

  Name: Marc Stein
  Organisation: tech2b
                         
******************************************/

html, body, div, span, object, iframe, img, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
      border: 0 none;
      font-family: inherit;
      font-size: 100%;
      font-style: inherit;
      font-weight: inherit;
      margin: 0;
      padding: 0;
      vertical-align: baseline;
}


/******************************************
*   SITE
******************************************/
html { 
      text-align : center;  
      }

body { 
      /*background: url(../images/design/bg_site.jpg) repeat-x 0 0;*/
      background-color: #31514d;
      line-height: 17px;
      text-align : left; 
      font-family: verdana, helvetica, arial, sans-serif;
      font-style: normal; 
      font-weight: normal; 
      font-size: 11px;    
      }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

#site {
      clear: both;
      left: -1px;
      /*margin: 0 auto;*/
      margin: 5px auto 0;
      position: relative;
      width: 957px;
      text-align: left;
      background: #ffffff;   
      border: 1px solid #CCCCCC;   	      
      }
      
#banner {
      text-align: center;
      margin-top: 5px;
      }
      
#header {
      height: 30px;
      }

#end {
      clear: both;
      }      

#footer {
      height: 15px;
      font-size: 9px;
      text-align: center;
      padding-top: 5px;
      clear: both;
      left: -1px;
      margin: 0 auto;
      position: relative;
      text-align: left;
      width: 957px;
      color: #FFFFFF;      
      }  
      
#footer a {
      color: #FFFFFF;      
      }      
   
#menu_side {
      float: left;
      width: 230px;
      margin-top: 30px;      
      }      
      
#content_main {
      float: left;
      border-left: 1px solid #CCCCCC;
      height: auto;
      min-height: 30em;
      padding: 25px 0 20px 35px;
      width: 650px;  
      overflow: hidden; 
      }

#content {
      clear: both;
      padding: 0px 20px 0 20px;
      background: url(../images/design/bghome.gif) no-repeat 28px 0;
      }
      
#home_content {
      padding-top: 20px;
      width: 530px;
      }
      
#home_splitter {
      border-bottom: 1px solid #B68008;  
      height: 2px;
      margin: 25px 0 15px 0;         
      } 
      
#feed_detail {
      float: left;
      width: 580px;
      border-right: 1px solid #CCCCCC;
      margin: 25px 20px 0 0;
      padding-right: 20px;
      }
      
#feed_list {
      float: left;
      width: 280px;
      margin-top: 25px;
      }      
      
/******************************************
*   TEXT                         
******************************************/

.csc-firstHeader {
      color: #c19028;
      font-size: 18px;
      font-weight: bold; 
      padding-bottom: 10px;     
      } 
      
/******************************************
*   LISTING
******************************************/

li {
      background-image: url(../images/design/listing.gif);
      background-repeat: no-repeat;
      background-position: 0 4px;
      list-style-position: outside; 
      list-style-type: none;
      padding: 0 0 10px 20px; 
      }

/******************************************
*   HOME
******************************************/

#home_image {
      float: left;
      margin-right: 30px;
      }

/******************************************
*   NEWS FEED
******************************************/   

#home_feed {
      float: left;
      margin-right: 10px;
      width: 240px;
      }

.feedlist_title {
      border-bottom: 1px dotted #356990;
      color: #c19028;
      font-size: 12px;
      }   
         
#title_blogpost {
      color: #c19028;
      font-size: 18px;
      font-weight: bold;    
      padding-bottom: 10px;       
      }
      
.home_feed_title {
      color: #c19028;
      font-weight: bold;
      font-size: 12px;
      border-bottom: 1px dotted #356990;
      }      

/******************************************
*   NEWS FEED DETAIL
******************************************/   
      
.extRSS_title {
      color: #c19028;
      font-size: 18px;
      font-weight: bold;
      padding-bottom: 10px;
      }
      
.extRSS_returnLink_news {
      font-size: 10px;
      padding-top: 5px;
      }
            
.user-feed-pi1 {
      padding: 0;
      }      
      
.user-feed-pi1 p a img {
      float: left;
      border: 1px solid #CCCCCC;
      margin: 0 15px 0 3px;
      padding: 5px;      
      }
            
.feedlist_image {
      text-align: center;
      border: 0;
      }
      
.feedlist_image a {
      border: 0;
      }  
      
.feedlist_imagecaption {
      text-align: center;
      }  
      
#feed_list .user-feed-pi1 {
      padding-bottom: 20px;
      }   
   
/******************************************
*   EVENTS FEED
******************************************/       
#home_events {
      float: left;
      margin-right: 5px;
      width: 240px;
      }
      
#home_events h1 {      
      border-bottom: 1px dotted #356990;
      color: #C19028;
      font-size: 12px;
      font-weight: bold;
      padding: 0px;   
      }   
      
.user-googlecalendar-pi1 h1 {
      color: #C19028;
      font-size: 18px;
      font-weight: bold;
      }

.user-googlecalendar-pi1 .left_row {
      font-weight: bold;
      padding-right: 10px;
      }

.user-googlecalendar-pi1 .link_back {
      font-size: 9px;
      }              

/******************************************
*   TEASER
******************************************/   

.home_teaser_title {
      background: url(../images/design/bgteaser.gif) repeat-x 0 0;
      /*background-color: #2D487D;*/
      color: #ffffff;
      font-weight: bold;
      font-size: 12px;
      text-align: center;
      padding: 2px 0pt;
      }  
      
#home_teaser1 {
      width: 208px;
      float: left;
      border-left: 1px solid #B68008;
      border-bottom: 1px solid #B68008;
      border-right: 1px solid #FFFFFF;
      }

#home_teaser1 p {
      text-align: center;
      margin: 0;
      padding: 5px 0 8px 0;
      }
/*
#home_teaser2 {
      width: 205px;
      float: left;
      border-bottom: 1px solid #B68008;
      border-right: 1px solid #FFFFFF;
      }

#home_teaser2 p {
      text-align: center;
      margin: 0;
      padding: 5px 0 8px 0;
      }
*/

#home_teaser2 {
      width: 210px;
      float: left;
      border-right: 1px solid #B68008;
      border-bottom: 1px solid #B68008;
      }

#home_teaser2 p {
      text-align: center;
      margin: 0;
      padding: 5px 0 8px 0;
      }
              
/******************************************
*   LINKS
******************************************/      
      
a {
      text-decoration: none;
      border-bottom: 1px dotted;
      color: #000000;      
      } 
      
a:hover {
      color: #356990;
      }           

#banner a {
      text-decoration: none;
      border: 0;
      }  
      
/******************************************
*   MENU
******************************************/
      
#menu_main {
      background: url(../images/design/bgmenu.gif) repeat-x 0 0;
      height: 15px;
      border-bottom: 1px solid #2D487D;
      margin: 0 10px 10px;
      padding: 0 0 5px;
      }      
      
/******************************************
*   RTE EDITOR
******************************************/

.align-center {
      text-align: center;
      }
      
/******************************************
*   FOOTER
******************************************/     

#copyright {
      float:left;
      text-align: right;
      padding-left: 10px;
      /*width: 660px;*/
      } 
               
#menu_footer {
      float: left;
      width: 690px;
      text-align: right;
      }

/******************************************
*   NAVIGATION: HOME MENU
******************************************/

ul#navigation {
      list-style: none;
      font-weight: bold;
      font-size: 12px;
      margin: 0;
      padding-left: 50px;
      }
      
#navigation li {
      background-image: none;
      float: left;
      text-transform: capitalize;
      padding: 0 10px;
      }
      
#navigation a {
      color: #FFFFFF;
      text-decoration: none;
      display: block;
      padding: 0 10px;
      border-bottom: none;
      text-decoration: none;
      }
     
#navigation a:hover {
      color: #e3ca95;
      padding: 0 10px;
      }
    
a.menu_element {
      color: #2D487D;
      padding: 0 10px;
      }

a.menu_element:visited {
      color: #BAC810;
      padding: 0 10px;
      }

a.menu_element:hover {
      color: #BAC810;
      padding: 0 10px;
      }

a.menu_element:active {
      color: #BAC810;
      }

#navigation a.menu_element_active {
      font-weight: bold;
      color: #e3ca95;
      }

#navigation a.menu_element_active:hover {
      color: #e3ca95;
      padding: 0 10px;
      }

#navigation a.menu_element_active:visited {
      color: #e3ca95;
      padding: 0 10px;
      }
      
/******************************************
*   NAVIGATION: MAIN SIDE MENU
******************************************/
      
ul#navigationside {
      padding-left: 10px;
      }
      
#navigationside li {
      list-style-type: none;
      border: 0;
      }
      
#navigationside li a {
     text-decoration: none;
     }      
      
#navigationside  a {
      color: #000000;
      text-decoration: none;
      display: block;
      border: 0;
      }
     
#navigationside a:hover {
      color: #c19028;
      font-weight: bold;
      }
    
a.menu_elementside {
      color: #000000;
      }

a.menu_elementside:visited {
      color: #c19028;
      }

a.menu_elementside:hover {
      color: #c19028;
      font-weight: bold;
      }

a.menu_elementside:active {
      color: #c19028;
      font-weight: bold;
      }

#navigationside a.menu_elementside_active {
      color: #c19028;
      font-weight: bold;
      }

#navigationside a.menu_elementside_active:hover {
      color: #c19028;
      font-weight: bold;
      }

#navigationside a.menu_elementside_active:visited {
      color: #c19028;
      font-weight: bold;
      }
      
    
/******************************************
*   NAVIGATION: HOME MAIN TOP
******************************************/

ul#navigationtop {
      list-style: none;
      font-size: 10px;
      float: right;
      padding: 5px 10px 0 0;
      margin: 0px;
      }
      
#navigationtop li {
      background-image: none;
      float: left;
      text-transform: capitalize;
      }
      
#navigationtop a {
      color: #2D487D;
      text-decoration: none;
      display: block;
      padding: 0 5px;
      }
     
#navigationtop a:hover {
      color: #0062A1;
      padding: 0 5px;
      }
    
/******************************************
*   EXTENSIONS
******************************************/