html {
	width: 100%;
	height: 100%;
}

body { 
	font-family: Tahoma, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
	font-size: 10pt; 
	color:#660066;
	width: 800px;
	margin: 10px;
	background: #D993FF url(widgets/00_Page_Shadow.jpg) repeat-y 10px;
}

a { 
	text-decoration: underline;
	color:#660066;
}
a img {
	border-width: 0;
}

a:hover		 { 
	text-decoration: underline;
}

a:active	 { color: #FCFF92; }  

.external {
	background: url(widgets/05_external_link.png) no-repeat right top;
	padding-right: 14px;
}

.header {
	background-image: url(widgets/01_Header_Shadow.jpg);
	width: 800px;
	height: 32px;
}
.billboard {
	background: url(widgets/02_Side_Border_Shadow.jpg) repeat-y left;
	width: 800px;
	height: 175px;
}
.billboard #wish{
	float: left;
	padding-left: 20px;
}

.billboard #big_logo {
	float: right;
	padding-top: 30px;
}

.billboard #big_logo p {
	text-align: right;
	margin: 0;
	padding: 0;
	color: #FCFF92;
}

.billboard #big_logo p a {
	color: #FCFF92;
}

.separator {
	clear: both;
	width: 800px;
	height: 16px;
	background: url(widgets/03_BillBoard_Separator_Shadow.jpg) no-repeat 0 bottom;
} 


.body {
	background: url(widgets/02_Side_Border_Shadow.jpg) repeat-y left;
	width: 800px;
	float: left;
}

.body #navigation_left {
	width: 130px;
	float: left;
	margin-bottom: 20px;
	font-size: small;
	padding-left: 20px;
	padding-top: 4px;
	display: inline;
	text-align: center;
}

.body #navigation_left ul{
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

.body #navigation_left li{
	padding-top: 14px;
	padding-bottom: 14px;
	font-weight: bold;
	border-bottom: 2px dotted #660066;
}

.body #navigation_left li img {
	margin-bottom: 12px;
}

.body #main_content {
	width: 477px;
	float: left;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 4px;
	display: inline;
}

.body #main_content img.gallery{
	padding: 10px;
}

.body #main_content li.no_bullet {
	list-style-type: none;
}
.body #main_content .ICEE {
	background: url(images/ICEE_inline_text.jpg) no-repeat right center;
	display: inline;
	padding-right: 34px;
}

.body #navigation_right {
	float: right;
	width: 125px;
	margin-bottom: 20px;
	font-size: small;
	padding-top: 4px;
	display: inline;
}

.body #navigation_right ul{
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

.body #navigation_right li{
	padding-bottom: 10px;

}

.body #navigation_right li.donate{
	margin-top: 14px;
	padding-bottom: 60px;
	border-bottom: 2px dotted #660066;
	font-weight: bold;
	text-align: center;
	}

.body #navigation_right li.nav{
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 2px dotted #660066;
	font-weight: bold;
	text-align: center;
}

.body #navigation_right li.nav img {
		margin-bottom: 12px;
}


.body .inline_with_story {
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
}

.body .float_right_with_story {
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
}

.clear_float_left {
	clear: left;
}

.footer {
	background: url(widgets/02_Side_Border_Shadow.jpg) repeat-y left;
	float: left;
	text-align: center;
}

.footer #navigation_footer {
	width: 477px;
	padding-left: 150px;
	font-size: 10pt;
	margin-bottom: 10px;
}

.footer #copyright_notice {
	width: 477px;
	padding-left: 150px;
	font-size: 8pt;
}

form {
	padding-bottom: 15px;
	float: left;
	width: 477px;
}

label,input {
	display: block;
	float: left;
	margin-bottom: 5px;
}

label {
	text-align: right;
	width: 75px;
	padding-right: 10px;
}

form p {
	clear: left;
}

form p input {
	border: 1px solid #660066;
	color: #660066;
}

#notification { 
 border: 5px solid #9c9; 
 background-color: #cfc; 
 padding: 5px; 
 margin: 10px 0; 
}

#main_content h1 {
	font-size: 16pt;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}

#main_content h2 {
	background: url(widgets/04_Story_Separator_Shadow.jpg) repeat-x left bottom;
	font-size: 14pt;
	padding-bottom: 6px;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 0;
	margin-top: 22px;
	clear: both;
}

#main_content h3 {
	font-weight: normal;
	font-style: normal;
	font-size: 12pt;
	margin-top: 0;
}

#main_content p {
	margin-bottom: 8px;
	margin-top: 8px;
}
/* Why do we need .storyBody? Just set up the body default correctly and you only need to account for exceptions. */

#errorExplanation {
	color: red;
}
	
#errorExplanation h2 {
	background-image: none;
}

.fieldWithErrors input { 
 	border: 2px solid #f66; 
}

.storyBody {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	font-style: normal;
	color: #660066;
	text-decoration: none;
}

/* .img-wrapper {
	background: url(images/shadow.png) no-repeat bottom right;
	float: left;
	line-height:0;
}
.img-wrapper img {
	background:#D993FF;
	padding:4px;
	border:1px solid #660066;
	postion:relative;
	left:-5px;
	top:-5px;
} */