body 
{
    text-align: left;
    background-image: url('images/bg.jpg');
}

label
{
    display: block;
    height: 25px;
}

table td
{
    padding: 5px;
    vertical-align: top;
}
/*---------------------Text Styling Area--------------------------- */
.mainText
{
    font-family: Verdana, Ariel;
    font-size: 12px;
	font-weight: normal;
	color: Black;
}

.mainText p
{
    font-family: Verdana, Ariel;
    font-size: 12px;
	font-weight: normal;
	color: #000000;
    padding-top: 0px;
    padding-bottom: 0px;
	margin-top: 0px; 
	margin-bottom: 0px;
    padding-left: 20px; 
	margin-right: 0px;
}	

.mainText h1
{
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
    color: Black;
    font-family: Verdana, Arial;
}


.mainText h2
{
    font-family: Verdana, Ariel;
    font-size: 13px;
	font-weight: bold;
	color: #846300;
    padding-top: 0px;
    padding-bottom: 0px;
	margin-top: 10px; 
	margin-bottom: 0px;
    margin-left: 0px; 
	margin-right: 0px;
}

.mainText h3
{
    color: Gray;
    font-size: 13px;
    font-weight: bold;
}

.mainText h4
{
    font-size: 11px;
    color: Black;
}

.mainText a
{
    font-family: Verdana, Ariel;
    font-size: 13px;
	font-weight: bold;
	color: #70809A;
    padding-top: 0px;
    padding-bottom: 0px;
	margin-top: 0px; 
	margin-bottom: 0px;
    /*margin-left: 20px; */
	margin-right: 0px;
}

.indent
{
    margin-left: 20px;
}

.mainText a:hover
{
    color: Navy;
}

/*---------------------Layout-------------------------------------- */
#mainarea /*This is the area of the page where all content will go */
{
    background-image: url('images/rodin_header.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    width: 800px;
    height: auto;
    margin: auto;
    display: block;
    background-color: White;
}

#mainarea2
{
    background-image: url('images/rodin_header_noman.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    width: 800px;
    height: auto;
    margin: auto;
    display: block;
    background-color: White;
}

#mainContentArea
{
    width: 525px;
    padding: 10px 0 0 10px;
    float: left;
    background-color: White;
}

#mainContentAreaTertiary
{
    width: 675px;
    padding: 10px 0 0 10px;
    float: left;
    background-color: White;
}

#footer_spacing {clear: both; height: 20px; display:block;}

#footer
{
    width: 800px; 
    background-image: url('images/newfooter.jpg'); 
    color: White; 
    height: 12px; 
    display: block; 
    font-family: Verdana, Arial; 
    font-size: 10px; 
    text-align: center; 
    vertical-align: middle; 
    padding: 2px 0;
    float: left;
    margin: auto;
    clear: both;
}

#footer a:link, #footer a:active, #footer a:visited
{
    color: #FFFFFF;
}

#footer a:hover   
{
    color: #FFE28A;
}

.tertiaryTable
{
    width: 600px;
}

.tertiaryTableLeft
{
    width: 288px;
    padding: 5px;
    text-align: left;
    float: left;
}

.tertiaryTableRight
{
    width: 288px;
    padding: 5px;
    text-align: left;
    float: left;
}
/* ------------------- Navigation --------------------------------- */

#nav p 
{
    font-family: Veranda, Arial; 
    font-size:11px; 
    color:#ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}

.block 
{
    text-align: left;
    padding-left: 5px;
}

#navigation 
{
    /*position: absolute; 
    top: 143px; 
    left: 0px;*/
    width: 105px;
    background-image: url('images/sidebar.jpg'); 
    background-repeat: repeat-x; 
    background-position: top; 
    height: 457px;
    padding: 5px 0px 5px 5px;
    text-align: left;
    vertical-align: top;	
}

#navigation ul 
{
    text-align: left;
    margin: 0 0px 0 0px; 
    padding: 0px; 
}

#navigation ul li 
{	
    text-align: left;
    position: relative;	
    list-style: none;
    list-style-image: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

#navigation ul li ul li 
{	
    position: relative;	
    list-style: none;
}

/* Main navigation Style */
.mainnavigation 
{
    margin: 0; 
    padding: 0; 
    padding-bottom: 0; 
    margin-bottom: 0;
    width: 105px;
}

.mainnavigation a 
{
    display: block; 
    text-decoration: none; 
    color: white;
    font-family: Verdana, Arial; 
    font-weight: bold; 
    margin: 0; 
    padding: 0px; 
    width: 105px; 
    font-size: 10px;
    list-style-image: none;
    text-align: left;
}

.mainnavigation a:visited, .mainnavigation a:active
{
    text-decoration: none; 
    color: white; 
    width: 105px;
}

.mainnavigation a:hover 
{ 
    color: #5a4415;
    text-decoration: none; 
}

/* Fly out menu */
.hide
{	
	position: absolute; 
	font-family: Verdana, Arial;
	left: 99px; /* Set 1px less than menu width */ 
	display: none;
	z-index: 500;
	width: 100px;
	overflow: inherit;
	background-image: url('images/flyout_bg.jpg');
	font-size: 10px;
	top: 0px;
}

li.flyout, li.flyout a, li.flyout a:visited, li.flyout a:active
{ 
    font-weight: bold;
    display: block;  
    padding: 1px 2px 1px 5px; 
    text-decoration: none;
    color: White;
}

li.flyout a:visited, li.flyout a:active
{ 
    text-decoration: none; 
    display: block;  
}

li.flyout a:hover 
{
    text-decoration: none; 
    color: #5A4415;
}

/* Fix IE. Hide from IE Mac \*/
* html #navigation ul li{ float: left; height: 1%; }
* html #navigation ul li a { height: 1%; }
/* End */

li:hover ul, li.sfhover ul 
{ 
    font-weight: bold;
    position: absolute;
    display: block; 
    left: 105px;
    top: 0px;
} /* The magic of the flyout */

.topBarLinks a, .topBarLinks a:visited
    {
        height: 15px; 
        font-weight: normal; 
        font-size: 13px; 
        color: white;
        padding-left: 10px; 
        font-family: 'Franklin Gothic Demi'; 
        top: 16px; 
        font-variant: normal;
        text-decoration: none;
    }
    
    .topBarLinks a:hover
    {
        color: #FFE28A;
    }

.mainLowerLinks a, .mainLowerLinks a:active, .mainLowerLinks a:visited
{
    font-family: Veranda, Arial; 
    font-weight: bold; 
    font-size: 16px; 
    color: #5a4415;
    text-align: center;
    font-variant: small-caps;
    text-decoration: none;
    padding: 3px 20px 3px 20px;
}

.mainLowerLinks a:hover
{
    color: #E2A935;
    text-decoration: none;
}