/**************************************************************
   Visit studio7designs.com for more layouts and downloads for this template!
 **************************************************************/
 
/**************************************************************
   All page content except for footer
 **************************************************************/

#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  width: 990px;
  margin: 0 auto;
  text-align: left;
}



/**************************************************************
   Topbar with newsletter form and theme change buttons
 **************************************************************/

#topbar {
  float: left;
  width: 100%;
  padding: 0.6em 0;

  font-size: 0.9em;
  text-transform: uppercase;

  color: #CFD9DB;
  background: #FFF url(../images/bg/topbar.gif) repeat-x bottom left;
}



/**************************************************************
   Top menu and logo
 **************************************************************/

#header {
	clear: both;
	position: relative;
}


#LayoutSelection
{
    padding-left: 5px;
     float:left; 
     width: 300px;
}
#MemberInfoBar
{
    padding-right: 5px; 
    text-align:right; 
    float:right; 
    width: 500px; 
    color:White;
}
#MemberInfoBar a
{
    color:white;
    line-height: 16pt;
    text-decoration: underline;
}

/*
#header img {
  position: absolute;
  top: 5%;
  left: 10px;
}
*/

#header ul {
  margin: 3.5em 1em 0 0 !important;
  margin: 3.5em 0.5em 0 0;
  padding: 0;
  float: right;
}

#header ul li {
  display: inline;
  list-style: none;
}

#header ul li a {
  float: left;
  padding: 0 1em;

  font: 400 1.1em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;

  color: #cccccc;
  border-right: 1px solid #4D5760;
}

#header ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#header ul li a:hover {
  color: #3B5D77;
}

#navMenu
{
  margin: 0 auto;
}

#MemberInfoBar
{
    padding-right: 5px;
    text-align:right;
    float:right;
    width: 500px;
    color:White;
}

/**************************************************************
   Header Image/Flash Movie
 **************************************************************/



#headerTitle
{
  margin: 0 auto;
}


/*************************************************************
    Print information, only displayed when printing
 **************************************************************/
.printInformation
{
    display:none;
}

/**************************************************************
   Top Block Menu
 **************************************************************/

#menu {
  margin: 0 auto;
}

#menu ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;

  text-align: left;
  background: #3B5D77 url(../images/bg/menu.gif) repeat-x top left;
}

#menu ul li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu ul li a {
  float: left;
  width: 25%;
  height: 4.5em;

  font: 400 1.2em arial, sans-serif;
  letter-spacing: 0.1em;

  color: #fff;

  border-top: 7px solid #41637D;
  border-bottom: 15px solid #FFF;
}

#menu ul li a span {
  display: block;
  padding: 2px 7px;
}


#menu ul li a span.desc {
  font-size: 0.8em;
  color: #8C8D94;
}


#menu ul li a:hover,
#menu ul li a.here {
  background: #4A5C6A;
  border-top: 7px solid #455660;
}

#menu ul li a:hover span.desc,
#menu ul li a.here span.desc {
  color: #FFF;
}


/* Top menu icons */
#menu ul li a span.speaker {
  padding-left: 22px;
  background: url(../images/icons/speaker.gif) no-repeat 5px 50%;
}

#menu ul li a:hover span.speaker {
  background: url(../images/icons/speaker_on.gif) no-repeat 5px 50%;
}

#menu ul li a span.bubble {
  padding-left: 24px;
  background: url(../images/icons/bubble.gif) no-repeat 4px 4px;
}

#menu ul li a:hover span.bubble {
  background: url(../images/icons/bubble_on.gif) no-repeat 4px 4px;
}

#menu ul li a span.heart {
  padding-left: 20px;
  background: url(../images/icons/heart.gif) no-repeat 3px 50%;
}

#menu ul li a:hover span.heart {
  background: url(../images/icons/heart_on.gif) no-repeat 3px 50%;
}


#menu ul li a span.dollar {
  padding-left: 20px;
  background: url(../images/icons/dollar.gif) no-repeat 4px 50%;
}

#menu ul li a:hover span.dollar {
  background: url(../images/icons/dollar_on.gif) no-repeat 4px 50%;
}




/**************************************************************
   Page Content
 **************************************************************/

#page {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 6em;
  text-align: left;
}

#columns {
}

#LeftColumn, #RightColumn, #CentreColumn
{
    overflow-x: hidden;
}


/* Two Column Left Side */
.TwoColL #LeftColumn
{
    float:left;
    width:200px;
    clear: left;
}

