﻿
body, div, span, p, ul, ol, li, h1, h2, h3, h4, h5, h6, table, table, tbody, tr, th, td, form
	{
	margin: 0;
	padding: 0;
	border: 0;
	}

body 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#cccccc;
	background-image:url(/rankin/images/bg_main.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
	color:#333333;
	font-size:80%;
	}
h1
{
    padding-top:10px;
    color: #cc0000;
    font-size:140%
}

h2
	{
	color: #666666;
	margin-bottom: 5px;
	padding-top: 5px;
	font-size:120%
	}
h3
	{
	color: #000000;
	margin-bottom: 10px;
	}	
h4
{
  color: #cccccc;
  padding-bottom:5px;
  padding-left:10px;
}
h5
{
    color: #cc0000;
}
h6
{
    color:#cc0000;
    font-size:105%;
}
span#subtitle
{
    color:#cc0000;
    font-size:110%;
    padding:2px;
}
div#mainwrapper 
{
  position: relative;
  width: 880px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  }
  
a img 
   {
    border: none;
   }
		
a:link
	{
	color:#cc0000;
	text-decoration:none;
	}
	
a:visited
	{
	color:#cc0000;
	text-decoration:none;
	}	
	
a:hover
	{
	color:#cc0000;
	text-decoration:underline;
		}
	
a:active
	{
	color:#0033FF;
	}
p.app
{
   
    padding:3px 10px 10px 10px;
    color:#ffffff;
}

div#menu
{
    position: relative;
	background-image:url(/rankin/images/bg_menu.jpg);
	background-repeat:no-repeat;
	padding:7px 5px 7px 5px ;
	text-align:left;
	font-weight:bold;
}
div#header
	{
	position: relative;
	width: 880px;	
	height: 80px;
	}
ul.menu
{
    list-style:none;
}

li.menu
{
    display:inline;
    margin: 0 0 0 1px;
    padding: 0 0 0 1px;
}


ul.menu a:link, ul.menu a:visited, ul.menu a:hover, ul.menu a:active
{
    display:inline;
    padding:7px 5px 7px 5px;
    text-decoration:none;
   /*border-right:1px #333333 solid;*/
}

ul.menu a:link
{
    color:#fff;
}

ul.menu a:visited
{
  color:#fff;
}

ul.menu a:hover
{
    color:#fff;
    background-color:#ff0000;
    text-decoration: underline;
}

ul.menu a:active, selected a
{
   color:#fff;
   background-color:#ff0000;
}
	
div#content
{
    padding: 10px;
}
div#leftpane
{
    float:left;
    width:70%;
    margin-bottom: 10px;
}

div#rightpane
{
    float:right;
    width:28%;
    margin-bottom: 10px;
}
div#topapp
{
    background-image:url(/rankin/images/bg_topapp.jpg);
    background-repeat:no-repeat;
    padding:4px;
    
}
div#contentapp
{
    background-color:#990000;
    background-repeat:repeat-y;
}

div#bottomapp
{
    background-image:url(/rankin/images/bg_bottomapp.jpg);
    background-repeat:no-repeat;
    padding:5px;
    
}
	
div#footer
	{
	position: relative;
	background-color:#000000;
	background-image:url(/rankin/images/bg_footer.jpg);
	text-align:center;
	color:#fff;
	padding:2px 5px 5px 5px;
	font-size:80%;
	clear:both;
	}
	
ul.footer
{
    list-style:none;
}

li.footer
{
    display:inline;
    margin: 0 0 0 1px;
    padding: 0 0 0 1px;
}

ul.footer a:link, ul.footer a:visited, ul.footer a:hover, ul.footer a:active
{
    display:inline;
    padding:2px 2px;
    text-decoration:none;
}

ul.footer a:link
{
    color:#fff;
    
}

ul.footer a:visited
{
    color:#fff;
}

ul.footer a:hover
{
    color:#F00;
    text-decoration:underline;
}

ul.footer a:active
{
   color:#F00;
}

ul.footer a:link
{
    color:#fff;
}
hr
{
    color:#990000;
    background-color: #990000;
    height: 1px;
}	
div#readmore
{
    font-weight:bold;
    text-align:right;
    padding: 5px 0 0 0;
}