* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
       background-image: url(http://charitycards.org/images/column_wide.jpg);
       background-repeat: repeat-y; background-position: center;
       width: 100%; height: 100%;
       background-color: #eaeaea;
text-align:center;
}

/* list stuff */
ul { list-style: none; padding: 0 0 0 20px; }
li { padding: 0 0 0 10px; }

/* standard stuff here */
.small { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #00485d; text-decoration: none; }
a.small { text-decoration: none; }
a:HOVER.small { text-decoration: none; background-color: #baebfe; color: #f25c45; }	

/* menu stuff */
.menu-links { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none; }
a.menu-links { text-decoration: none; }
a:HOVER.menu-links { text-decoration: none; background-color: #baebfe; color: #f25c45; }	

h1 { color: #b3960f; font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-size: 20px; font-weight: normal; text-decoration: none; letter-spacing: -1px; margin: 0px; padding: 5px 0px 5px 0px; }
h2 { color: #b3960f; font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-size: 18px; font-weight: normal; text-decoration: none; letter-spacing: -1px; margin: 0px; padding: 0px 0px 0px 0px; }
h3 { color: #b3960f; font-size: 18px; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: normal; margin: 0px; padding: 5px 0px 5px 0px; }
h4 { color: #00485d; font-size: 14px; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: normal; margin: 0px; padding: 0 0 10px 0; }
h5 { color: #b3960f; font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-size: 16px; font-weight: normal; text-decoration: none; letter-spacing: -1px; margin: 0px; padding: 0px 0px 10px 0px; }

h2 a { font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-weight: normal; text-decoration: none; color: #f25c45; letter-spacing: -1px; }
h2 a:HOVER { text-decoration: underline; color: #00485d; }	
h3 a { font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-weight: normal; text-decoration: none; color: #00485d; letter-spacing: -1px; }
h3 a:HOVER { text-decoration: underline; color: #f25c45; }	
h4 a { font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-weight: normal; text-decoration: none; color: #00485d; letter-spacing: -1px; }
h4 a:HOVER { text-decoration: underline; color: #f25c45; }	
	
	
p { padding: 5px 0 5px 0; margin:0; color: #000099; font-size: 14px; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: normal; }
.mainTextHomeSmall {	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: Gray; font-weight: normal; }
A.mainTextHomeSmall {	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: Gray;	text-decoration: none;}
A:HOVER.mainTextHomeSmall {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px; color: #3c7193; text-decoration: underline;}

#outer{
height:100%;
width:100%;
display:table;
}
#container {
text-align: center;
position:relative;
display:table-cell;
height: 100%;
}
#inner {
width: 920px;
background: #e9e9e9;
height: 100%;
text-align: center;
margin-left:auto;
margin-right:auto;
}

/* front page stuff for categories */
#categoriesItem { float: left; text-align: center; padding: 0px 10px 20px 10px; }
.categoriesImage { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #958900; text-decoration: none; text-align: center; font-weight: bold; padding-top: 20px; }
#categoriesButton { clear: both; float: left; width: 151px; height: 39px; text-align: center; padding: 8px 0 0 0; background-repeat: no-repeat; }
.categoriesText { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #be0f34; text-decoration: none; text-align: center; font-weight: bold; padding-top: 20px; }

/* menu stuff */
.menu-links { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; text-decoration: none; }
a.menu-links { text-decoration: none; }
a:HOVER.menu-links { text-decoration: none; background-color: #baebfe; color: #f25c45; }

/* charities stuff */
#charityTable
{
padding: 30px 20px 10px 20px;
text-align: left;
font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #21486f; text-decoration: none;
}
#charitytext { text-align: left; width: 430px; padding: 0 10px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none; }
#charityimage { text-align: left; width: 430px; padding: 20px 10px 0 10px; }

/* general text */
.TitleText { clear: both; float:left; width: 700px; font-family: Arial, Verdana; font-size: 14px; color: #000000; padding: 10px 0 10px 0; }
.BoxText { float:left; width: 700px; padding: 5px 0 5px 0; font-family: Arial, Verdana; font-size: 14px; color: #000000; }
.AddressText  { float:left; width: 200px; padding: 5px 0 5px 0; font-family: Arial, Verdana; font-size: 14px; color: #000000; }
.FieldText { clear: both; float:left; width: 200px; padding: 5px 0 5px 0; font-family: Arial, Verdana; font-size: 14px; color: #000000; }
.HeaderText { padding: 20px 0 10px 0; clear: both; float: left; border-bottom: dotted 1px #000000; width: 100%; font-family: Arial, Verdana; font-size: 14px; color: #000000; }
.TextLine { float: left; padding: 5px 0 5px 0; width: 900px; font-family: Arial, Verdana; font-size: 14px; color: #000000; }
/* form field stuff */
.fieldTitle { clear: both; float: left; color: #565758; font-size: 14px; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: normal; width: 250px; padding: 0 0 5px 0; }
.fieldNames { float: left; border: font-size: 12px; color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: left; padding: 0 0 5px 10px; width: 400px; }
.fieldNamesLong { float: left; border: font-size: 12px; color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: left; padding: 0 0 5px 10px; width: 800px; }
.address { color: #565758; font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-size: 16px; font-weight: normal; text-decoration: none; letter-spacing: -1px; margin: 0px; padding: 0px 0px 0px 0px; }