/********************************************************************************
* 
* © 2008 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: master.css
* Description: Master CSS file for the entire Red River Grain website
*
*********************************************************************************/

/* Auxiliary style sheets
--------------------------------------------------------------------------------*/

@import url(menus.css);
@import url(forms.css);


/* Body 
--------------------------------------------------------------------------------*/

*
	{
	margin:0;
	padding:0;
	}

body 
	{
	font-size:100%;
	color:#000000;
	line-height:1em;
	background:#666666;
	}
	

/* Heading styles
--------------------------------------------------------------------------------*/

h1
	{
	margin:0px 0px 0.6em 0px;
	padding:0px 0px 0.2em 0px;
	font:bold 1.8em Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #c20808;
	}

h2
	{
	margin:0px 0px 0.6em 0px;
	font:bold 1.25em Verdana, Arial, Helvetica, sans-serif;
	}

h3
	{
	margin:0px 0px 0.6em 0px;
	font:bold 1.125em Verdana, Arial, Helvetica, sans-serif;
	}

h4
	{
	margin:0px 0px 0.6em 0px;
	font:bold 0.9375em Verdana, Arial, Helvetica, sans-serif;
	}

h5
	{
	margin:0px 0px 0.6em 0px;
	font:bold 0.8125em Verdana, Arial, Helvetica, sans-serif;
	}

h6
	{
	margin:0px 0px 0.6em 0px;
	font:bold 0.6875em Verdana, Arial, Helvetica, sans-serif;
	}


/* Links
--------------------------------------------------------------------------------*/

a:link, a:visited
	{
	color:#c20808;
	}

a:hover 
	{
	color:#000000;
	background:#dadada;
	}
	
a.active
	{
	color:#000000;
	}


/* Horizontal rules
--------------------------------------------------------------------------------*/

hr
    {
    display:none;
    }

.hr
    {
    margin:0px 0px 1.6em 0px;
    border-top:1px solid #c20808;
    }
	

/* Container
--------------------------------------------------------------------------------*/

#container 
	{
	width:762px;
	margin:0 auto;		
	}

* html #container
	{
	}

#sitebg
    {
    float:left;
    width:652px;
    padding:0px 55px;
    background:#685252 url(/images/page-bg.gif) repeat-y;
    }
    

#accent
	{
	float:left;
	width:569px; 
	height:29px;
	margin:0 0 0 40px; 
	padding:0;
	background:url(/images/top-accent.gif) no-repeat;
	}

* html #accent
	{
	margin:0 0 0 20px;
	}


/* Masthead
--------------------------------------------------------------------------------*/
	
#masthead 
	{
	float:left;
	width:651px;
	height:159px;
	background:#685252;
	}
	
#masthead-left
	{
	float:left;
	width:217px;
	height:159px;
	background:url(/images/top-left.gif) no-repeat;
	}

* html #masthead-left
	{
	}

#logo
    {
    }

#logo a
    {
    background:none;
    }

#masthead-left img
	{
	margin:20px 0px 0px 20px;
	border:0 none;
	}

* html #masthead-left img
	{
	}

#masthead-right
	{
	float:left;
	width:434px;
	height:159px;
	background:url(/images/top-right.gif) no-repeat;
	}

* html #masthead-right
	{
	width:420px;
	}
	
h5.header
	{
	color:#c20808;
	margin:70px 0 0 0;
	text-align:left;
	}

h5.header img
	{
	margin:0 7px;
	vertical-align:middle;
	}


/* Main background
--------------------------------------------------------------------------------*/

#main 
	{
	float:left;
	width:610px;
	padding:16px 20px 0px 20px;
	text-align:left;
	background:#685252 url(/images/content-fill.gif) repeat-y;
	}
	
#mainbody
	{
	width:610px;
	}


/* Banner
--------------------------------------------------------------------------------*/

#banner
    {
    float:left;
    width:610px;
    margin:0px 0px 1.6em 0px;
    text-align:center;
    }


/* Content
--------------------------------------------------------------------------------*/
	
#content
    {
    float:left;
    width:400px;
    margin:0px -1px 0px 0px;
    padding:0px 16px;
    border-right:1px solid #808080;
    }

#content p
	{
	padding:0px 0px 1.6em 0px;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	}

#content ul, #content ol, #sub-content ul, #sub-content ol
    {
    margin:0px 0px 0px 25px;
    padding:0px 0px 1.6em 0px;
    font:0.6875em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    }

#content ul ul, #content ol ul, #content ul ul ul, #sub-content ul ul, #sub-content ol ul, #sub-content ul ul ul
    {
    padding:0px;
    font-size:1em;
    }

#content ol ol, #sub-content ol ol
    {
    padding:0px;
    font-size:1em;
    list-style:lower-alpha;
    }

#content ol ol ol, #sub-content ol ol ol
    {
    padding:0px;
    font-size:1em;
    list-style:lower-roman;
    }

#content table, #sub-content table
    {
    margin:0px 0px 1.6em 0px;
    font:0.6875em Verdana, Arial, Helvetica, sans-serif;
    border:1px solid #000000;
    }

