/*-------------------------------------------
    GENERAL STUFF FIRST
-------------------------------------------*/
html { height:100%;}
body { background: #fff url(http://www.downsyndromecentre.ie/m/cr/img/generic/bgShop.jpg) top left  repeat-x;	margin: 0;	padding: 0;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 72.5%; color: #333;}
a:link, a:visited { color: #6AC3E5;	text-decoration: underline;}
a:hover { color: #fff;	background: #6AC3E5;	padding: 0;	text-decoration: none;}
img {border:none;}


/*-------------------------------------------
    Eliminate chance spacing issues/
-------------------------------------------*/
* { padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:0 0; }
ul {margin-left:12px;}
li, dd { margin-left:5px;}
fieldset { padding: .5em;}


/*--------------------------------------
	Typography
---------------------------------------*/
h1, h2, h3, h4, h5, h6 {  font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
	h1 { font-size: 1.8em; margin-top: 10px; margin-bottom: 10px; color:#4E463F;}/* approx 21px*/
	h2 { font-size: 18px; margin-bottom: 1em; background-color:#494949; padding:6px 0 0 6px;  color:#fff; height:30px;}/* approx 16px*/
	h3 { font-size: 1.4em;}/* approx 14px*/
	h4 { font-size: 1.2em;} /* approx 12px*/
	p { line-height: 1.5em;	padding: 0;	margin-bottom: 1em;} /*General Text for paragraphs & body text size determined in the body & mainWrapper: Easier to keep track of*/

/*--------------------------  Positional elements in the order they appear on the site -----------------------*/
#wrapper {padding-top: 0; margin-top:20px;	position:relative;	border-spacing: 0; 	text-align:left;	margin-left:auto;	margin-right:auto;	width: 830px;}
#header { width:830px; display:block; position:relative;}
#logo { float:left;}
#innerWrap { background:#fff; padding-left:40px; padding-top:30px; background: #fff url(/m/cr/img/generic/headerBar.gif) top left no-repeat;}

div.accountLink { position:absolute; top:-15px; right:45px;}
div.backToMainLink { position:absolute; top:-15px; left:0;}
div.backToMainLink a, div.accountLink a{ display: block;	padding: 2px 14px 3px 14px;	font-size: 10px;	line-height: 10px; color:#000000; text-decoration:none;}
div.backToMainLink a:hover, div.accountLink a:hover{ background:none; color:#666;}

/*-------------------------------------------
    Navigation & Stuff
-------------------------------------------*/
	
#navContainer {	float:right;	margin:75px 20px 0 0 ;	width:237px;	text-align:right; background:none !important; }

	ul#nav { margin:0;  padding:0;  list-style-type: none;}
	ul#nav li a span {display:none;}
	ul#nav li {display: inline;}
	ul#nav li a { margin: 0;  padding:0 0 0 0;  height: 40px;    float:left;    display:block;}
	
		ul#nav li.nav-signup { background: url(/m/cr/img/generic/registerBtn.png) no-repeat; margin-right:10px;}
		ul#nav li.nav-signup a {  background: url(/m/cr/img/generic/registerBtn.png) no-repeat; width:150px; margin-right:7px;}
			ul#nav li.nav-signup-sel a {  background: url(/m/cr/img/generic/registerBtn.png) no-repeat; margin-right:7px; background-position: 0 0; width:150px;}	
		
		ul#nav li.nav-account { background: url(/m/cr/img/generic/my-account.png) no-repeat; width:94px;margin-right:7px;}
		ul#nav li.nav-account a {  background: url(/m/cr/img/generic/my-account.png) no-repeat; width:94px; margin-right:7px;}
			ul#nav li.nav-account-sel a {  background: url(/m/cr/img/generic/my-account.png) no-repeat; width:94px; margin-right:7px; background-position: 0 -40px;}
		
		ul#nav li.nav-login { background: url(/m/cr/img/generic/loginBtn.png) no-repeat;}
		ul#nav li.nav-login a {  background: url(/m/cr/img/generic/loginBtn.png) no-repeat; width:80px;}
			ul#nav li.nav-login-sel a {  background: url(/m/cr/img/generic/loginBtn.png) no-repeat;  background-position: 0 0; width:80px;}
		
		ul#nav li.nav-logout { background: url(/m/cr/img/generic/logOutBtn.png) no-repeat;}
		ul#nav li.nav-logout a {  background: url(/m/cr/img/generic/logOutBtn.png) no-repeat; width:80px;}
			ul#nav li.nav-logout-sel a {  background: url(/m/cr/img/generic/logOutBtn.png) no-repeat;  background-position: 0 0; width:80px;}		
		
		/*_______HOVER STATES BELOW_____________*/
		ul#nav li.nav-home a:hover, ul#nav li.nav-account a:hover, ul#nav li.nav-signup a:hover, ul#nav li.nav-logout a:hover, ul#nav li.nav-login a:hover {background-position: 0 -40px; }

/*-------------------------------------------
    Main Content
-------------------------------------------*/
	

#main {	text-align:left;	padding:0 0 0 0; float:left; background-repeat : repeat;	width: 744px;	}
	#main h1.indexHeader { width:744px; background: #E3E3E3; padding:6px;}
	#main h1.mainHeader { width:744px; background: #E3E3E3; padding:6px; font-size: 1.6em;}

#content{float:left; display:inline; width:744px; clear:left;}

#content23 { float:left; display:inline; width:486px;}
#content13 { float:right; width:238px;}
	#content13 div.fundraiserList ul {  list-style: none; color:#7A746E; font-weight:bold; background:#fff; padding: 0 0 0 0; margin:-15px 0 0 0; }
		#content13 div.fundraiserList ul li { display:block; float:left; width:236px; line-height:18px; height:30px; margin:2px 0 2px 0; padding:5px 2px 6px 0;}
			#content13 div.fundraiserList ul li.odd {  background: #F5F3F0 ;}
			#content13 div.fundraiserList ul li.even {background: #F5F3F0;}
			#content13 div.fundraiserList ul li span.num {float:left; width:20px; padding:4px 0 8px 10px;  margin-left:6px; margin-right:10px; font-family: Georgia, "Times New Roman", Times, serif;	font-size: 14px; background:#fff;}
			#content13 div.fundraiserList ul li span.total {float:right; width:40px; padding-right:10px; margin-top:-15px;}

.col13 { float:left; width:275px ; margin-bottom:20px;}
.col23 { float:right; width:436px; margin-bottom:20px;}


div.genList ul {  list-style: none;  background:#fff; padding: 0 0 0 0; margin:0 0 0 0; }
div.genList ul li {  line-height:14px;  margin:2px 0 2px 20px; padding:5px 2px 6px 0;}


	
ul.eventlist {margin:0; list-style:none;  line-height:18px;}
	ul.eventlist li {  padding:0 0 20px 0; height:90px; width:486px;  margin-bottom:10px; border-bottom:1px dashed #CCC;}
	ul.eventlist li.last {  padding:0 0 20px 0; height:80px; width:486px;  margin-bottom:10px; border-bottom:none;}
		ul.eventlist li dl {  position:relative;  display:inline-block;}
		ul.eventlist li dt {  margin-bottom:5px; background:#fff; padding-top:10px;}
			ul.eventlist li dt.hasImg {  margin-left:168px;  margin-bottom:5px; background:#fff; padding-top:10px;}
			ul.eventlist li dt a, ul.eventlist dt a:hover{  font-size:1.6em;}
			ul.eventlist li dd.image {  position:absolute;  top:0;  left:0;  margin:0;  padding:0;}
	
.eventImg {float:left; margin-bottom:10px; margin-right:20px;}

.errorBox {width:475px; background:#F9B85A; padding-left:25px; padding-top:10px; padding-bottom:10px; font-weight:bold; color:#fff;} /* margin-left:122px; */

/*				
form fieldset {border: none; padding:0 0 0 0;	margin: 0 0 10px 0;}
	form fieldset { clear: left; margin:0 0 0 0; padding:0 0 0 0; }
		form fieldset label {display: block; color:#4E463F; font-weight:bold;}
			form fieldset label span.helptext { color:#666; font-weight:normal; font-style:italic; width:200px;}
		form fieldset span.errors { display: block; color:#DD701E; font-weight:normal; font-style:italic;}
		form fieldset input[type="text"], form fieldset textarea, form fieldset input[type="file"], form fieldset input[type="password"] {font-size:14px;    font-weight:normal;    width:420px;    line-height:18px;    margin:0 0 8px 0; padding:4px 0;    border:1px solid #C0C0C0;		}
*/

fieldset {border: none; padding:0 0 0 0;	margin: 0 0 10px 0;}
	 fieldset { clear: left; margin:0 0 0 0; padding:0 0 0 0; }
		 fieldset label {display: block; color:#4E463F; font-weight:bold;}
			 fieldset label span.helptext { color:#666; font-weight:normal; font-style:italic; width:200px;}
		 fieldset span.errors { display: block; color:#DD701E; font-weight:normal; font-style:italic;}
		 fieldset input[type="text"],  fieldset textarea,  fieldset input[type="file"],  fieldset input[type="password"] {font-size:14px;    font-weight:normal;    width:420px;    line-height:18px;    margin:0 0 8px 0; padding:4px 0;    border:1px solid #C0C0C0;		}

/*-------------------------------------------
    Misc positional divs
-------------------------------------------*/

#signUp, #login { width:475px; background:#F5F6F6; padding:25px 0 25px 25px; margin-left:122px; margin-bottom:20px;}

#fundraisers { width:475px; padding:0 0 25px 0; margin-left:122px; margin-bottom:20px;}
	#fundraisers h2{ margin-bottom:0;}

.fundraiserList h2{ margin-bottom:0;}	

/*-------------------------------------------
    Tables Layout
-------------------------------------------*/
table {background:none; width:100% }
	table tr.even td {background: #F7F7F7;}
	table tr.odd td {background: #EDEDED;}
	table tr.nobold td { font-weight:normal;}
	table th{ background:#E3E3E3 ; padding: 0.5em; border-bottom:1px solid #fff;}
	table td {padding: 0.6em; font-weight:bold; border-bottom:1px solid #fff; } 

.personalMessage { padding:10px 10px 10px 10px;  background:#FAFAFA; }
a#btn_sponsor { margin-top:20px; display:block; width:150px;}
a#btn_sponsor:hover { background:none !important;}

/*-------------------------------------------
    Footer
-------------------------------------------*/
#footer { margin:30px 0 20px 0;	clear: both; 	width: 744px; text-align:right;	display:block;	background: url(/m/cr/img/grey_hor_line.gif) top left repeat-x;	padding-top:10px;	color:#666;}
	#footer a:link, #footer a:visited{	color:#999;	text-decoration: none; }
	#footer a:hover {color: #fff;text-decoration: none;}


/*-------------------------------------------
    Misc Classes
-------------------------------------------*/
.marginLeft122 {margin-left:122px; }
.marginTop10 {margin-top:10px}

.cleaner {clear:both; height:1px;  font-size:1px;  border:none; margin:0; padding:0; background:transparent;}
.dspacer {	background:  url(/m/cr/img/generic/grey_hor_line.gif) left repeat-x;	padding:0;}
.viewallUH { margin:-37px 0 0 0;  padding:4px 4px 4px 4px;  float:right;  color:#4E463F;}
.UHFund {margin:-47px 30px 0 0;  padding:4px 4px 4px 4px;  float:right;  color:#fff;}
.viewallUH a{ text-decoration:none;  }
.bold { font-weight:bold;  color:#4E463F;}
span.date { width: 100%; padding: 0 0 0.25em; font-style: italic; color: #999; }

/*clearfix*/
.cf:after {content: ".";display: block;	clear: both;visibility: hidden;	line-height: 0;	height: 0;}
.cf {display: inline-block;}
html[xmlns] .cf {display: block;}
* html .cf {height: 1%;}
/*end clearfix*/