/* ----- RESET ----- */
/* Here, we are going to reset all browsers, so we don't have to declare a bunch of stuff over and over */
@import url("reset.css");

body { font: 14px/20px Verdana, Arial, sans-serif; background: url('images/nicole_website2.jpg');  color: #000000; background-attachment:fixed;}
html { overflow-y: scroll; }
input, textarea { font: normal 13px/20px Verdana, Arial, sans-serif; color: #333; }

/* We use em and strong in the text, instead of <b> or <i> ... these are read by browsers to be emphasis terms, and help for readers
by vision-impaired users and spiders */
em { font-style: italic; }
strong { font-weight: bold; }
.anchorlink {height:1px;line-height:1px;font-size:1px;}
p { margin: 0 0 17px 0; }

h1 { font: bold 19px/21px Verdana, Arial, sans-serif; color: #3d2b22; letter-spacing: 1px; margin: 0 0 5px 0; }
h2 { font: bold 17px/20px Verdana, Arial, sans-serif; color: #604884; margin: 0 0 13px 0; }
h3 { font: bold 14px/17px Verdana, Arial, sans-serif; color: #1c749a; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px 0; }
h4 { font: bold 14px/20px Verdana, Arial, sans-serif; color: #de471e; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px 0; }

.blue { font: 14px/20px Verdana, Arial, sans-serif; color: #08557a; }
.bluesmall { font: 12px/20px Verdana, Arial, sans-serif; color: #08557a; }
.bluebold { font: bold 14px/20px Verdana, Arial, sans-serif; color: #08557a; }
.bluehead { font: bold 17px/20px Verdana, Arial, sans-serif; color: #08557a; }
.quote {text-indent: 3em; font: bold italic 14px/20px Verdana, Arial, sans-serif; color: #bce320; }
.dropcap { font: 27px/27px Verdana, Arial, sans-serif; color: #000000; }
.dropcap2 { font: bold 21px/21px Verdana, Arial, sans-serif; color: #11567d; }
hr.mt {color: #ffffff;background-color: #ffffff;border:0; height:1px;  margin:7px 0 15px 0px; text-align: left;}
hr.mtb {color: #f3e03b;background-color: #f3e03b;border:0; height:1px;  margin:27px 0 25px 0px; text-align: left;}


/* ----- LINKS ----- */
/* We change the link color here. The first line color is the color of the link, the second line is the color of the rollover */
a:link, a:visited { font-weight: bold; color: #A91F5C; text-decoration: none; }
a:active, a:hover { font-weight: bold; color: #CF4180; text-decoration: none; }

/* ----- ARCHITECTURE ----- */
html, body {
       height:auto !important; /* FF and compliant browsers should automatically size the body/html */
       height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
       min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}
.imgblock{display:block;margin:0;padding:0;}
.imgbottom {margin-bottom:50px;position: absolute; bottom:0;}
#container{position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 50%;
	margin-left: -518px; /*set to half the total container width, in this case 1036px*/
	width: 1036px;   
	margin-bottom:30px;
} 
#topbar {text-align:right;padding:20px 20px 20px 20px;width:996px;height:70px;background: url('images/darker.png');}
#navbg {height:217px;background: url('images/nav-bg.png') repeat-x;	background-position:0px 75px; width:100%;}
#nnav {height:68px;}
#nicolepic {min-height:523px; width:1028px;border-right: 4px solid #000000;border-left: 4px solid #000000;border-bottom: 4px solid #000000;padding-top:20px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-left-radius: 15px;}
#contentbox {margin-left:72px; padding:20px; width:569px;min-height:400px;border: 4px solid #000000;background: url('images/bg-contentbox.png');
-moz-border-radius: 15px;
border-radius: 15px;}
#playerlink {float:left;text-align:left;}
#backtotop { padding-top: 20px; text-align:center;}
#navigation { width: 1036px; height: 41px;padding:0;margin:0; }
#navigation ul, #navigation ul { float:left; display:inline;line-height: 41px;padding:0;margin:0;list-type:none;list-style-type:none; }
#navigation ul li, #navigation ul li a {display:inline;float:left;padding:0;margin:0;  list-type:none;list-style-type:none;}
#footer { clear:both;width: 1036px;z-index:999;padding-top:0px;text-align:right;color:white; }
#clear {clear:both;}
.shadow {
.-moz-box-shadow: -15px 15px 41px #000;
-webkit-box-shadow: -15px 15px 41px #000;
box-shadow: -15px 15px 41px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=-135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=-135, Color='#000000');
}

.rcimg{margin:15px;border:1px solid black;}