#content table th, #sub-content table th
    {
    padding:4px;
    font-weight:bold;
    border:1px solid #000000;
    }

#content table td, #sub-content table td
    {
    padding:4px;
    border:1px solid #000000;
    }

#content table p, #sub-content table p
    {
    font:1em Verdana, Arial, Helvetica, sans-serif;
    }

#sub-content
    {
    float:left;
    width:577px;
    padding:0px 16px;
    }

#sub-content p
	{
	padding:0px 0px 1.6em 0px;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	}

#staff-cell
    {
    float:left;
    width:100%;
    margin:0px 0px 1em 0px;
    border-bottom:1px dotted #000000;
    }

#staff-cell h3
    {
    margin:0px 0px 0em 0px;
    }

#staff-cell h5
    {
    margin:0px 0px 0.6em 0px;
    font:italic 0.8125em Verdana, Arial, Helvetica, sans-serif;
    }

#related-logos
    {
    float:left;
    width:100%;
    }

.logo-cell
    {
    float:left;
    width:192px;
    height:115px;
    padding:0px 0px 1.6em 0px;
    text-align:center;
    }

.logo-cell img
    {
    border:none;
    }

.logo-cell a
    {
    background:none;
    }

.imageleft
    {
    float:left;
    padding:0px 1em 1em 0px;
    clear:both;
    }

.imageright
    {
    float:right;
    padding:0px 0px 1em 1em;
    clear:both;
    }

.imagefull
    {
    display:block;
    padding:0px 0px 1em 0px;
    text-align:center;
    }


/* Sidepane
--------------------------------------------------------------------------------*/

#sidepane
    {
    float:right;
    width:145px;
    padding:0px 16px 0px 16px;
    border-left:1px solid #808080;
    }

#sidepane p
	{
	padding:0px 0px 1.6em 0px;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	}

#weather
    {
    width:120px;
    height:60px;
    margin:0px 0px 1.6em 0px;
    }

#weather-content
    {
    height:48px;
    background:#993333 url(http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/red_120x60_bg.jpg) no-repeat;
    }

#weather-links
    {    
    height:12px;
    padding:2px 0px;
    font:10px Arial, Helvetica, Verdana, sans-serif;
    color:#ffffff;
    text-align:center;
    background:#993333;
    }

#weather-links a
    {
    color:#ffffff;
    }


/* Footer
--------------------------------------------------------------------------------*/
	
#footer 
	{
	float:left;
	width:622px;
	height:19px;
	padding:12px 0px 16px 30px;	
	font:0.5625em Arial, Helvetica, sans-serif;
	color:#000000;
	background:#685252 url(/images/bottom.gif) no-repeat;
	}

#footer a, #footer a:link, #footer a:visited 
	{
	text-decoration:none;
	color:#000000;
	}

#footer a:hover 
	{
	text-decoration:underline;
	}
	
#footer a:active
	{
	text-decoration:none;
	}

#rightcontent
	{
	float:right;
	margin:0 22px 0 0;
	}
	
#rightcontentbody
	{
	width:194px;
	margin:0; 
	padding:0;
	background:url(/images/sidebar-box-bg.gif) no-repeat top right;
	border:1px dotted #e5e5e5;
	}
	
#rightcontentbottom
	{
	width:183px; 
	height:23px;
	}

/*----| discount tables section |----*/
h2.discounttables
    {
    font:bold 1.3em Arial,Helvetica,sans-serif;
    width:90%;
    margin:10px 0 10px 30px;
    text-align:center;
    background:#e1e1e1;
    border:1px solid;
    }
#discounts
    {
    width:90%;
    margin:0 0 0 30px;
    padding:2px;
    border:1px solid #000;
    border-spacing:1px;
    border-collapse:collapse;
    }
#discounts thead th
    {
	margin:0;
	padding:.2em;
    border:1px solid #000;
    font: bold 1.2em Arial,Helvetica,sans-serif;
    text-align:right;
    border-collapse:collapse;
    empty-cells:show;
    }
#discounts tfoot td
    {
	margin:0;
	padding:.2em;
    border:1px solid #000;
    border-collapse:collapse;
    text-align:left;
    font: normal 1em Arial,Helvetica,sans-serif;
    empty-cells:show;
    }
#discounts tfoot td span
    {
    font: bold 1em Arial,Helvetica,sans-serif;
    }
#discounts tbody
	{
	border:1px solid #000;
	border-collapse:collapse;
	}
#discounts tbody td
    {
    border:1px solid #000;
    border-collapse:collapse;
    font: normal 1.1em Arial,Helvetica,sans-serif;
    text-align:right;
    empty-cells:show;
	padding:3px;
    }
#discounts tbody td span
    {
    font: bold 1em Arial,Helvetica,sans-serif;
    }

/*----| contact page list |----*/
.contactlist
	{
	margin:0 1em;
	padding:.2em 1.5em;
	list-style:none;
	line-height:20px;
	font:bold 1.2em Arial,Helvetica,sans-serif;
	}
.contactlist ul
	{
	margin:.5em 1em;
	padding:.4em 3em;
	list-style:none;
	line-height:20px;
	font:normal 1em Arial,Helvetica,sans-serif;
	}