html, body {
	height: 100%;  	font-family: Arial, Helvetica, sans-serif;  font-size: 10pt; 
}
body {
	margin: 0;   padding: 0;   	font-family: Arial, Helvetica, sans-serif;  font-size: 10pt; 
	background-color: #fff;   background-image:url(Images/Spirallink_Page_Bkgrd.gif);
}
/* ie8 beta allocates space for the empty <a> tag! this fixes it */
/* also it doesn't work correctly in Opera and this also fixes that */

#top {

	margin-top: 0;
	position: absolute;
}

/* <h1>, <p> etc throws the height out, so change it to have padding instead of margins to fix it */

h1, p {

	margin: 0;
	padding: 0;
}

#container {

	min-height: 100%; /* use min-height not height, to prevent overlap */
	margin-bottom: -36px; /* = #footer height+padding+border, to prevent overlap */
}

* html #container {
	height: 100%; /* ie6 doesn't support min-height, so need to use height */
}

#footer-spacer {

	height: 36px; /* = #container margin-bottom plus any extra space required between #container and #footer */
}

#footer {

	border-top: 0px solid #000;
	height: 35px;
}



.divider
{ width:98%; height:10px;border: 0px dashed #CCCCCC; border-bottom-width:0px}

.do_area {

	 background-image:url(.jpg); background-position:bottom center; background-repeat:no-repeat;
}




.section_titles {

	font-family: Verdana, Arial, Helvetica, sans-serif;    padding-top:8px; padding-bottom:8px;
	font-size: 14pt; font-weight:bold;
	color: #333;
}



.section_text {

	font-family: Verdana, Arial, Helvetica, sans-serif;    padding-top:8px; padding-bottom:8px;
	font-size: 8pt;
	color: #333;
}



.label {

	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt;
	color: #CCC;
}



.style1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FEEE82;
}

.style2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #f0f0f0;
}

.style3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #f0f0f0;
}




.style4 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #003366;
}

.style5 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	color: #1582a6;
}

.style6 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #000000;
}




.note {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #003366;
}


.style10 {color: #353535}
.style11 {font-size: 12px}
.style12 {font-family: Verdana, Arial, Helvetica, sans-serif}

.style14 {

	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #464646;

}

.style20 {color: #CCCCCC}




.style26 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #f0f0f0; }
.style27 {color: #f0f0f0}
.style29 {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; 	color:#FEEE82; }



.element_style  {

border:0px solid #e3e3e9; border-left-width:0px;border-right-width:0px; width:100%; padding:10px; 
}




#blu_undrline{}


a.blu_undrline, a.blu_undrline:active, a.blu_undrline:visited{
	color: #003366;
	text-decoration: underline;}

a.blu_undrline:hover{
	color:#1582a6;
	text-decoration: underline;}





#aqua_undrline{}


a.aqua_undrline, a.aqua_undrline:active, a.aqua_undrline:visited{
	color: #1582a6;
	text-decoration: none;}

a.aqua_undrline:hover{
	color:#1582a6;
	text-decoration: underline;}






#grey{}


a.grey, a.grey:active, a.grey:visited{
	color: #555555;
	text-decoration: none;}

a.grey:hover{
	color:#333333;
	text-decoration: underline;}









#wht_undrline{}


a.wht_undrline, a.wht_undrline:active, a.wht_undrline:visited{
	color: #EFEFEF;
	text-decoration: underline;}

a.wht_undrline:hover{
	color:#fda66d;
	text-decoration: underline;}



#wht_noline{}


a.wht_noline, a.wht_noline:active, a.wht_noline:visited{
	color: #FEEE82;
	text-decoration: none;}

a.wht_noline:hover{
	color:#FFF;
	text-decoration: none;}


#wht_profile{}


a.wht_profile, a.wht_profile:active, a.wht_profile:visited{
	color: #EFEFEF;
	text-decoration: none;}

a.wht_profile:hover{
	color:#FFFFFF;
	text-decoration: underline;}

#logo_top img {
	padding-left: 20px;
	position: relative;
	float: left;
}
#Top_Tag {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #5F605C;
	text-align: center;
	letter-spacing: 3px;
}
.black {
	color: #000;
}
.Gray {
	color: #515448;
	font-weight: bold;
	text-decoration: none;
}
#left_graybox {
	margin-top: 15px;
	background-color: #E0E2E5;
	border: 1px solid #606162;
	height: 550px;
	width: 270px;
}
.red_medium {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #DD000E;
	text-align: center;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom: 10px;
}
.Author_Name {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
	color: #434342;
}
.bookname {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	margin-left: 5px;
}
.Group_Options {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	margin-top: 9px;
	margin-bottom: 9px;
	margin-left: 5px;
}
.Welcome {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #527087;
}
.Gray_Medium {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #434342;
	margin-left: 30px;
}
.Gray_Small {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #434342;
	margin-left: 30px;
}
.orange_small {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FA772D;
	text-decoration: none;
}
.orange_small_right {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FA772D;
	float: right;
}
.black_medium {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #000;
}
.blue_mediumsmall {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #527087;
}
.border {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #606162;
	border-right-color: #606162;
	border-bottom-color: #606162;
	border-left-color: #606162;
}
.Break_Small {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	font-weight: bold;
	color: #434342;
	margin-left: 30px;
}
.light_gray_medium {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #616568;
}
.Black_mediumsmall {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.Gray_Small_nomargin {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #434342;
	margin-left: 5px;
}
#left_graybox_small {
	margin-top: 15px;
	background-color: #E0E2E5;
	border: 1px solid #606162;
	height: 170px;
	width: 270px;
}
.subnavbar {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	margin-top: 9px;
	margin-bottom: 9px;
	margin-left: 5px;
	letter-spacing: 2px;
}
#body_blue {
	background-color: #E5ECF2;
	width: 816px;
	margin-left: auto;
	background-image: url(/Images/pink_back2.png);
	margin-right: auto;
	height: 635px;
}
.subnavbar_yellow {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	margin-top: 9px;
	margin-bottom: 9px;
	margin-left: 5px;
	letter-spacing: 2px;
	color: #FEED6F;
}
#photo {
	height: 275px;
	width: 250px;
	position: relative;
	top: 15px;
	right: 235px;
}
.icons_small {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}