/* CSS Document */

/* {margin:0; padding:0;} */

title {margin-top: 0px;margin-bottom:10px;font-size:18pt;}

body {
background-image:url("../images/background.gif");
background-repeat:repeat-x;
margin-top: 0px;
border: 0px;
background-position:top center;
font-family: Verdana, Geneva, sans-serif;
font-size:75%;
background-color:#fff;
}

img {border:0px;}
form {margin:0px;padding:0px}
a:link {color:#4a7a9b;}
a:VISITED {color:#4a7a9b;}
a:HOVER {color:#4a7a9b;text-decoration:none;}
.spacer {clear: both;}
h1 {font-family: "Trebuchet MS"; position:relative;left:-30px;color:#68828c;font-size:16pt;text-align:left;margin-top:0px;}
h2 {margin-bottom:0px;color:#68828c;font-weight:bold;text-align:left;font-size:12pt}
h3 {margin-bottom:0px;color:#68828c;font-weight:bold;text-align:left;border-bottom: 1px solid #ccc; font-size:110%; line-height: 1.2em; margin-top: 2em;}

p {margin-top:0px;margin-bottom:15px;line-height:16pt;text-align:left}

li {
line-height:16pt;
}
.special {color:#7c99a7;font-weight:bold}
#navigation {float:left;text-align:left;margin-top:0px;margin-left:0px; margin-bottom:0px;padding-left:0px;width:511px; overflow:visible;height:19px;}


/** rollover 2 (pure css) 
#rollover2 a {text-decoration:none;display:block;height:100%;}
* html #rollover2 a {width:100%;}
#rollover2 {list-style-type:none;margin-top:0px;margin-left:0px; margin-bottom:0px;padding-left:0px;width:511px; overflow:visible;height:19px; }
#rollover2 li {float:left; display:inline; height:19px;}
li#living a:link {background-image:url("../images/livingWithIBS.gif");width:131px;}
li#living a:visited {background-image:url("../images/livingWithIBS.gif");width:131px;}
li#living a:hover {background-image:url("../images/livingWithIBS.gif");width:131px;}
li#understanding a:link {background-image:url("../images/understandingIBS.gif");width:137px;}
li#understanding a:visited {background-image:url("../images/understandingIBS.gif");width:137px;}
li#understanding a:hover {background-image:url("../images/understandingIBS.gif");width:137px;}
li#involved a:link {background-image:url("../images/getInvolved.gif");width:110px;}
li#involved a:visited {background-image:url("../images/getInvolved.gif");width:110px;}
li#involved a:hover {background-image:url("../images/getInvolved.gif");width:110px;}
li#researchPrograms a:link {background-image:url("../images/researchPrograms.gif");width:133px;}
li#researchPrograms a:visited {background-image:url("../images/researchPrograms.gif");width:133px;}
li#researchPrograms a:hover {background-image:url("../images/researchPrograms.gif");width:133px;}
#rollover2 a img {border:0px;overflow:hidden;}
**/

#alignment {
text-align:center;	
}

#container {          /*controls alignment of sunflower block including top browser margin */
margin-top:0px;
margin-left:auto;
margin-right:auto;
background-image:url("../images/sunflowerBack.jpg");
background-repeat: no-repeat;
background-position:top center;
width:901px;
background-color:#fff;
color:#575757;
}

#logo2 {    /* was originally referenced in page_tpl as logo-floater, matching the names cured the top margin issue. later changed to logo2 to be html compliant without issue*/
margin-left:1px;
margin-top:0px;

	
}
#topRight {
margin-top:0px;
float:left;
display:inline;   /* added for ie6 margin bug*/ 
width:480px;
height:99px;	
}
#ibsCommunity {
margin-top:0px;
float:right;
margin-right:150px;
width:235px;
height:30px;	
}
#donate {
margin-top:0px;;
float:right;
margin-right:10px;
width:85px;
height:30px;
}

/* search box */

#searchBox {
float:right;
margin-top:10px;
margin-right:10px;
background-image:url("../images/searchBoxBack.gif");
width:429px;
height:53px;
color:#68828c;
font-size:8pt;
text-align:right;
}



#searchInput {
border:solid #d8d8d8 1px;
width:353px;
float:left;
margin-top:10px;
margin-left:10px;
}
#searchButton {
width:43px;
height:20px;
float:right;
margin-top:10px;
margin-right:10px;
}
#searchLinks {
clear:both;
padding-top:2px;
padding-right:64px;
}




#middleLeft {
float:left;
margin-top:6px;
width:660px;
min-height: 600px;
height:auto !important;
height:600px;
display:inline-block;   /* added for ie6 margin bug*/
position: relative; 
clear:left; 
}

#middleRight {
float:right;
display:inline-block;   /* added for ie6 margin bug*/
margin-top:6px;
width:235px;
height:450px;
overflow:visible !important;

}


/*

#blogLeft {
float:left;
margin-top:6px;
width:660px;
}
#flashBlock {
float:left;
width:660px;
height:259px;	
}


 #middleRightHome {
float:right;
margin-top:6px;
width:235px;
height:300px;
} */

#ibsQuestions {
float:left;
width:659px;
height: 39px	
}


#signUp {
float:left;
display:inline-block;   /* added for ie6 margin bug*/
background-image:url("../images/signUp.gif");
width:235px;
height:75px;
}
#signUpInput {
border:solid #d8d8d8 1px;
width:150px;
margin-top:37px;
margin-right:5px;
}

#signUpButton {
width:24px;
height:20px;
margin-top:37px;
padding-right:4px;position:relative;
top:4px;}