.TwoColL #RightColumn
{
    float:left;
    width:200px;
    clear: left;
}

.TwoColL #CentreColumn
{
    float:right;
    width:79%;
}
/* END Two Column Left Side */

/* Two Column Right Side */
.TwoColR #LeftColumn
{
    float:right;
    clear:right;
    width:200px;
}

.TwoColR #RightColumn
{
    float:right;
    clear:right;
    width:200px;
}

.TwoColR #CentreColumn
{
    float:left;
    width:79%;
}
/* END Two Column Right Side */

/* Three Columns */
/* OLD wAY
.ThreeCol #LeftColumn
{
    float:left;
    width:200px;
    text-align: left;
}

.ThreeCol #RightColumn
{
    width:200px;
    float:right;
}

.ThreeCol #CentreColumn
{
    float:left;
    width:560px;
    margin-left:15px;
}
*/
.ThreeCol #LeftColumn
{
    float:left;
    width:200px;
    text-align: left;
            margin: 0 0 20px 0;
}

.ThreeCol #RightColumn
{
    width:200px;
    float:left;
            margin: 0 0 20px 0;
}

.ThreeCol #CentreColumn
{
    float:left;
    width:560px;
    margin: 0 15px 20px 15px;
}
    /* TEMPLATE
        #threeColLayout #primaryContent
        {
            float:left;
            width:270px;
            margin: 0 0 20px 195px;
        }
        #threeColLayout #secondaryContent
        {
            float:left;
            width:270px;
            margin: 0 0 20px 15px;
        }
        
        #threeColLayout #sideContent
        {
            float:left;
            width:180px;
            margin: 0 0 20px -750px;
        }
        */
/* END Three Columns */


/* Column widths */
.width {
  /* width: 776px; */
  width: 990px;
}

.widthPad {
  /* width: 746px; */
  width: 990px;
}

.width25 {
  /* width: 24%; */
  width: 24%;
}
.width25 {
  /* width: 24%; */
  width: 24%;
}

.width20
{
    /* width:20%; */
    width:200px;
}

.width60
{
    /* width:58%; */
    width:560px;
    margin-left:15px;
}

.width80
{
    width:79%;
}

.width50 {
  width: 48%;
}

.width73 {
  /* width: 73%; */
  width: 84%;
}

.width75 {
  /* width: 75%; */
  width: 85%;
}

.width100 {
  width: 100%;
}

.hideOverflowX
{
    overflow-x: hidden;
}

.scrollOverflowX
{
    overflow-x: auto;
}

/**************************************************************
   Footer
 **************************************************************/


#footer 
{
    
  clear: both;
  /*
  float: left;
*/
  width: 100%;
  height: 5em;
  margin-top: -5em;
  z-index:-10;
}




/**************************************************************
   Icons specific to the colour theme
 **************************************************************/

a.lightTheme img,
a.darkTheme img,
a.submitButton img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

a.lightTheme img {
  background: url(../images/icons/light_light_theme.gif) no-repeat center center;
}

a.darkTheme img {
  background: url(../images/icons/light_dark_theme.gif) no-repeat center center;
}

a.submitButton img {
  background: url(../images/icons/light_submit.gif) no-repeat center center;
}


/**************************************************************
   Posts
 **************************************************************/

.post {
  position:relative;
  margin-bottom: 2em;
  padding:.4em;
  border-style: outset;
  border-width:thin;
}

.post .mainContents {
  margin: 0 0 0 1em;
  padding:  0 0 1em 1.2em;
  border-left: 0px solid #CCCCCC;
  overflow-x: auto;
}

.post .expand
{
    display:none;
}

.compressed,
.compressedFolder
{
    margin-bottom:.25em;
}
.post h3
{
    font-size: 1em;
    padding-left:20px;
}

.compressed,
.compressedFolder
{
    border: dotted 1px #e0e0e0;
}
.compressed h3, .compressed .title,
.compressedFolder h3, .compressedFolder .title
{
    margin-right:35px;
    font-size:.80em;
    overflow:hidden;
    width:90%;
    z-index:1;
}

.compressed .mainContents,
.compressedFolder .mainContents
{
    display:none;
}

.compressed .expand
{
    display:inline;
    position:absolute;
    right:0px;
    top:3px;
    width:30px;
}

.post .folderInfo
{
    margin-left: 2em;
    font-weight:bold;
}

