/* CSS Document */



/* Page Layout */



body{

margin:0;

padding:0;

background:url(http://www.rettsyndrome.org/templates/new_home/images/background.jpg) #fafcd7 no-repeat center top;

}



#maincontainer{

width: 935px; /*Width of main container*/

margin: 0 auto; /*Center container on page*/

background-color: #fdfdeb;

}



#topsection1{

height: 30px; /*Height of top section*/

background-color: #E7E9EA;

}



#topsection2{

background-color: #fdfdeb;

height: 80px; /*Height of top section*/

position: relative;

width: 935px;

}



#logo {

background: url(http://www.rettsyndrome.org/templates/new_home/images/logo4.png) top left no-repeat;

display: block;

height: 81px;

left: 15px;

position: absolute;

top: -15px;

width: 650px;

}



#donate_now {

	float: right;

	height: 30px;

	width: 110px;

	padding: 0;

	margin: 24px 20px 0 0;

}



#topsection3{

height: 30px; /*Height of top section*/

background: url(http://www.rettsyndrome.org/templates/new_home/images/navigation_backgound.gif) repeat-x left bottom;

}



#topsection3 ul {

margin:0;

width: 935px

}



#topmenudiv {

margin: 0 -15px 0 7px;

padding: 3px 0 3px 0;

}



#topmenudiv ul {

display: block;

height: 32px;

margin:0;

width: 935px

}



#topmenudiv li {

float: left;

margin:0;

margin-top: -2px;

}



#sixpixstrip{

height: 6px;

width: 100%;

background-color: #ddd6da;

}



#contentwrapper{

float: left;

width: 100%;

}



#contentcolumn{

margin: 0 245px 0 690px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

background-color: #333;

}



#leftcolumn{

float: left;

width: 690px; /*Width of left column in pixel*/

margin-left: -935px; /*Set margin to that of -(MainContainerWidth)*/

}



#leftcolumninner{

margin: 8px 0 6px 15px;

width: 675px;

height: 340px;

}



#rightcolumn{

float: left;

width: 245px; /*Width of right column*/

height: 100%;

margin-left: -245px; /*Set left margin to -(RightColumnWidth)*/

}



#rightcolumn a, a:visited{

color: #006699;

text-decoration: none;

font-weight: normal;

}



#rightcolumn a:hover{

color: #006699;

text-decoration: underline;

font-weight: normal;

}



#rightcolumninner{

position: absolute;

width: 215px;

margin: 8px 4px 0 15px;

}



#rightcolumninner a, a:visited{

color: #006699;

text-decoration: none;

font-weight: normal;

}



#rightcolumninner a:hover{

color: #006699;

text-decoration: underline;

font-weight: normal;

}



#contentwrappertop{

float: left;

width: 100%;

}



#contentcolumntop{

display: block;

margin: 0 230px 0 459px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

height: 30px;

background: #ddd6da;

}



.contentcolumntop_inner{

font-family: Arial, Helvetica, sans-serif;

font-size: 10px;

color: #585e5c;

padding: 8px 20px 0 0;

}



#leftcolumntop{

display: block;

float: left;

width: 459px; /*Width of left column in pixel*/

height: 30px;

margin-left: -935px; /*Set margin to that of -(MainContainerWidth)*/

background: #ddd6da;

}



.leftcolumntop_inner{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #755f73;

	margin: 8px 0 0 59px;

}



#rightcolumntop{

	display: block;

	float: left;

	width: 280px; /*Width of right column*/

	height: 30px;

	margin-left: -280px; /*Set left margin to -(RightColumnWidth)*/

	background: #ddd6da;

	text-align: right;

}



#rightcolumntop_inner{

	width: 215px;

	height: 18px;

	font-family: Arial, Helvetica, sans-serif;

	margin: 1px 10px 6px 0;

	padding: 0 39px 0 0;

}



/** middle 4 column **/



#contentwrappermiddle{

float: left;

width: 100%;

height: 100%;

margin-top: 10px;

}



#contentcolumnmiddle{

display: block;

height: 100%;

margin: 0 230px 0 230px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

height: 24px;

text-align: center;

}



#contentcolumnmiddle a, a:visited{

color: #585e5c;

text-decoration: none;

}



#contentcolumnmiddle a:hover{

text-decoration: underline;

}



#contentcolumnmiddle_innerleft{

display: block;

position: relative;

float: left;

width: 215px;



margin: 0 0 6px 15px;

}



#contentcolumnmiddle_innerright{

display: block;

position: relative;

float: right;

width: 215px;

margin: 0 15px 20px 0;

}



#contentcolumnmiddle_innerright a, a:visited{

