/* 
 * CSS Document; R. Dows
 *
 * Main Css file;
 *
 * main.css
 */

/* ---------------------------- Links -- */
@import url('links.css');

/* ---------------------------- Fonts -- */
@import url('fonts.css');

/* ---------------------------- Forms -- */
@import url('forms.css');

/* --------------------------- Tables -- */
@import url('tables.css');

/* ---------------------------- Menu --- */
@import url('menu.css');


* {
    margin:					0;
	padding:				0;
}

html, body {
	text-align:				center;
}

body {
    background-image:       url(/images/grass.jpg);
	background-repeat:      repeat;
	background-position:    top left;
	background-color:       #0f0;
}

#sWrap {
    margin:					0 auto;
}

#sPage {
    position:				absolute;
    top:					0;
	left:					50%;
    width:					730px;
	margin-left:            -365px;
}



/* ---------------------------- #sHead ---*/
#sHead {
    background-image:       url(/images/SF_top2.gif);
	background-repeat:      no-repeat;
	background-position:    top left;
	padding-top:		    110px;
	margin:					10px 0 0 0;
}
*>#sHead, *>#sFoot {
	padding-top:            110px;
}
*>#sHead p, *>#sFoot p {
    margin-top:             -110px !important;
}
* html #sHead, * html #sFoot {
    /* IE5Mac filter \*/
    height:                 110px;
	/* end filter */
}
#sHead p, #sFoot p {
    margin-top:             -110px !important;
}


/* ---------------------------- #sBody ---*/
#sBody {
    background-image:       url(/images/SF_bar.gif);
	background-position:    top left;
	background-repeat:      repeat-y;
	width:					696px;
	text-align:				left;
	margin:            		0 17px;
} 
#sBody div.box {
    width:  				610px;
	margin:					0 10px;
}

div.smallbox {
    width:					300px;
	float:					right;
}
div.smallbox div.smallboxtop, div.smallbox div.smallboxbottom {
	background-position:	top left;
	background-repeat:		no-repeat;
}
div.smallbox div.smallboxtop {
    background-image:       url(/images/smallboxtop.gif);
	height:					25px;
}
div.smallbox div.smallboxtopindex {
    background-image:       url(/images/keepintouch.gif);
	height:					60px !important;
}
div.smallbox div.smallboxmiddle {
    background-image:       url(/images/smallboxmiddle.gif);
	background-repeat:		repeat-y;
}
div.smallbox div.smallboxbottom {
    background-image:       url(/images/smallboxbottom.gif);
	height:					25px;
}


/* ---------------------------- #order --*/
#order { 
    background-color:		#393;
	width:					630px !important;
	margin:					0 33px;
	border:					1px solid #000;
}
* html #order {
    width:					610px;
}



/* ---------------------------- #sFoot --*/
#sFoot {
    margin-top:             -2px;
    background-image:       url(/images/SF_bottom.gif);
	background-repeat:      no-repeat;
	background-position:	top left;
	padding-top:		    150px;
}



/* ---------------------------- Misc --*/
div.spacer {
    clear:					both;
}
div.centered {
	margin:					0 auto !important;
	text-align:				center !important;
}
div.centered a:hover {
    background-color:		transparent;
}
img {
    border:					0;
}

.snoodimage {
    padding:                5px;
	border:					1px solid #000;
}
.snoodimage:hover {
	background-color:		#fff;
}

dt {
    margin-left:            30px;
	padding-top:            15px;
	line-height:            1.3em;
}
dd {
    padding:				0 30px 0 10px;
	text-align:				justify;
}
address {
    padding-left:           25px;
	line-height:			1.2em;
	font-size:				0.9em;
}

.disabled { color:			#999; }