#secondNav {
float:left;
display:inline-block;   /* added for ie6 margin bug*/
width:901px;
height:43px;
margin-top:6px;
margin-bottom:2px;
}

#imageBlock {
width:660px;
}
#content {
margin-top:10px;
width:630px;	
text-align:left;
margin-left:30px;
}


#publishDate {
float:right;
display:inline-block;   /* added for ie6 margin bug*/
color:#68828c;	 
padding-top:3px;
}
#emailPrintPage {
text-align:right;
height:15px;
}
#emailIcon {
position:relative;
top:3px;
width:19px;
height:14px;	
}
#printIcon {
position:relative;
top:2px;
width:18px;
height:15px;
margin-left:10px	
}

a.smallLinks:LINK {color:#ff7f00;font-size:8pt;text-transform:uppercase;font-weight:bold;text-decoration:none;top:-2px}
a.smallLinks:visited {color:#ff7f00;font-size:8pt;text-transform:uppercase;font-weight:bold;text-decoration:none}
a.smallLinks:hover {color:#ff7f00;font-size:8pt;text-transform:uppercase;font-weight:bold;text-decoration:none}





#ibsNews {
margin-top:2px;
float:left;
display:inline-block;   /* added for ie6 margin bug*/
background-image:url("../images/ibsNews_back.gif");
width:235px;
height:39px;	
}
#newsBlock {
float:left;
display:inline-block;   /* added for ie6 margin bug*/
text-align:left;
background-image:url("../images/newsBlock_back.gif");
background-repeat:no-repeat;
width:235px;
height:181px;

}
#newsBlock ul {
font-family: "Arial Narrow";
font-weight:bold;
font-size:10pt;
margin-top:0px;
margin-bottom:0px;
}
#newsBlock li {
font-family: "Arial Narrow";
margin:5px 5px 0px 0px;	
}

#bottomLeft {
float:left;
display:inline-block;   /* added for ie6 margin bug*/
margin-top:8px;
width:153px;
height:317px;
	
}
#rotateAd_1 {
float:left;
display:inline-block;   /* added for ie6 margin bug*/
background-image:url("../images/rotateAd_back.jpg");
width:149px;
height: 118px;
border:solid #afccd8 1px;
}
#calendarBox {
float:left;
display:inline-block;   /* added for ie6 margin bug*/
margin-top:2px;
background-image:url("../images/149_slice.gif");
width:149px;
border:solid #afccd8 1px;	
}
#calendar {
text-align:center;
}
#calloutBox {
float:left;
display:inline-block;   /* added for ie6 margin bug*/
margin-top:8px;
margin-left:2px;
background-image:url("../images/314_vSlice.gif");
width:245px;
height:314px;
border:solid #ff6700 1px;
overflow:visible;
}
#calloutBox p {
font-family: "Arial Narrow";
margin:0px 10px 10px 15px;	
line-height:1.1em;
color:#000;
font-weight:bold;
font-size:1.2em;
overflow:visible;
}

#sidebox { background-color: #f6f6f6; float:right; margin: 0 0 10px 10px}


#calloutBox2 p {
font-family: "Arial Narrow";
margin:0px 10px 10px 15px;	
line-height:1.1em;
color:#000;
font-weight:bold;
font-size:1.2em;
overflow:visible;
}


#adSpace {
margin-top:2px;
width:235px;
height:369px;
text-align:left;
}
#bottomAds {
float:left;
display:inline-block;   /* added for ie6 margin bug*/
margin-top:8px;
width:901px;
height:102px;
margin-bottom:0px;
}
#siteSupport {
float:left;
display:inline-block;   /* added for ie6 margin bug*/
text-align:left;
margin-top:8px;
width:901px;
height:101px;
border-top: solid #afccd8 2px;
border-bottom: solid #afccd8 2px;	
margin-bottom:0px;
}
#footer {
color:#8c8c8c;
text-align:right;
font-size:8pt;
line-height:12pt;	
}


/**
 * Primary navigation
 */
ul.primary-links {
  margin: 0;
  padding: 0;
  float: right; /* LTR */
  text-decoration: none;
}

ul.primary-links li {
   display:inline-block;
 display:inline;
 list-style-type:none;
 margin: 0;
  padding: 0;
  float: left; /* LTR */
  background-image: none;
   text-decoration: none;
}

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
  display: block;
  margin: 0 1em;
  padding: .75em 0 0;
  color: #fff;
  background: transparent url(images/bg-navigation-item.png) no-repeat 50% 0;
   text-decoration: none;
}

ul.primary-links li a:hover, ul.primary-links li a.active {
  color: #fff;
  background: transparent url(images/bg-navigation-item-hover.png) no-repeat 50% 0;
   text-decoration: none;
}

/**
 * Secondary navigation
 */
ul.secondary-links {
  text-align:right;
  font-size:8pt;
  margin: 0;
  float: right; /* LTR */

}

ul.secondary-links li {
 display:inline-block;
 display:inline;
 list-style-type:none;
 border-left: 1px solid;
 
}

ul.secondary-links li.first {
border-left: 0;

}

ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
 text-decoration: underline;
 color: #4a7a9b;

}


ul.secondary-links li a:hover {
text-decoration: none;
}

.cutemenu-subitem a {
 
                           /* Controls COLOR of subitem title font */

    color: #FFFFFF;

}

.menu a {			/* Controls primary links menu in right sidebar; also controlled by system-menus.css*/
 list-style-type:none;
 text-decoration: none;

}

.menu ul {			
 list-style-type:none;
 text-decoration: none;

}