/************************************************
CSS RESET
************************************************/

/* equalizes all browsers defaults for consistency */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html, body, form {
    height: 100%;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	/* content: none;       NOT CSS 3 COMPLIANT */
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/************************************************
MASTERPAGE
************************************************/

html{ 
    overflow-y: scroll; /* force vertical scrollbar. prevents shifting of page. CSS 3 */
}
#container{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
    width:950px; 
	height:auto !important;
	height:100%; /* IE6 override: treated as min-height*/
	min-height:100%;
    overflow: hidden; /* prevents footer from covering pageContent */

    background-color: #E0E0E0;
    border: solid black;
    border-width: 0 1px; /* prevents scrolling of page */
}
#header{
    height: 78px;
}
#rouseLogo{
    float:left; 
    padding-left: 8px; 
}
#topNavCurve{
    float:left; 
}
#navBar{
    height:15px; /* matches graphic */
    width:704px; /* container 950 - padding 8 - logo 160 - curve 78 = 704px */
    float:left;
    text-align: right;
    line-height: 13px; /* vertically center links */
    
    background-color: #333333;
}
#navBar a:link,#navBar a:visited,#navBar a:hover,#navBar a:active{
    padding-right: 10px;
    
    color: #FFFFFF;
    font: 11px Arial;
    text-decoration:none;
    text-transform: uppercase;
}
#taglineBar{
    height:35px; 
    width:704px; 
    float:left;
    text-align: right;
    
    background-color: #AF7800;
}
#tagline{
    padding:6px 9px 4px 0;
}
#taglineBarNew{
    height:120px;
    width: 100%;
    text-align: center;
}
#footer{
    position: absolute; 
    bottom: 0; 
    width: 100%; 
    text-align: center;
    height: 70px; 
    clear: both;
    
    background-color: #333333;
}
#contactLine{
    padding-top: 7px;
    
    color: #CC6600;
    font: 13px Arial;
}
#contactLine a:link,#contactLine a:visited,#contactLine a:hover,#contactLine a:active{
    color: #AF7800;
}
#copyright{
    padding-top:7px;
    
    color: #999999;
    font: 13px Arial;
}
#footerLinks{
    padding-top: 3px;
    
    color: #999999;
    font: 13px Arial;
}
#footerLinks a:link,#footerLinks a:visited,#footerLinks a:hover,#footerLinks a:active{
    color: #999999;
    font: 13px Arial;
    text-decoration:none;
}

/************************************************
MASTERPAGE LEVEL 2
************************************************/

#leftDiv{
    float: left;
    width: 215px;
    margin: 10px 4px 10px 8px;
}
#navTable{
    width: 100%;

    border: solid 1px #999999;
    background-color: White;
}
#navTable tr{
    height: 20px;
}
#navTable td{
    vertical-align: middle;
    padding-left: 10px;
    border-bottom: dotted 1px #999999;
}
#navTableColorBar td{
    background-color: #AF7800;
    border-bottom: solid 1px #999999 
}
#navTable a:link,#navTable a:visited,#navTable a:hover,#navTable a:active{
    font: 11px Tahoma;
    color: #8B5F14;
    text-decoration: none;
}
#rightDiv{ /* outside shadow */
    float: left;
    width: 719px; /* container 950 - leftDiv 215 - leftDiv margins 12 - rightDiv margins 4 = 719px */
    margin: 10px 4px 80px 0; /* 80px bottom margin to prevent footer (70px) from covering pageContent */
}
#pageContent{ /* inside shadow */
    height: 550px; /* 100% not possible with CSS! */
    padding: 10px;
    
    border: solid 1px #999999;
    background-color: White;
}

/************************************************
PAGES
************************************************/

/*Home*/
#FadeshowContainer{
    width:578px;
    margin: 0px auto;
    padding: 25px 0 80px; /* 80px bottom padding to prevent footer (70px) from covering image */
}

/* Level 2 Pages */

h1{
    padding-top: 10px;
    padding-bottom: 10px;
    font: bold 13px Tahoma;
    color: Gray;
}
h2{
    padding-top: 15px;
    padding-bottom: 10px;
    font: bold 11px Tahoma;
    color: Gray;
}
p{
    font: 13px Tahoma;
    color: Gray;
}
p.getsSpaceAfter{
    margin-top: 10px;  /* space between paragraphs */
}
ul{
    margin: 15px 40px;
    
    font: 13px/18px Tahoma;
    color: Gray;
    list-style-type: disc;
}