* { box-sizing: border-box; }

body {
    background-color: #fff;
    background-position: center 0;
    background-repeat: repeat-x;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 62.5%;
    margin: 0;
    padding: 0;
}
body.print {
    background-color: #ffffff;
    background-image: none;
}
#wrapper, div#wrapper {
    background-color: transparent;
    background-image: url("");
    position: relative;
}
a#logoLink {
    background-image: url("/source/giving/700club/web/images/int-bg-logoLink.png");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 60px;
    text-decoration: none;
    width: 255px;
}
div#nav {
    color: #eee;
    font-size: 1.3em;
    padding: 20px 20px 10px;
	margin: 0 auto;
	background-color: #025c8d;
	text-align: center;
}
div#nav a {
    color: #fff;
	font-weight: bold;
}
div#nav h1 {
    float: left;
    margin: 40px 0 0 20px;
}
div#nav ul {
    text-align: right;
}
div#nav li {
    display: inline;
}
div#nav p {
    text-align: right;
	line-height: 1.9em;
}
div#navbar {
    background-color: #eeeeee;
    clear: both;
	font-size: 1.2em;
	padding-top: 10px;
}
div#navbar ul, #options-intro {
	max-width: 1000px;
	margin: 0 auto;
	padding: 10px;
}
div#navbar ul#secondary-options {
	clear: left;
	line-height: 20px;
}
div#navbar li {
	float:left;
	padding-right: 40px;
	padding-bottom: 4px;
	margin: 0;
	list-style: none;
}
div#navbar li a {
	font-size: 15px;
	text-decoration: none;
}
div#navbar li a:hover {
	text-decoration: underline;
}
div#navbar li a.optiontabSELECTED {
	background: url("/source/giving/700club/web/images/int-bg-submenuActive2.png") no-repeat scroll center 25px rgba(0, 0, 0, 0);
    padding-bottom: 20px;
	text-decoration: none;
}
div#navbar ul#primary-options li a {
	font-size: 18px;
}
div#navbar ul#secondary-options li a {
	font-weight: normal;
}
div#navbar li.moreoptions {
	padding-top: 20px;
}
div#navbar ul#primary-options li.moreoptions a {
	font-size: 15px;
}
div#navbar li span, #options-intro {
	font-size: 15px;
}
div#copy {
    font-size: 1.5em;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px;
    text-align: left;
	max-width: 1020px;
	min-width: 700px;
}
#content, div#content {
    float: left;
    min-width: 400px;
    width: 60%;
}
#contentHeader, div#contentHeader {
}
#contentBody, div#contentBody {
    margin: 0 auto;
    position: relative;
}
#footernav {
	background-color: #eee
}
#MoreOptionsNav {
    font-size: 15px;
    margin: 0 auto;
    max-width: 1000px;
    padding: 10px;
    text-align: center;
}
#MoreOptionsNav ul {
	margin: 0;
}
#MoreOptionsNav li {
	display: inline-block;
	padding: 3px 10px;
}
#Option3-secondary { 
	display: none; 
}
.mobile-premium {
	display: none;
}
.SubmitButton {
	padding-top: 5px;
}
div#section-form, #seals, .SubmitButton {
	max-width: 500px;
	padding-left: 10px;	
}
div#contentSidebar {
	display: none;
    /*clear: left;
    float: left;
    width: 200px;*/
}
#sidebar, div#sidebar {
    float: left;
    width: 40%;
	padding-left: 3%;
	min-width: 220px;
}
#SingleGiftItems td {
    padding: 10px 15px;
    vertical-align: middle;
}
h1 {
    color: #224b87;
    font-size: 12px;
}
h2 {
    font-size: 24px;
    line-height: 26px;
    margin: 10px 0;
	color: #0ca3d4;
}
h3 {
    font-size: 18px;
    line-height: 22px;
    margin: 10px 0;
}
h4 {
    font-size: 16px;
    line-height: 18px;
    margin: 10px 0;
}
h5 {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
}
h6 {
    color: #333333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 2px;
    line-height: 16px;
    margin: 0;
    padding-top: 7px;
    text-transform: uppercase;
}
.extrarow {
    visibility: visible;
}
p {
    margin: 2px 0 12px;
	line-height: 1.3em;
}
ul {
    list-style-type: square;
    margin: 0 0 20px;
    padding: 0;
}
li {
    margin-bottom: 10px;
    margin-left: 20px;
}
a {
    color: #0EA0D0;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.caption {
    color: #333333;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
}
.style1 {
    color: #000000;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
}
#ClubLevelGrid td {
	vertical-align: middle;
}
.ClubName, .ProjectName {
    color: #000000;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: bold;
}
.ClubName {
	padding-right: 20px;
}
.ProjectAmount {
	white-space: nowrap;
}
.style2 {
    color: #000000;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.style3 {
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
}
.style4 {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 11px;
}
.style5 {
    color: #000000;
    font-family: Helvetica,Arial,sans-serif Bold;
    font-size: 14px;
    white-space: nowrap;
}
.style6 {
    background-color: #eeeeee;
    color: #2e2e2e;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
}
.style8 {
    color: #990000;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 18px;
}
.style9 {
    color: #2e2e2e;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
}
.style10 {
    color: #fcfcfc;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
}
.style11 {
    color: #990000;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
}
.style12 {
    color: #000000;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
}
.style13 {
    color: #cc0000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
}
.style14 {
    color: #ffffff;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
}
.style15 {
    color: #1f1f1f;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
}
A.optiontag:link {
}
A.optiontag:visited {
}
A.optiontag:active {
}
A.optiontag:hover {
}
#optiontable {
    padding: 20px 10px 10px;
}
.optiontag {
	float: left;
}
input[type="submit"] {
    background: none repeat scroll 0 0 #990000;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin: 10px;
    padding: 7px 12px;
}
input[type="submit"]:hover {
    background-color: #cc9900;
}
.FeatureSidebar {
    background-color: #d8f1fb;
    padding: 10px;
}
.hide { display: none }
.show { display: block }
.mobile-show { display: none; }