color: #585e5c;

text-decoration: none;

}



#contentcolumnmiddle_innerright a:hover{

text-decoration: underline;

}



#leftcolumnmiddle{

display: block;

float: left;

width: 230px; /*Width of left column in pixel*/

margin-left: -935px; /*Set margin to that of -(MainContainerWidth)*/

}

#leftcolumnmiddle_inner{

margin: 10px 0 0 15px;

min-height: 350px;

}


#rightcolumnmiddle{

display: block;

float: left;

width: 230px; /*Width of right column*/

margin-left: -230px; /*Set left margin to -(RightColumnWidth)*/

}



#rightcolumnmiddle_inner{

margin: 0 15px 0 0;

}



#middle{

clear: left;

width: 100%;

}



/** MIDDLE COLUMN stuff **/



#contentwrapperbottom {

	background-color: #fdfdeb;

	float: left;

	padding-bottom: 10px;

	width: 100%;

}



#contentcolumnbottom {

	background-color: #fdfdeb;

	display: block;

	margin: 0 250px 0 240px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	height: 240px;

	text-align: center;

}



.contentcolumnbottom_innerleft {

	background-color: #fdfdeb;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #585e5c;

	padding: 2px 0 0 0;

	text-align: left;

	float: left;

}



.contentcolumnbottom_innerright {

	background-color: #fdfdeb;

	position: relative;

	float: right;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #585e5c;

	padding: 2px 0 0 0;

	text-align: right;

}





#leftcolumnbottom {

	background-color: #fdfdeb;

	display: block;

	float: left;

	width: 230px; /*Width of left column in pixel*/

	height: 24px;

	margin-left: -935px; /*Set margin to that of -(MainContainerWidth)*/

}



.leftcolumnbottom_inner {

	background-color: #fdfdeb;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #585e5c;

	margin: 2px 0 0 15px;

}



#rightcolumnbottom{

	background-color: #fdfdeb;

	display: block;

	float: left;

	width: 250px; /*Width of right column*/

	height: 24px;

	margin-left: -250px; /*Set left margin to -(RightColumnWidth)*/

	text-align: right;

}



#rightcolumnbottom_inner {

	background-color: #fdfdeb;

	width: 235px;

	height: 24px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #585e5c;

	text-align: right;

	margin: 2px 15px 0 0;

	padding-top: 2px;

	text-align: right;

}



#leftcolumnpic{

position: absolute;

margin: -170px 0 0 0;

}



#rightcolumnpic{

position: absolute;

margin: -265px 0 0 30px;

}



#footer{

height: 24px;

clear: left;

width: 100%;

background: #fff;

}



/** footer stuff **/



#contentwrapperbottom2 {

	background-color: #ddd6da;

	float: left;

	width: 100%;

	margin-top: 20px;

	padding-top: 10px;

}



#contentcolumnbottom2{

display: block;

margin: 0 250px 0 230px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

text-align: center;

}



.contentcolumnbottom_inner2{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #5d4b5b;

	padding: 2px 0 11px 0;

	text-align: center;

}



#leftcolumnbottom2{

display: block;

float: left;

width: 230px; /*Width of left column in pixel*/

margin-left: -935px; /*Set margin to that of -(MainContainerWidth)*/

margin-top: 30px;

}



.leftcolumnbottom_inner2{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #5d4b5b;

	margin: 2px 0 0 15px;

}



#rightcolumnbottom2{

display: block;

float: left;

width: 250px; /*Width of right column*/

margin-left: -250px; /*Set left margin to -(RightColumnWidth)*/

margin-top: 29px;

text-align: right;

}



#rightcolumnbottom_inner2{

	width: 235px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #5d4b5b;

	text-align: right;

	margin: 2px 15px 0 0;

	text-align: right;

}



#footer2{

	clear: left;

	height: 30px;

	width: 100%;

	padding: 2px 0 13px 0;

}



#verybottom {

	clear: left;

	background: url(http://www.rettsyndrome.org/templates/new_home/images/footer_background.png) no-repeat center bottom;

	margin: 0px;

	height: 19px;

}



.topmenudiv {

}



a:link, a:active, a:visited {

text-decoration:none;

color: #92024b;

}

a:hover {

text-decoration: underline;

color: #92024b;

}



