/* CSS Document */

hr {color: #FFF;}
p {margin-left: 20px;}
body { background-image:url(../graphics/faux_column_swirls.gif); background-repeat:repeat; background-repeat:repeat-y; margin: 0px; padding:0px;
		font-family: Georgia, Times, Times New Roman, serif; line-height:24px; font-size: 13px;}
h1 { color: #f00; font-size: 15px; }
a { color: #f00; }
img.titles { width: 25px; margin-top: 90px; vertical-align:top; visibility: hidden; }
img.secondary_titles { width: 15px; margin-top: 130px; margin-left: 15px; vertical-align:top; visibility: hidden; }

#wrap {   width:1003px;
            margin:0 auto;
            padding:0;
            text-align:left;
            float:left;
		}
		
#boxy {overflow: auto; width: 600px; float: left; padding: 30px 0px 0px 60px;}
#myinfo {position: absolute; left: 805px; top: 10px; border: 1px solid #f00; padding: 5px; color: #f00; font-size: 12px; line-height: 13px; margin: 0; background-color: #fff; }
#sidebar {overflow: auto; width: 151px; min-height: 100%; background-color: #000; float: left; text-align: right; margin: 0px; padding: 0px;}

img.logo {margin-top: 5px; }
#mainframe {width: 851px; float: left; margin: 0px; background-color: #FFF; padding:0px;}
#background {float: left; background-image:url(../graphics/blackwhirls.gif); background-repeat: repeat; padding:0px;}

ul#mainnav {
		margin: 0;
		_margin-top: 10px;
		padding: 50px 0 0 0;
		list-style: none;
		width: 150px;
}

ul#mainnav li {
	position: relative;
	left: 0;
	top: 0;
	}

#mainnav a {
		color: #FFF;
		font-family: Georgia, Times, Times New Roman, serif;
		font-size: 1em;
		text-transform: lowercase;
		text-decoration: none;
		padding: 10px 5px 10px 33px;
		display: block;
		border-bottom: 1px solid #FFF;
}

#mainnav a:hover {
		color: #f00;
}

div.ruler { border-bottom: 1px dotted #000; line-height:2px; height:1px; margin-bottom: 12px; _margin-top:-4px; }

#boxy img {
		margin: 10px 10px 15px 0px;
	}
img.thumb { height: 125px; 
			width: 125px;	
			border: none; }
img.border { border: 1px solid #000; }