.compressed .folderInfo,
.compressed .createdInfo,
.compressedFolder .folderInfo,
.compressedFolder .createdInfo
{
    position:absolute;
    display:inline;
    right:35px;
    top:3px;
    z-index:2;
    font-size: .80em;
    padding-left:1em;
    background-color:White;
}

.createdInfo
{
    margin-left:20px;
    padding-top: 0;
}


.post a:hover
{
    color:Black;
}

.post .date {
  position: absolute;
  top: 10px;
  left: 0px;

  width: 2.3em;
  text-align: right;
}

.post .date .month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #888;
}

.post .date .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #888;
}

.post .title {
  display: block;
  padding: 0 0 5px 20px;

  font-size: 1em;
  font-weight: bold;
  color: #586B7A;
}

.post .topicWithNoItems
{
    padding-left:20px;
	background:url(./Images/icons/Folder.png) no-repeat ;
	text-decoration:underline;
}

.post .topicWithItems
{
    padding-left:20px;
	background:url(./Images/icons/folder_page.png) no-repeat ;
	text-decoration:underline;
}

.post .topicWithNewItems
{
	background:url(./Images/icons/folder_star.png) no-repeat ;
	text-decoration:underline;
}

.post .pinnedTopic
{
	background:url(./Images/icons/folder_link.png) no-repeat ;
	text-decoration:underline;
}

.post .topicItem
{
	background:url(./Images/icons/page.png) no-repeat ;
}
.post .pinnedTopicItem
{
	background:url(./Images/icons/page_link.png) no-repeat ;
}

.post .threadedTopicItem .mainContents
{
    display:none;
}

.post .event
{
	background:url(./Images/icons/date.png) no-repeat ;
}

/*
.post p.mainContents {
  margin: 0 0 0 1em;
  padding:  0 0 1em 1.2em;
  border-left: 0px solid #CCCCCC;
  overflow-x: auto;
}
*/
/*
.post .mainContents p 
{
    padding:0;
    margin:0;
    font-size:.9em;
}
*/
.Quote
{
    background-color: #e0e0e0;
    border-style:solid;
    border-width: 1px;
    border-color:Black;
    margin:5px;
    padding: 5px;
    overflow-x: auto;
}



#PostTopicEdit .Previous, .Previous:Link, .Previous:Visited, .Previous:Hover, .Previous:Active
{
	font-size: 1em;
	color: #FFFFFF;
	background-image:url(Images/icons/date_previous.png);
	background-repeat:no-repeat;
	background-position: 0 45%;
	padding-left:20px;
	height:2em;
	line-height:2em;
}

#PostTopicEdit .Next, .Next:Link, .Next:Visited, .Next:Hover, .Next:Active
{
	font-size: 1em;
	color: #FFFFFF;
	background-image:url(Images/icons/date_Next.png);
	background-repeat:no-repeat;
	background-position: 0 45%;
	padding-left:20px;
	height:2em;
	line-height:2em;
}

#PostTopicEdit .Add, .Add:Link, .Add:Visited, .Add:Hover, .Add:Active
{
	font-size: 1em;
	color: #FFFFFF;
	background-image:url(Images/icons/date_add.png);
	background-repeat:no-repeat;
	background-position: 0 45%;
	padding-left:20px;
	height:2em;
	line-height:2em;
}
#PostTopicEdit .AddMeeting, .AddMeeting:Link, .AddMeeting:Visited, .AddMeeting:Hover, .AddMeeting:Active
{
	font-size: 1em;
	color: #FFFFFF;
	background-image:url(Images/icons/clock_add.png);
	background-repeat:no-repeat;
	background-position: 0 45%;
	padding-left:20px;
	height:2em;
	line-height:2em;
}

/**************************************************************
   Events
 **************************************************************/
/*
.event {
  width: 100% !important;
  width: 99%;
  position: relative;

  margin-bottom: 1.5em;

  border-bottom: 1px solid #CCCCCC;
}

.event .date {
  position: absolute;
  top: 5px;
  left: 5px;
  height:15em;
  width: 15em;
  text-align: left;
}

.event .title {
  display: block;
  padding: 0 0 5px 0;

  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
}

.event .mainContents {
  margin: 0 0 0 1em;
  padding:  0 0 1em 1.2em;
  border-left: 0px solid #CCCCCC; fd
}
*/