@media only screen and (max-width: 768px) { 
div#nav, div#copy {
	min-width: inherit;
	max-width: inherit;
}
#content, div#content {
	width: 100% !important;
	float: none;
	min-width: inherit;
}
div#nav span, body.OptionPage #sidebar #features, body.OptionPage div#sidebar div#features {
	display: none;
}
#sidebar-receipt {
	padding: 15px;
}
#sidebar, div#sidebar {
	width: 100% !important;
	float: none;
	padding: 0;
}
#sidebar p {
	padding: 0 20px;
}
div#nav p {
	position: absolute;
	right: 10px;
}
div#navbar ul {
	padding: 0;
}
div#navbar li {
    background-color: #eee;
    padding: 7px 15px;
}
div#navbar li.moreoptions {
	padding-top: 26px;
}
div#navbar ul#secondary-options li {
	display: block;
	float: none;
	width: 100%;
    border-top: 2px solid white;
}
#Option3-primary { display: none; }
#Option3-secondary { display: block; }
div#copy {
	padding:0;
}
.mobile-hide {
	display: none;
}
.mobile-premium, .mobile-show {
	display: block;
}
#MoreOptionsNav {
	clear: left;
}
#optiontable, div#section-form, .SubmitButton, #seals { 
	max-width: 500px;
	margin: 0 auto; 
	padding-left: 10px;
	padding-right: 10px;
}
}
@media only screen and (max-width: 480px) { 
div#navbar li {
    padding: 7px 10px;
}
div#navbar ul#primary-options li.moreoptions span {
	display: none;
}
.amount_yearly, img.mobile-premium, .mobile-hide  {
	display: none;
}
div#section-form {
	padding-left: 0;
	padding-right: 0;
}
}