@charset "utf-8";
/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
table td, table th {padding:0;}

html{
	width:100%;
	height:100%;	
}
body {
	font: 100% Verdana, Helvetica, Arial, sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	width:100%;
	height:100%;
	background-image:url(background.gif);
	/*background-attachment:fixed;*/
	background-position:top;
	background-repeat:no-repeat;
}

#midsection {
   margin:0;
   padding:0;
   height:100%;
   padding-bottom:30px;
}

#content {
	float:left;
	width:700px;
	margin: 15px;
	text-align:right;
	padding-top: 55px;
}

#menu {
	padding:15px;
	float:left;
	text-align:left;
	line-height: 2;
	width:250px;
	border-left: 1px solid #eee;
}

#page{
	width:1045px;
	margin:auto;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	position:relative;

}

#footer{
	font-size: 70%;
    text-align: center;
    position: absolute;
    bottom: 0px;
	left: 0px;
    width: 100%;
    height: 30px;
}

a{
	color:#999;
	text-decoration:none;
}
a:hover{
	color:#C65C8D;	
}

.navigation{
	text-transform:uppercase;
	font-size:80%;
}

.menuItems{
	font-size:70%;
	border-bottom:1px dashed #999;
	padding-bottom: 10px;
	margin-bottom: 15px;
	line-height:2;
	width: 350px;
	margin-left:auto;
}

.menuItems h2{
	font-size:200%;	
	color:#C65C8D;
	padding-bottom: 10px;
}

/* start content classes */
.small {
	font-size: 10px;
	color: #000000;
}
.normal {
	font-size: 13px;
	color: #000000;
}
.large {
	font-size: 16px;
	color: #000000;
}
.extraLarge {
	font-size: 20px;
	color: #000000;
}

.smallPink {
	font-size: 10px;
	color: #ba5785;
}
.normalPink {
	font-size: 13px;
	color: #ba5785;
}
.largePink {
	font-size: 16px;
	color: #ba5785;
}
.extraLargePink {
	font-size: 20px;
	color: #ba5785;
}

.smallGrey{
	font-size: 10px;
	color: #b9b9b9;
}
.normalGrey {
	font-size: 13px;
	color: #b9b9b9;
}
.largeGrey {
	font-size: 16px;
	color: #b9b9b9;
}
.extraLargeGrey {
	font-size: 20px;
	color: #b9b9b9;
}

.smallDarkGrey{
	font-size: 10px;
	color: #666666;
}
.normalDarkGrey {
	font-size: 13px;
	color: #666666;
}
.largeDarkGrey {
	font-size: 16px;
	color: #666666;
}
.extraLargeDarkGrey {
	font-size: 20px;
	color: #666666;
}
/* end content classes */