/*___ layout.css: Positioning and Layout Styles ___*/

/*___ Section 1: Global Positioning/Layout Styles ___*/

html 
{
}

body 
{
    width               : 960px;
    margin              : 0 auto;
}

h1 
{
}

h2 
{
    margin-bottom       : 10px;
}

h3 
{
    margin-bottom       : 5px;
}

h4 
{
    margin-bottom       : 5px;
}

h5 
{
    margin-bottom       : 5px;
}

h6 
{
    margin-bottom       : 5px;
}

p 
{
}

ul 
{
}

ol 
{
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
}

a:visited 
{
}

a:hover 
{
}

table 
{
}

tr 
{
}

th 
{
}

td 
{
}

img 
{
}

/*___ Section 2: Site-Specific Positioning/Layout Modules ___*/
#header
{
    position            : relative;
    width               : 958px;
    height              : 200px;
}

#content
{
    display             : block;
    width               : 958px;
    padding-bottom      : 390px;
    min-height          : 300px;
}

#main
{
    display             : inline-block;
    vertical-align      : top;
    width               : 710px;
    z-index             : 100;
    padding-top         : 15px;
    margin-left         : 10px;
}

#sidebar
{
    display             : inline-block;
    vertical-align      : top;
    width               : 230px;
    float               : left;
    padding             : 20px 0 60px 0;
    z-index             : 100;
}

#footer
{
    clear               : both;
    text-align          : right;
    padding             : 3px 10px;
}

/*___ Section 3: Unique Element-Specific Position/Layout Styles ___*/

/*___ DIV _________________________________________________________________*/
.primary
{
    display             : inline-block;
    width               : 540px;
    vertical-align      : top;
    padding             : 0 10px;
}

.side
{
    display             : inline-block;
    width               : 110px;
    vertical-align      : top;
    padding             : 10px;
}

.sub
{
    clear               : both;
    display             : inline-block;
    vertical-align      : top;
}

.specialOne
{
    width               : 300px;
    margin-right        : 20px;
}

.specialTwo
{
    width               : 220px;
}

/*___ SPAN _________________________________________________________________*/
.rotator
{
	display				: block;
	height				: 199px;
	width				: 303px;
	float				: right;
	margin				: 5px 10px 10px;
	overflow			: hidden;
}

.rotator span
{
	display				: block;
	height				: 199px;
	width				: 303px;
	float				: right;
}

/*___ H1 _________________________________________________________________*/
#header h1
{
    position            : relative;
    display             : block;
    height              : 159px;
    width               : 960px;
}
/*___ H2 _________________________________________________________________*/
#header h2
{
    margin              : 10px 0 0 250px;
}

/*___ H3 _________________________________________________________________*/

/*___ H4 _________________________________________________________________*/

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/
#main p
{
    margin-bottom       : 18px;
}
/*___ UL _________________________________________________________________*/

#main ul
{
    margin-bottom   : 35px;
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/
ul.main li
{
    width               : 228px;
}

#main ul li
{
    margin              : 0;
    list-style-type     : none;
    line-height         : 140%;
}

#main ol li
{
    margin              : 0 0 8px 2em;
    list-style-type     : decimal;
}


#main ul.features li
{
    list-style-type : disc;
    margin          : 0 0 0 2em;
}

#main ul li 
{
	margin-top		: 1.1em;
	margin-left		: 15px;
}


/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/
#header h1 a
{
    display             : block;
    height              : 159px;
    width               : 960px;
    text-indent         : -9999em;
}

ul.main a
{
    display             : block;
    width               : 190px;
    height              : 15px;
    padding             : 5px 18px 10px 20px;
}

ul.main ul a
{
    display             : block;
    width               : 170px;
    height              : 15px;
    padding             : 5px 18px 10px 40px;
}
/*___ TABLE _________________________________________________________________*/
#main table
{
    width               : 98%;
    margin-bottom       : 18px;
}
/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/
#main th
{
    padding             : 3px 5px;
}
/*___ TD _________________________________________________________________*/
#main td
{
    padding             : 3px 5px;
}

/*___ IMG _________________________________________________________________*/
.side img
{
    margin              : 10px 3px 5px 3px;
}

img[style="float: left;"]
{
    margin              : 0 10px 10px 0;
}

img[style="float: right;"]
{
    margin              : 0 0 10px 10px;
}
#main img
{
    padding : 1px;
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/

/*___ LABEL _________________________________________________________________*/

/*___Group/Section/Class_________________________________________________________________*/