/* CSS DOCUMENT */
/* ==== REDEFINE STYLES ======================================= */
html, html>body, body				{margin: 0; padding: 0; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 14px; color: #959799;}
body								{background: url('/images/site_images/bg.gif') center top repeat-y; height: 100%;}
a:link,
a:visited,
a:active							{text-decoration: underline;}
a:hover								{text-decoration: none;}
#right_column a:link,
#right_column a:visited,
#right_column a:active				{color: #FFF;}
#right_column a:hover				{color: #1b429a;}

h1									{font-family: "proxima-nova-1","proxima-nova-2", Arial; font-size: 38px; font-weight: normal; color: #FFF;}
h2									{font-size: 24px; line-height: 22px; font-family: "proxima-nova-1","proxima-nova-2", Arial; margin-bottom: 0; padding-bottom: 0; color: #636568;}
h2 a:link, 
h2 a:visited,
h2 a:active							{color: #636568; text-decoration: none;}
h2 a:hover							{color: #1b429a; text-decoration: none;}
h3									{font-family: "proxima-nova-1","proxima-nova-2", Arial; font-size: 20px; color: #636568;}
h3.commenter_name					{display: inline; color: #FFF; font-size: 22px;} /* comments */
h4									{color: #afb2b4; font-size: 13px; font-family: "proxima-nova-1","proxima-nova-2", Arial; margin: 0; padding: 0;}

hr									{border: none; background: #606263; height: 1px; width: 100%; margin: 25px 0;}
hr.space							{border: none; background: none; height: 1px; width: 100%; margin: 20px 0;}

label								{font-family: "proxima-nova-1","proxima-nova-2", Arial; color: #ced2d4; font-weight: 500; font-size: 18px; margin: 15px 0 0 0; padding: 0;}
input.text							{width: 350px; padding: 10px; font-family: Arial; color: #FFF; font-size: 14px; background: #606263; border: none; margin-top: 0;}
input.text:hover,
input.text:focus,
textarea.textarea:hover,
textarea.textarea:focus				{border: none;}
textarea.textarea					{width: 350px; padding: 10px; font-family: Arial; color: #FFF; font-size: 14px; background: #606263; border: none; margin-top: 0; height: 150px;}
input.submit						{background: #606263; color: #ced2d4; font-family: "proxima-nova-1", "proxima-nova-2", Arial, Helvetica, sans-serif; font-size: 16px; padding: 7px 15px; border: none; cursor: pointer; margin-top: 15px;}
input.submit:hover					{background: #efefef; color: #606263;}

/* ==== LAYOUT STYLES ========================================= */
#left_column						{padding-top: 100px;}
#middle_column						{padding-top: 200px; /*background: #EFEFEF;*/ width: 230px; padding: 200px 25px 50px 25px;}
#right_column						{/*background: #7b7e80;*/ float: left; height: 100%; padding: 200px 0 50px 25px; color: #FFF;}
#right_column h2,
#right_column h4					{color: #FFF;}
body#home #right_column				{padding: 0 0 0 0;}
#son_of_right_column				{position: fixed;}

#logo								{position: fixed;}

#navigation							{font-family: "proxima-nova-1","proxima-nova-2", Arial, Helvetica, sans-serif; font-weight: 500; top: 200px; width: 197px; position: fixed;}
#navigation ul						{list-style-type: none; padding: 0; margin: 0;}
#navigation ul li					{text-align: right; font-size: 20px; line-height: 25px;}
#navigation ul li a:link,
#navigation ul li a:visited,
#navigation ul li a:active			{text-decoration: none; color: #a5abb3; /*light gray*/}
#navigation ul li a:hover			{text-decoration: none; color: #636568; /*darker gray*/}
body#contact ul li.contact a,
body#donate ul li.donate a,
body#students ul li.students a,
body#training ul li.students a,
body#volunteer ul li.volunteer a,
body#application ul li.volunteer a,
body#calendar ul li.calendar a,
body#blog ul li.blog a,
body#news ul li.news a,
body#about ul li.about a			{color: #1b429a; /*royal blue*/}

#subnavigation h3 a:link,
#subnavigation h3 a:visited,
#subnavigation h3 a:active			{text-decoration: none; color: #a5abb3;}
#subnavigation h3 a:hover			{text-decoration: none; color: #636568;}
body#application #subnavigation h3.application a,
body#training #subnavigation h3.training a {color: #1b429a; /*royal blue*/}

#footer								{bottom: 0px; position: absolute; margin-bottom: 10px; font-style: italic; font-size: 10px; color: #959799; position: fixed;}
#footer a:link,
#footer a:visited,
#footer a:active					{text-decoration: none; color: #959799; /*gray*/}
#footer a:hover						{text-decoration: underline; color: #1b429a; /*royal blue*/}


/* ==== PIECES ================================================ */
.left								{float: left;}
.right								{float: right;}
.center								{width: 100%; text-align: center;}
.thumb								{margin: 0 5px 5px 0;}
.image								{margin: 0 10px 10px 0;}
.icon								{float: left; margin: 0 0 5px 5px;}

.no-gutter							{margin-right: 0px !important;}

.toggle								{display: none; margin-bottom: 10px;}

/* ==== PAGE STYLES =========================================== */
/* HOME */
.one_news_item						{margin-bottom: 70px;}
body#home							{background: none;}
body#home #middle_column			{background: #efefef;}

/* NEWS */
.one_month							{margin-bottom: 15px;}
.one_month:last-child				{margin-bottom: 30px;}
.one_month h3						{margin: 0 0 10px 0; padding: 0px;}
.one_month h3 a:link,
.one_month h3 a:visited,
.one_month h3 a:active				{text-decoration: none; color: #636568;}
.one_month h3 a:hover				{text-decoration: none; color: #1b429a;}
ul.blog_posts						{list-style-type: none; margin: 0; padding: 0;}
ul.blog_posts li					{margin-bottom: 10px; line-height: 18px; font-size: 14px;}
ul.blog_posts li a:link,
ul.blog_posts li a:visited,
ul.blog_posts li a:active			{text-decoration: none; color: #959799;}
ul.blog_posts li a:hover			{text-decoration: none; color: #1b429a;}

h2.section_heading					{margin-top: 75px; color: #636568; font-size: 30px; margin-bottom: 10px;}
.one_comment						{margin-bottom: 35px;}
#right_column .one_comment h4		{color: #333;}
#leave_a_comment label				{font-size: 16px;}
#leave_a_comment input.text			{padding: 5px;}
#leave_a_comment textarea.textarea	{padding: 5px;}
#leave_a_comment input.submit		{padding: 5px 10px; font-size: 16px; margin-top: 7px;}

/* CONTACT */
.one_location						{margin-bottom: 50px;}