@charset "UTF-8";
/* CSS Document */
body 
{
	padding: 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 1000px;
	margin: 0 auto;
	color: #333;
}
#main
{
	width: 1000px;
}
A
{
	text-decoration:none;
}
#header
{
	height: 110px;
	background-image: url(/layout-images/header.png);
	background-repeat: no-repeat;
	margin: 10px 0 20px 0;
}
#how-it-works
{
	height: 150px;
	margin: 0 0 20px 0;
}
#information-signup
{
	height: 110px;
	margin: 20px 0 0 0;
	padding: 20px;
	background-image: url(/layout-images/information_signup.jpg);
	font-size: 48px;
	color: #333;
}
#links
{
	height: 50px;
	width: 1000px;
	background-image: url(/layout-images/links.png);
	background-repeat: no-repeat;
	margin: 0 0 20px 0;
}
#links-left
{
	height: 25px;
	width: 480px;
	padding: 25px 0 0 20px;
	margin: 0 0 20px 0;
	font-size: 14px;
	color: #666;
	float: left;
}
#links-right
{
	height: 35px;
	width: 480px;
	padding: 15px 20px 0 0;
	font-size: 12px;
	text-align: right;
	float: right;
}
#notecard_group_link
{
	clear: both;
	height: 33px;
	width: 960px;
	background-image: url(/layout-images/notecard_group_link.png);
	text-align: left;
	padding: 12px 20px 0 20px;
	margin: 20px 0 20px 0;
	font-size: 12px;
	color: #FFF;
}
#notecard_description
{
	clear: both;
	height: 51px;
	width: 960px;
	background-image: url(/layout-images/notecard_description.png);
	text-align: left;
	padding: 12px 20px 12px 20px;
	margin: 20px 0 20px 0;
	font-size: 12px;
	color: #FFF;
}
/* Center */
#center
{
}
#center-home 
{
	clear: both;
}
#center-home-top-left 
{
	height: 220px;
	background-image: url(/layout-images/index_background/background-blue.png);
	width: 460px;
	padding: 15px;
	margin: 0 10px 20px 0;
	float: left;
}
#center-home-top-right
{
	height: 220px;
	background-image: url(/layout-images/index_background/background-green.png);
	width: 460px;
	margin: 0 0 20px 10px;
	padding: 15px;
	float: right;
}
#center-home-bottom-left 
{
	height: 220px;
	background-image: url(/layout-images/index_background/background-purple.png);
	width: 460px;
	margin: 0 10px 0 0;
	padding: 15px;
	float: left;
}
#center-home-bottom-right
{
	height: 220px;
	background-image: url(/layout-images/index_background/background-orange.png);
	width: 460px;
	margin: 0 0 0 10px;
	padding: 15px;
	float: right;
}
/* Sign Up */
#center-signup
{
	width: 670px;
	height: 370px;
	background-image: url(/layout-images/signup-background.png);
	float: left;
	padding: 15px;
	color: #FFF;
	font-size: 12px;
	overflow: auto;
}
#center-signup-right
{
	width: 200px;
	height: 250px;
	background-image: url(/layout-images/signup-right.jpg);
	float: right;
	margin: 0 380px 0 0;
}
#center-help
{
	width: 670px;
	height: 770px;
	background-image: url(/layout-images/help.png);
	float: left;
	padding: 15px;
	color: #333;
	font-size: 12px;
}
#center-about
{
	width: 670px;
	height: 270px;
	background-image: url(/layout-images/about.png);
	float: left;
	padding: 15px;
	color: #333;
	font-size: 12px;
}
/* Account */
#center-account
{
	clear: both;
	width: 760px;
	float: left;
	font-size: 12px;
}
#center-account-card-row 
{
	width: 760px;
	height: 125px;
	margin: 0 0 15px 0;
}
#center-account-right
{
	width: 380px;
	float: right;
}
#center-addnote-right
{
	width: 250px;
	height: 270px;
	padding: 15px;
	float: right;
	font-size: 12px;
	color: #FFF;
	background-image: url(/layout-images/account-right.png);
	
}
#center-account-card-left
{
	width: 145px;
	height: 85px;
	float: left;
	margin: 0 15px 0 0;
	padding: 25px 15px 15px 15px;
	font-size: 15px;
	text-align: center;
	background-image: url(/layout-images/account_notecard.png);
}
#center-account-card-right
{
	width: 145px;
	height: 85px;
	float: right;
	margin: 0 15px 0 0;
	padding: 25px 15px 15px 15px;
	font-size: 15px;
	text-align: center;
	background-image: url(/layout-images/account_notecard.png);
}
#center-account-left
{
	width: 380px;
	float: left;
}
#center-newcard
{
	width: 210px;
	height: 370px;
	padding: 15px;
	float: right;
	font-size: 12px;
	background-image: url(/layout-images/create_category.png);
}
#notecard-options
{
	width: 710px;
	height: 320px;
	padding: 15px;
	margin: 0 20px 20px 0;
	font-size: 14px;
	float: left;
	background-image: url(/layout-images/notecard-options_purple.png);
}
#center-update
{
	width: 700px;
	margin: 0 20px 0 0;
	float: left;
}
#center-update-middle
{
	width: 670px;
	padding: 15px;
	background-image: url(/layout-images/update-middle.png);
}
/* Notecard */
#center-notecard
{
	width: 820px;
	float: left;
}
#center-notecard-2
{
	width: 820px;
	float: left;
	margin: 0 0 20px 0;
}
#center-notecard-3
{
	clear: both;
	width: 820px;
	padding: 0 90px 0 90px;
}
#center-notecard-4
{
	clear: both;
	width: 820px;
	padding: 0 90px 0 90px;
	page-break-after: always;
}
#center-notecard-question-1
{
	float: left;
	width: 340px;
	padding: 30px 30px 30px 30px;
	height: 190px;
	text-align: center;
	margin: 0 20px 0 0;
	background-image: url(/layout-images/notecard_images/1.png);
	font-size: 14px;
}
#center-notecard-question-2
{
	float: left;
	width: 340px;
	padding: 30px 30px 30px 30px;
	height: 190px;
	text-align: center;
	margin: 0 20px 0 0;
	background-image: url(/layout-images/notecard_images/2.png);
	font-size: 14px;
}
#center-notecard-question-3
{
	float: left;
	width: 340px;
	padding: 30px 30px 30px 30px;
	height: 190px;
	text-align: center;
	margin: 0 20px 0 0;
	background-image: url(/layout-images/notecard_images/3.png);
	font-size: 14px;
}
#center-notecard-question-4
{
	float: left;
	width: 340px;
	padding: 30px 30px 30px 30px;
	height: 190px;
	text-align: center;
	margin: 0 20px 0 0;
	background-image: url(/layout-images/notecard_images/4.png);
	font-size: 14px;
}
#center-notecard-question-5
{
	float: left;
	width: 340px;
	padding: 30px 30px 30px 30px;
	height: 190px;
	text-align: center;
	margin: 0 20px 0 0;
	background-image: url(/layout-images/notecard_images/5.png);
	font-size: 14px;
}
#center-notecard-answer-1
{
	float: right;
	width: 340px;
	padding: 30px 30px 30px 30px;
	height: 190px;
	text-align: center;
	background-image: url(/layout-images/notecard_images/1.png);
	font-size: 14px;
}
#center-notecard-answer-2
{
	float: right;
	width: 340px;
	padding: 30px 30px 30px 30px;
	height: 190px;
	text-align: center;
	background-image: url(/layout-images/notecard_images/2.png);
	font-size: 14px;
}
#center-notecard-answer-3
{
	float: right;
	width: 340px;
	padding: 30px 30px 30px 30px;
	height: 190px;
	text-align: center;
	background-image: url(/layout-images/notecard_images/3.png);
	font-size: 14px;
}
#center-notecard-answer-4
{
	float: right;
	width: 340px;
	padding: 30px 30px 30px 30px;
	height: 190px;
	text-align: center;
	background-image: url(/layout-images/notecard_images/4.png);
	font-size: 14px;
}
#center-notecard-answer-5
{
	float: right;
	width: 340px;
	padding: 30px 30px 30px 30px;
	height: 190px;
	text-align: center;
	background-image: url(/layout-images/notecard_images/5.png);
	font-size: 14px;
}
#center-notecard-answer-blank
{
	float: right;
	width: 340px;
	padding: 30px 30px 30px 30px;
	height: 190px;
	text-align: center;
	font-size: 14px;
	background-image: url(/layout-images/notecard_images/blank.jpg);
}
#center-notecard-button
{
	float: right;
	width: 180px;
	height: 250px;
	/* margin: 0 400px 0 0; */
}
#center-notecard-next
{
	float: right;
	width: 180px;
	height: 250px;
}
#center-addnote
{
	float: left;
	font-size: 12px;
	width: 670px;
	margin: 0 20px 20px 0;
	padding: 15px;
	height: 470px;
	background-image: url(/layout-images/account-background.png);
}
/* Search */
#center-search 
{
	width: 700px;
	float: left;
	margin: 0 20px 0 0; 
}
#center-search-header
{
	width: 670px;
	height: 20px;
	padding: 15px;
	margin: 0 0 15px 0;
	font-size: 14px;
	background-image: url(/layout-images/search-header.png);
}
#center-search-result
{
	width: 670px;
	height: 120px;
	padding: 15px;
	margin: 0 0 15px 0;
	font-size: 12px;
	background-image: url(/layout-images/search.png);
}
/* Password */
#center-password
{
	width: 1000px;
	height: 200px;
	background-image: url(/layout-images/password_background.png);
	font-size: 12px;
	padding: 50px 0 0 0;
	color: #FFF;
	text-align: center;
}
/* Footer */
#footer
{
	clear: both;
	margin: 20px 0 20px 0;
	padding: 20px 0 0 0;
	width: 1000px;
	text-align: center;
	font-size: 10px;
}
a.footer:link 
{
	color: #333; 
}
a.footer:visited
{
	color: #333; 
}
a.footer:hover
{
	color: #999;
}
a.blue:link 
{
	color: #06C; 
}
a.blue:visited
{
	color:#06C; 
}
a.blue:hover
{
	color: #06F;
}
a.red:link 
{
	color: #F66;
}
a.red:visited
{
	color: #F66;
}
a.red:hover
{
	color: #C33;
}
a.green:link 
{
	color: #690;
}
a.green:visited
{
	color: #690;
}
a.green:hover
{
	color: #9C0;
}
a.white:link 
{
	color: #FFF;
}
a.white:visited
{
	color: #FFF;
}
a.white:hover
{
	color: #666;
}
/* Type Formatting */
p.signup
{
	text-indent: 15px;
	font-size: 11px;
}
p.index
{
	font-size: 12px;
}
p.help
{
	font-size: 12px; 
	text-indent: 20px;
}
h5.red
{
	color: #03F;
}
h4.notes
{
	font-size: 18px;
}
h3.notes
{
	font-size: 24px;
}