hr {

display : list-item;

list-style : url(http://www.rettsyndrome.org/templates/home/images/hr_strip.gif) inside;

filter : alpha(opacity=0);

border: #fff;

width : 0;

height: 14px;

margin: 0 0 -5px 0;

}



.subheading {

text-align: left;

font-family: Arial, Helvetica, sans-serif;

font-size: 13px;

font-weight: bold;

color: #585E5C;

padding: 0 0 2px 0;

}



.copy_section {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	color: #585e5c;

}



/* Joomla CSS */



.section,

.sectiontitle,

.blogsectiontitle,

.contentheading,

.categorytitle, 

.category,

.componentheading,

.contentpagetitle,

a.contentpagetitle:link,

a.contentpagetitle:active,

a.contentpagetitle:visited {

text-align: left;

font-family: Arial, Helvetica, sans-serif;

color: #585E5C;

font-size: 24px;

margin: 0 0 7px 0;

padding: 0 0 7px 0;

}



.pagetitle_eventlist {

text-align: left;

font-family: Arial, Helvetica, sans-serif;

color: #585E5C;

font-size: 24px;

margin: -20px 0 7px 0;

padding: 0 0 7px 0;

}



#mainbody {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

text-align: left;

line-height: 18px;

font-stretch: 18px;

color:#585E5C;

margin: 0 0 20px 0;

}



.back_button {

display: block;

text-align: left;

font-weight: bold;

font-size: 12px;

width: 100%;

margin: 0 0 20px 0;

letter-spacing:2px;

}



/* Navigation */



/** pathway block **/

span.pathway {

	display:block;

	text-align:left;

	color:#006699;

	font-size:10px;

	font-weight:normal;

	margin: 0 0 20px 0;

}



/** pathway link item **/

a.pathway:link,

a.pathway:link,

a.pathway:active,

a.pathway:visited {

	color:#00CCCC;

	text-decoration:none;

}



/* Mainlevel menu */





.moduletable-main {

height: 30px;

width: 935px;

color: #5d4b5b;

margin-left: -36px;

}



#mainlevel-main ul {

margin:0;

list-style-type: none;

}



#mainlevel-main li {

float: left;

display:block;

background:url(http://www.rettsyndrome.org/templates/new_home/images/nav_left_tall.png) no-repeat left top;

margin:-1px 0 1px 2px;

padding:0 0 0 4px;

text-decoration: none;

list-style-type: none;

}



#mainlevel-main a {

float:left;

display:block;

background:url(http://www.rettsyndrome.org/templates/new_home/images/nav_right_tall.png) no-repeat right top;

padding:6px 9px 6px 4px;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 13px;

text-decoration: none;

color: #5d4b5b;

}

/* Commented Backslash Hack

 hides rule from IE5-Mac \*/

#mainlevel-main a {float:none;}

/* End IE5-Mac hack */

#mainlevel-main li:hover, #mainlevel-main li:hover a {

	  background-position:0% -29px;

	  color:#fff;

  }

#mainlevel-main li:hover a {

	  background-position:100% -29px;

}



/* End Mainlevel menu */

	



/* toplevel menu */

.mainlevel-top {

height: 30px;

color: #585e5c;

margin: 0;

}



a.mainlevel-top,

a.mainlevel-top:visited {

display:inline;

background: none;

font-family:Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 10px;

color: #585e5c;

margin: 0;

padding: 6px 0 0 0;

text-decoration: none;

}

	

a.mainlevel-top:hover {

text-decoration: underline;

}



/* End toplevel menu */



/* Search Input */



.inputbox-search {

height: 16px;

width: 176px;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

background-color: #fff;

color: #585e5c;

border: solid 1px #EDECED;

}



.button-search {

background-image: url(../../home/images/search_button.jpg);

background-repeat: no-repeat;

border: none;

}



/** 

moduletable specific with background image

you need to add modules class suffix: -bgimg

 **/

 

