* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
       width: 100%; height: 100%;
       text-align:center;
       background-image: url(images/background2.jpg); background-repeat: repeat-x;
       background-color: #6984bb;
}

/* 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: 12px; color: #ffffff; text-decoration: none; }
a.small { text-decoration: none; }
a:HOVER.small { text-decoration: none; background-color: #baebfe; color: #f25c45; }	

/* footer */
.beta { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; text-decoration: none; }

/* menu stuff */
.menu-links { padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #ffffff; text-decoration: none; }
a.menu-links { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #ffffff; text-decoration: none; }
a:HOVER.menu-links { text-decoration: none; background-color: #ffffff; color: #00529b; }


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: #333333; font-size: 16px; 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-size: 16px; 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: #b3960f; }	
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;
height: auto;
text-align: center;
margin-left:auto;
margin-right:auto;
margin-bottom: 0;
padding: 0;
}

#gallery {
float: left;
width: 800px;
text-align: center;
margin: 20px 0 0 60px;
}

/* 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; background-image: url(../images/Button.jpg); }
.categoriesText { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #be0f34; text-decoration: none; text-align: center; font-weight: bold; padding-top: 20px; }

/* 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: 400px; padding: 0 10px 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none; }
#charityimage { text-align: left; width: 400px; 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: 600px; 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: 830px; font-family: Arial, Verdana; 
font-size: 14px; 
color: #000000;
}
.TextUnderline { float: left; padding: 10px 0 5px 0; width: 830px; font-family: Arial, Verdana; font-size: 16px; color: #b3960f; font-weight: bold; border-bottom: solid 2px #b3960f; }
/* 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; font-size: 12px; color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: left; padding: 0 0 5px 10px; width: 400px; }
.fieldNamesLong { float: left; 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; }
.audioPreview { float: left; padding: 5px 0 5px 0; width: 400px; font-family: Arial, Verdana; font-size: 14px; color: #000000; line-height: 50px; }
/* card styling stuff */
.cardright { float: left; width: 180px; padding: 0 0 0 0px; text-align: left; }
.cardcenter { clear: both; float: left; width: 650px; padding: 0; text-align: center; }
.cardcenterbig { float: left; width: 875px; padding: 0; text-align: center; }
.ecarddetails { float: left; width: 875px; padding: 0; text-align: center; }
.ecardTitle {color: #b3960f; font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-size: 20px; font-weight: normal; text-decoration: none; letter-spacing: -1px; margin: 0; padding: 5px 0px 5px 0px; }
.titleLeft { float: left; width: 240px; padding: 0 10px 0 40px; text-align: left; }
.titleRight { float: left; width: 160px; padding: 0 10px 0 10px; text-align: left; }
.titleRight2 { float: left; width: 160px; padding: 0 10px 0 10px; text-align: left; }
.titleRight3 { float: left; width: 160px; padding: 0 10px 0 10px; text-align: left; }

/* list stuff */
#tick { list-style-image: url(images/tick.gif); padding: 0 0 0 10px; font-family: Arial, Verdana; font-size: 14px; color: #000000; }
#tick2 { list-style-image: url(images/tick.gif); padding: 0 0 0 10px; font-family: Arial, Verdana; font-size: 14px; color: #000000; }
#tick3 { list-style-image: url(images/tick.gif); padding: 0 0 0 10px; font-family: Arial, Verdana; font-size: 14px; color: #000000; }

/* shopping cart */
.cartHeader { font-family: Arial; font-size: 14px; color: #ffffff; font-weight: bold; height: 30px; background-color: #3366ff; text-align: center; }
.cartItem { font-family: Arial; font-size: 11px; color: #0e2055; font-weight: normal; height: 30px; background-color: #ffffff; text-align: center; }
.cartAlternatingItem
{
    font-family: Arial;
    font-size: 11px;
    color: #0e2055;
    font-weight: normal;
    height: 30px;
    background-color: #CCFFCC;
    text-align: center;
}
.TotalText { clear: both; float:left; width: 200px; font-family: Arial, Verdana; font-size: 14px; color: #000000; font-weight: bold; text-align: left; }
.TotalField { float:left; width: 600px; font-family: Arial, Verdana; font-size: 14px; color: #000000; font-weight: bold; text-align: left; }

#cardCell { clear: both; float: left; width: 850px; text-align: center; background-color: #ffffff; padding: 0 0 0 0; }
#player { text-align: center; width: auto; }
.copyright { font-family: Arial, Verdana; font-size: 11px; color: #ffffff; }
a.copyright { text-decoration: none; }
a:HOVER.copyright { text-decoration: underline; color: #f25c45; }	

/* paging stuff */
.paging-div             {font-size: 9px; position:relative;text-align:left;color:rgb(128, 128, 128);margin-bottom:10px; margin-top:10px; line-height:100%; font-family:Verdana;}
.paging-div div         {font-size: 9px; font-weight: normal; display:inline;list-style:none;text-align:center; margin:2px; font-family:Verdana;}
.paging-div div span    {font-size: 9px; font-weight: normal; color: #CC0000; border: 1px #CC0000 solid; padding: 3px 6px 3px 6px; font-family:Verdana;}
.paging-div div a       {font-size: 9px; font-weight: normal; color: #000000; border: 1px #CDDCED solid; padding: 3px 6px 3px 6px; font-family:Verdana; text-decoration: none;}
.paging-div div a:hover {font-size: 9px; font-weight: normal; color: #FFFFFF; border: 1px #000000 solid; padding: 3px 6px 3px 6px; font-family:Verdana; background-color: #5F8FC5; text-decoration: none;}
.paging-div .nav        {font-size: 9px; font-weight: normal; color: #CCCCCC; border: 1px #CCCCCC solid; padding: 3px 6px 3px 6px; font-family:Verdana;}