/*Styles For Desktop - 1
====================================================================*/
html										{background: url(images/large-body-gradient.png) repeat-x; font-family: sans-serif;}
body									{background: url(images/peace-bird3.png) no-repeat 6% 1%;}
.three									{padding-top: 10px;}
.three img							{max-width: 100%;}

.info										{background: url(images/tel.png) no-repeat; height: 28px; text-align:center; margin-bottom: 10px;}
.info p									{font-size: 0.95em; display: block; padding: 5px 0 5px 0; color: #fff;}


.navigation							{font-size: 15px; margin: 15px 0 35px 145px;}
.navigation ul						{margin-left: 40px;}
.navigation ul li					{float: left; list-style: none;}
.navigation ul li a, visited	{color: #fff; display: block; padding: 8px 8px 8px 8px; text-decoration: none;}
.navigation ul li a:hover		{background: #099;}

.slider									{margin-left: 165px;}

.content								{margin-top: 60px; margin-bottom: 35px; }
.content .blurb						{width: 30%; margin-right: 37px;}
.content h1							{font-size: 26px; color: #fff; font-weight: normal; margin-bottom: 10px;}
.content-page h2					{color: #fff; font-weight: normal; margin-bottom: 10px;}
.content-page p					{color: #fff; font-weight: normal; font-size: 12px; padding-bottom: 15px; line-height: 20px;}
.content-page ul					{color:#fff; margin-left: 15px; font-size: 12px;}
.numbers								{color:#fff; font-size: 13px; margin-top: 20px; margin-bottom: 10px;}
.numbers p							{padding-bottom: 5px;}
.address								{margin-bottom: 10px;}
.address h4							{color: #fff; margin-bottom: 10px;}
.address p							{color: #fff; font-weight: normal; font-size: 13px; }
.rabia									{border-bottom: 1px solid white; margin-bottom: 15px;}
.contact-border					{/*-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #444;*/}
.content .blurb h2					{background: url(images/heading-bg.png) no-repeat; display: block; color: #fff; font-weight: normal; font-size: 24px; padding: 5px 0 2px 10px; cursor: pointer;}
.content .blurb h2	 a, visited	{color: #fff; text-decoration: none; /*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/}
.content .blurb h2:hover		{background: url(images/heading-bg-hover.png) no-repeat; }
.content .blurb p					{color: #444; font-size: 12px;  padding: 5px 5px}
.content .blurb p a, visited	{background: url(images/read-more.jpg) no-repeat; color: #fff; padding: 6px 10px 6px 10px; text-align: center; text-decoration: none;}
.content .blurb p a:hover		{background: url(images/read-more-hover.jpg) no-repeat; color: #fff;}
.content .blurb img				{max-width: 25%; padding: 5px 5px; float: left;}


.bottomlogos						{text-align: center;}
.bottomlogos img					{max-width: 19.2%;}


.footer									{margin-bottom: 30px; border-top: 1px dotted #909090;}
.footer p								{font-size: 12px; padding-top: 5px; color: #444;}



/*TEMP
===============*/
@media only screen and (min-width: 1919px)		{body									{background: url(images/peace-bird3.png) no-repeat 10% 1%;}}



/*Styles Above 1161px - 2
====================================================================*/
@media only screen and (min-width: 960px) and (max-width: 1160px) {

html				{background: url(images/large-body-gradient2.png) repeat-x; font-family: sans-serif;}

.three			{padding-top: 10px;}
.three img	{max-width: 100%;}

.info				{background: url(images/tel.png) no-repeat; height: 28px; text-align:center; margin-bottom: 10px;}
.info p			{font-size: 0.75em; display: block; padding: 5px 0 5px 0; color: #fff;}


.navigation								{font-size: 12px; margin: 15px 0 20px 175px;}
.navigation ul							{margin-left: 0;}
.navigation ul li						{float: left; list-style: none;}
.navigation ul li a, visited		{color: #fff; display: block; padding: 8px 8px 8px 8px; text-decoration: none;}
.navigation ul li a:hover			{background: #099;}

.slider										{margin-left: 165px;}

.content									{margin-top: 60px; margin-bottom: 35px; }
.content .blurb						{width: 29%; margin-right: 37px;}
.content .blurb h2					{background: url(images/heading-bg.png) no-repeat; display: block; color: #fff; font-weight: normal; font-size: 24px; padding: 5px 0 2px 10px;}
.content .blurb p						{color: #444; font-size: 12px; text-align: justify; padding: 5px 5px}
.content .blurb p a, visited		{background: url(images/read-more.jpg) no-repeat; color: #fff; padding: 6px 10px 6px 10px; text-align: center; text-decoration: none;}
.content .blurb p a:hover		{background: url(images/read-more-hover.jpg) no-repeat; color: #fff;}
.content .blurb img					{max-width: 30%; padding: 5px 5px; float: left;}


.bottomlogos							{text-align: center;}
.bottomlogos img					{max-width: 19.2%;}


.footer										{margin-bottom: 30px; border-top: 1px dotted #909090;}
.footer p									{font-size: 12px; padding-top: 5px; color: #444;}
  
}


/*Styles Above 768px - 2
====================================================================*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

   body {background: blue;}

}


/*Styles for 767px - For Tablet in Potrait Mode
====================================================================*/
@media only screen and (max-width: 767px) {

   body {background: silver;}

}
   

/*Styles for Smartphones - 3
====================================================================*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

body {background: maroon;}

}


/*Styles for Smartphones - 4
====================================================================*/
@media only screen and (min-width: 320px) and  (max-width: 480px) {

body {background: green;}

.content .blurb						{width: 100%;}

}