table.moduletable-bgimg {

	background: url(http://www.rettsyndrome.org/templates/new_home/images/login_background.gif) #a3bab9 no-repeat left top;

	width: 215px;

	margin: 0;

}



table.moduletable-bgimg th {

}



table.moduletable-bgimg td {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	margin-top: 30px;

	padding: 50px 20px 15px 18px;

	color: #614f5f;

	position: relative;

	text-align: left;

}



table.moduletable-bgimg td input {

	border: none;

	color: #5c495a;

	font-family: Verdana, Arial, sans-serif;

	margin-bottom: 6px;

	padding: 3px 10px 3px 8px;

}





table.moduletable-bgimg td img {

	display: none;

}



table.moduletable-bgimg td input.button-bgimg {

	background: url(http://www.rettsyndrome.org/templates/new_home/images/login_button2.gif) no-repeat left top;

	border: none;

	cursor: pointer;

	height: 24px;

	margin: 0;

	padding: 0 0 3px 0;

	text-transform: uppercase;

	font-size: 10px;

	width: 55px;

	color: #FFFFFF;

}



table.moduletable-bgimg td td {

	border: none;

}



table.moduletable-bgimg .inputbox {

	text-align: left;

	height: 12px;

	width: 124px;

	margin: 2px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #006699;

}



table.moduletable-bgimg a, a:visited {

color: #006699;

}



table.moduletable-bgimg a:hover {

text-decoration: underline;

}

/** 

moduletable specific to girls pics on interior template: -girls

 **/



table.moduletable-girls {

width: 675px;

height: 340px;

margin: 0;

}



table.moduletable-girls td {

background: none;

}



table.moduletable-girls td td {

padding: 0 !important;

border: none;

}



/** 

moduletable specific to coming events on home template: -comingevents

 **/



 

table.moduletable-comingeventslist {

	background: url(http://www.rettsyndrome.org/templates/new_home/images/coming_events.gif) top left no-repeat;

	margin: 0;

}



table.moduletable-comingeventslist th {

}



table.moduletable-comingeventslist td {

width: 215px;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #585e5c;

text-align: left;

}



table.moduletable-comingeventslist ul {

list-style : none;

width : 215px;

height: 100%;

margin: 36px 0 0 0;

padding: 0;

}



table.moduletable-comingeventslist li {

	display: block;

	height: 24px;

	border-bottom: 2px solid #e7e0e4;

	margin: 0;

	padding: 7px 0 7px 0;

}



table.moduletable-comingeventslist li.last {

	border-bottom: none;

}



table.moduletable-comingeventslist td td {

padding: 0 !important;

border: none;

}



table.moduletable-comingeventslist a, a:visited {

	color: #5d4b5b;

	font-weight: normal;

}



table.moduletable-comingeventslist a:hover {

text-decoration: underline;

}



/** 

moduletable specific to breaking news on home template: -breakingnews

 **/



 

table.moduletable-breakingnews {

	background: url(http://www.rettsyndrome.org/templates/new_home/images/breaking_news.gif) top left no-repeat;

	margin: 0;

}



table.moduletable-breakingnews th {

}



table.moduletable-breakingnews td {

width: 215px;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #585e5c;

text-align: left;

}



table.moduletable-breakingnews ul {

list-style : none;

width : 215px;

height: 100%;

margin: 36px 0 0 0;

padding: 0;

}



table.moduletable-breakingnews li {

	display: block;

	height: 24px;

	border-bottom: 2px solid #e7e0e4;

	margin: 0;

	padding-top: 14px;

}



table.moduletable-breakingnews li.last {

	border-bottom: none;

}



table.moduletable-bgimg td td {

padding: 0 !important;

border: none;

}



table.moduletable-breakingnews a, a:visited {

	color: #5d4b5b;

	font-weight: normal;

}



table.moduletable-breakingnews a:hover {

text-decoration: underline;

}



/** 

moduletable specific to feature subjects on home template: -featuresubjects

 **/



 

table.moduletable-featuresubjects {

background: url(http://www.rettsyndrome.org/templates/new_home/images/feature_subjects.gif) top left no-repeat;

margin: 0;

}



table.moduletable-featuresubjects td {

width: 215px;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

line-height: 16px;

padding: 47px 0 0 0;

color: #585e5c;

text-align: left;

}



table.moduletable-featuresubjects ul {

list-style : none;

width : 215px;

height: 100%;

margin: -11px 0 0 0;

padding: 0 0 0 0;

}



table.moduletable-featuresubjects li {

	display: block;

	height: 24px;

	border-bottom: 2px solid #e7e0e4;

	margin: 0;

	padding-top: 14px;

}



table.moduletable-featuresubjects li.last {

	border-bottom: none;

}



table.moduletable-featuresubjects a, a:visited {

	color: #5d4b5b;

	font-weight: normal;

}



table.moduletable-featuresubjects a:hover {

text-decoration: underline;

}



/** 

moduletable specific to quick links on home template: -quicklinks

 **/



 

table.moduletable-quicklinks {

margin: 10px 0 0 0;

background: url(http://www.rettsyndrome.org/templates/home/images/quicklinks.jpg) top left no-repeat;

}



table.moduletable-quicklinks td {

width: 215px;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #585e5c;

text-align: left;

}



table.moduletable-rightmenu {

margin: 0;

}



table.moduletable-loginbottom {

margin: 0;

}







/** 

moduletable specific to main menu links on home template: -main

 **/

 

table.moduletable-main a, a:visited {

color: #fff;

font-weight: normal;

}



table.moduletable-main a:hover {

text-decoration: underline;

}



/** 

moduletable specific to main menu links on home template: -main

 **/



table.moduletable-popup {

position:relative;

background: none;

margin: 0;

}