/* ------------- PAGE ELEMENTS ------------ */

body {
 background-color:#333333;
}

#wrapper {
 position: relative;
 width: 750px;
 left:50%;
 top: 8px;
 margin-left: -375px;
 background-color: black;
 color: white;
 font: 1em arial;
}

#banner {
 width:750px;
 height: 151px;
 background-image:url(graphics/banner.jpg);
}

#page {
 width:750px;
 background-color:black;
}

#nav {
 float:left;
 width:180px;
 padding:10px;
 background-color:black;
}

#content {
 margin-left:190px;
 padding:10px;
 background-color:black;
}

#bottom-bar {
 clear:both;
 width:750px;
 height:19px;
 background-image:url(graphics/bottom.jpg);
}

#footer {
 text-align:right;
 font:.6em arial;
 background-color:#333333;
}


/* -----------   MODULES ---------------- */

#contact-info {
 position:absolute;
 top: 15px;
 left: 15px;
 color: white;
 font: 1.1em arial;
}

#logo {
 position:absolute;
 top:100px;
 left:10px;
}

#rates {
 position:relative;
 float:right;
 width:200px;
 border: 1px solid white;
 margin:4px;
 padding:4px;
 font: white arial .9em;
}



/* ------------- FONT STYLES ------------- */

p 			{font: .9em arial;}

.bold		{font: bold .95em arial; margin-bottom:0px;}

.title		{font: bold 1.1em arial;}

a:link		{color: white; text-decoration: none;}
a:visited	{color: white; text-decoration: none;}
a:hover 	{color: yellow; text-decoration: underline;}

blockquote	{
 width:440px;
 font: italic .8em arial;
}

blockquote.box {
 width:440px;
 font: .9em arial;
 border-top: 1px solid white;
 padding:4px;
 margin:4px;
}

blockquote.small {
 width: 380px;
 font: .6em arial;
}