/**************************************************************
   Thumbnail Lists
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  margin: 0;
  padding: 0;
}

ul.thumbs li {
  margin: 0 0 15px 0 !important;
  margin: 0;
  padding: 0px;
  list-style: none;
}

a.thumb img {
  
  border: 5px solid #ccc;
}

a:hover.thumb img {
  background: #8EB4C6;
  border: 5px solid #668FA3;
}

a:hover.thumb {
  background: none;
}

a.thumb span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}



/**************************************************************
   Submenu Styles
 **************************************************************/

ul.submenu1,
ul.submenu2,
ul.submenu3,
ul.noStyleList {
  margin: 0 0 2px 0;
  padding: 0;
}

ul.submenu1 li,
ul.submenu2 li,
ul.submenu3 li,
ul.noStyleList li
{
  margin: 0;
  padding: 1px 0 1px 0;
  list-style: none;
  list-style-image: url(foo.gif); /* because IE needs one*/
}
ul.noStyleList li
{
    overflow-x: hidden;
}

ul.submenu1 li a,
ul.submenu2 li a {
  display: block;
  height: auto !important;

  /* Start hide from IE Mac \*/
  height: 1%;
  /* End hide from IE Mac */

  padding: 1px 5px 1px 5px;
}


ul.submenu1 li a.PostItemLink {
    background: url(./images/posts/item.gif) no-repeat 0px 3px;
    padding-left:13px;
    vertical-align:top;
}
ul.submenu1 li a.PostItemLink:hover {
  color: #426F85;
  background-color: #B3C6C4 
}

ul.submenu1 a:hover {
  color: #426F85;
  background: #B3C6C4 no-repeat 5px 50%;
}

ul.submenu2 li a {
  color: #426F85;
  background: url(../images/bg/submenu2.gif) no-repeat 3px 50%;
}

ul.submenu2 a:hover {
  color: #426F85;
  background: #B3C6C4 url(../images/bg/submenu2.gif) no-repeat 3px 50%;
}


ul.submenu3 li a 
{
  height: auto !important;
}
ul.submenu3 li a {
  color: #426F85;
  background: url(../images/bg/submenu2.gif) no-repeat 3px 50%;
}

ul.submenu3 a:hover {
  color: #426F85;
  background: #B3C6C4 url(../images/bg/submenu2.gif) no-repeat 3px 50%;
}


/************************ Filter Styles ************/
#FilterArea
{
}

ul.FilterLetters
{
	background-color:#E5E5E5;
	margin:0;
	padding: .4em 0 .25em 0;
	float:left;
	list-style:none;
	width:100%;
}

.FilterLetters li
{
	float:left;
}
.FilterLetters A
{
	color:#464646;
	text-decoration:none;
	padding: 0 .35em;
	line-height:1.25em;
	display:block;
	float:left;
	font-weight:bold;
}
.FilterLetters A:hover
{
	background-color:#ffffff;
	text-decoration:underline;
}

/****************************************************************
   BEGIN Rounded Corners
******************************************************************/
.cb
{
	margin: 0.5em 0;
	line-height: 170%;
}

.bt
{
	background:url(../Images/box.png) no-repeat 100% 0 !important; 
	margin: 0 0 0 18px;
	height:27px;
}

.bt div
{
	height:27px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(../Images/box.png) no-repeat 0 0 !important;
}

.bb 
{
	background:url(../Images/box.png) no-repeat 100% 100% !important;
	margin: 0 0 0 12px;
	height:14px;
}

.bb div
{
	height:14px;
	width:12px;
	position:relative;
	left:-12px;
	background:url(../Images/box.png) no-repeat 0 100% !important;
}

.i1
{
	padding: 0 0 0 12px;
	background:url(../Images/borders.png) repeat-y 0 0 !important;
}

.i2
{
	padding: 0 12px 0 0;
	background:url(../Images/borders.png) repeat-y 100% 0 !important;
}

.i3
{
	background:#FFF;
	border:1px solid #FFF;
	border-width: 1px 0;
	padding: 0 5px;
}
/****************************************************************
   END Rounded Corners
******************************************************************/


/**************************************************************
   Generic Display 
 **************************************************************/


.block {
  display: block;
}

.clear {
  clear: both;
}

.marginRight {
  margin-right: 15px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft,
.css_left {
  float: left;
}

.floatRight,
.css_right {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.lightBlueBg {
  background-color: #EAF2F5;
}

.dark {
  color: #353E47;
}


.clickable
{
    cursor: pointer ;
}