/* header *****/
div.logo {text-align: left; font-family: 'source_sans_proregular';}
div.header {background: url(../images/banner.jpg) no-repeat; font-family: 'source_sans_probold';}
div.menucontainer {text-align: center;}
div.headermenu img {cursor: pointer;}
div.headercontainer table {width: 100%}

/* menu ******/
#menuwrapper {position: relative; z-index: 5000; display: inline-block;}
#menuwrapper a:link {text-decoration: none; }
#menuwrapper a:visited {text-decoration: none; }
.clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;}
#p7menubar, #p7menubar ul {list-style: none;z-index: 5000;}
#p7menubar a {display: block;text-decoration: none;border: none;color: #11385E;z-index: 5000;font-weight: bold;}
#p7menubar a.trigger {z-index: 5000;}
#p7menubar a.trigger1 {z-index: 5000;}
#p7menubar li.mainbar {text-transform: uppercase;}
#p7menubar li {list-style: none;}
#p7menubar ul.top {text-transform: none;}
#p7menubar ul.fly {position: absolute;display: none;background-color: #FFFFFF;border-right: 0px solid #333333;border-bottom: 0px solid #333333;z-index: 5000;}
#p7menubar li {float: left;z-index: 5000;}
#p7menubar li ul, #p7menubar ul li  {z-index: 5000;}
#p7menubar li ul.contact, #p7menubar ul.contact li  {z-index: 5000;}
#p7menubar li ul.shop, #p7menubar ul.shop li  {z-index: 5000;}
#p7menubar ul li a  {color: #565656;border-right: 0;z-index: 5000;font-weight: normal;font-family: 'source_sans_proregular';text-align: left;}
#p7menubar li ul {position: absolute;display: none;background-color: #C0CED0;border-right: 0px solid #333333;border-bottom: 0px solid #333333;z-index: 5000;}
li#prog ul, li#prog1 ul, li#prog2 ul, li#prog3 ul, li#prog4 ul {background-color: #EFEFEF;}
#p7menubar li:hover a, #p7menubar a:focus,#p7menubar a:active, #p7menubar li.p7hvr a {color: #7F7F7F;}
#p7menubar li:hover ul.top, #p7menubar li.p7hvr ul.top {display: block;}
#p7menubar li.trigger2:hover ul.fly, #p7menubar li.p7hvr.trigger2 ul.fly {display: block;}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {color: #4B5652;background-color: transparent;}
#p7menubar ul a:hover {background-color: #9DB3B6!important;color: #000000!important;}
#p7menubar li {width: auto;}
div.topmenupopup {background-color: #BFBFBF; z-index:100; font-family: 'source_sans_probold'; display:none;}
div.topmenupopup div.item {width: 100%;}
div.topmenupopup a div.item {color: #11385E; }
div.topmenupopup a:hover div.item {color: white; background-color: #4D4D4D;}

/* homepage *****/
div#homepage {overflow: hidden; position: relative; font-family: 'source_sans_proregular'; text-align: center;}
div#wrapper {font-family: 'source_sans_proregular'; text-align: center; text-transform: uppercase;position: relative; background-color: gainsboro;}
div.container {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; display: inline-block;}
table#home div#left {background-color: gainsboro; transform: rotate(340deg); position: relative;}
table#home div#right {background-color: gainsboro; transform: rotate(20deg); position: relative;}
table#home div#right p, div#left p {text-align: center; text-transform: uppercase;}
table#home td.words {vertical-align: top;}
table#homex div.pic p {text-align: center; text-transform: uppercase;}
table#homex div.pic {background-color: gainsboro; position: relative;}

/* about page ********/
#about div#heading {font-family: 'source_sans_probold'; color:black; position:relative; text-align:center;}
#about div#content {position: relative;}
#about div#text {font-family: 'source_sans_proregular'; color:black; background-color: white; }
#about div#next {position: relative;}
div#aboutcontent {position: relative;}

/* becoming *****/
/* foundations *****/
#foundations {background: url(../images/cross2.jpg) repeat-y; background-size: 100vw auto; background-position: 0vw  0vw;} 
#foundations div.text {font-family: 'source_sans_proregular'; color:white; background-color: rgba(25, 25, 25, 0.2); }
#foundations div.text1 {font-family: 'source_sans_proregular'; color:white; background-color: rgba(25, 25, 25, 0.2); text-align:center;}
#foundations td.left {vertical-align: bottom; }
#foundations td.middle {vertical-align: bottom; }
#foundations td.right {vertical-align: bottom; }
#foundations td a {color: white;}
#foundations td ol a.lineup {margin-left: -0.8em;}

/* additional ******/
#additional {background: url(../images/homepage.jpg) repeat-y; background-size: 100vw auto;} 
#additional div.text {font-family: 'source_sans_proregular'; color:white; background-color: rgba(25, 25, 25, 0.2); }
#additional div.text1 {font-family: 'source_sans_proregular'; color:white; background-color: rgba(25, 25, 25, 0.2); text-align:center;}
#additional td.normal {vertical-align: bottom; }
#additional td.middle {vertical-align: bottom; }
#additional td a {color: white;}

/* studies *****/
/* footer ******/
div.footer {position: relative;}
div.footer, div.footer a {background-color: gainsboro; font-family: 'source_sans_proregular'; color:#222222;}
div.footer div.title {font-weight: bold; color: black;}
div.footer td {vertical-align: top; }

/* general *******/
a {text-decoration: none; color: black;}
div.link {font-weight: bold;}
div.content {font-family: 'source_sans_proregular'; color:black; background-color: white; }
div.content1 {font-family: 'source_sans_proregular'; color:black; background-color: white; }
div.content1 span.bold {font-family: 'source_sans_probold';}
div.poplink {background-color: gainsboro; position: relative; display: table-cell; vertical-align: middle; cursor: pointer;}
div.linkbox {position: relative; float: right; text-align: center; display: table-cell; vertical-align: middle; color: white; transition: all 0.2s linear; background: linear-gradient(to right, black 50%, green 50%); background-size: 200% 100%; background-position:left bottom;} 
div.linktext {float: left; display: table-cell; vertical-align: middle; }
div.popuptext {background-color: gainsboro; position: relative; display: none;}
.bold {font-family: 'source_sans_probold';}
.underline {text-decoration: underline;}
div.pdf {text-align: right; }
ul.arrow li {list-style-type: none; position: relative; }
ul.arrow li:before {content: "\27A2"; position: absolute; }
ol.letter {list-style-type: lower-alpha;}
ul.nobullets li {list-style-type: none; position: relative; }
div.totop a {color: #11385e; font-family: 'source_sans_probold';}


@media (min-width:20px)  
{ /* smartphones, iPhone, portrait 480x320 phones */ 
	/* header */
	div.logo {font-size: 38px;}
	div.header {background-size: 100vw auto; height: 30vw;}
	div.menucontainer {width: 100%;}
	
	/* menu */
	#menuwrapper {display: none;}
	div.headermenu img {width: 45px; height: auto;}
	div.topmenupopup {padding: 3vw; font-size: 18px;}
	div.topmenupopup a {line-height: 25px }
	div.topmenupopup {position: relative; top: 0px; right: 0; left: 0;} 
	table.popup {width: 100%};
	table.popup td {width: 100vw; }
	
	/* homepage */
	div#homepage {top: 6vw; font-size: 15px;}
	div#wrapper {font-size: 15px; width: 62vw; top: 4vw; left: 16vw; padding: 1vw; }
	div.main {padding-bottom: 5vw;}
	table#home {display: none;}
	table#homex div.pic img {width: 100%; height: auto; }
	table#homex div.pic {padding: 1vw; width: 62vw;}
	table#homex td {vertical-align: top;}
	table#homex {margin: 0 auto; }
	
	/* about page */
	#about div#heading {left:0vw; top: 5vw; font-size:7vw; width:100vw;}
	#about div#pic img {width: 288px; height: auto; max-width: 100%; float: left; padding-right: 15px; padding-bottom: 15px;}
	#about div#content {top: 5vw;}
	#about div#text {font-size:19px; padding: 15px; padding-top:0vw; }
	#about div#next {top: 10vw;}
	div#aboutcontent {top: 5vw;}
	
	/* becoming */
	/* foundations */
	#foundations {height: auto; padding-bottom: 5vw;} 
	#foundations div.text {font-size:19px; padding: 5px; padding-left: 20px}
	#foundations div.text1 {font-size:19px; padding: 5px; }
	#foundations td.left {width: 95vw; }
	#foundations div#content {display: none;}
	#foundations div#contentx {margin-left: 10px;}
	
	/* additional */
	#additional div.text {font-size:19px; padding: 5px; padding-left: 20px}
	#additional div.text1 {font-size:19px; padding: 5px; }
	#additional td.normal {width: 95vw;}
	#additional div#content {display: none;}
	#additional div#contentx {margin-left: 10px}
	
	/* studies */
	div.trinitypic {text-align: center;}
	img#trinity {width: 100%; height: auto; max-width: 300px;}

	/* footer */
	div.footer {top: 30px;}
	div.footer, div.footer a {width: 100%; font-size: 13px; }
	div.footer div.title {font-size: 15px; }
	div.footer td {width: 90%; line-height: 19px; padding: 7px;}
	div.footer td.hide {display: none;}
	
	/* general */
	ul, ol {padding-left: 15px;}
	div.link {font-size: 2vw;}
	h3 {font-size: 22px}
	div.content {font-size:17px; padding: 15px; padding-top:7px; }
	div.content1 {font-size:15px; padding: 15px; padding-top:7px; }
	div.content1 span.h4{font-size: 19px;}
	div.content1 sup{font-size: 9px}
	div.poplink {width: 92vw; left: 7px; height: 45px; }
	div.linkbox {width: 23px; margin-right: 7px; padding: 7px;} 
	div.linktext {margin-left: 1vw; padding-top: 1vw;}
	div.popuptext {font-size: 14px; left: 7px; padding: 7px; }
	div.pdf img {width: 38px; height: auto;}
	td.head {width: 90vw;}
	ul.arrow li {padding-left: 7px; padding-top: 7px;}
	ul.arrow li:before {top: 7px; left: -15px;}
	div.indent {padding-left: 5vw;}
	ul.nobullets li {padding-left: 1vw; padding-top: 0.5vw;}
	ul.nobullets {margin-top: -1vw;}
	div.totop a {font-size: 15px;}
	.pad {padding-top: 1vw;}
	.footnote {font-size: 10px;}
	.bigger {font-size: 15px}
}

@media (min-width:481px)  
{ /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
/* menus */
	div.topmenupopup {font-size: 24px; top: 5px;}
	div.topmenupopup a {line-height: 30px; }
/*	div.content1 {background-color: red;}
	div.content {background-color: red;}
	div.main {background-color: red;}*/
	
	/* footer */
	div.footer td.hide {display: table-cell;}
	div.footer td {width: 32vw;}

	/* about page */
	#about div#text {font-size:19px; padding: 15px; padding-top:0vw; width:90vw;}

	/* foundations */
	#foundations {background: url(../images/cross1.jpg) no-repeat; background-size: 100vw auto; background-position: 0vw  0vw;} 
	#foundations {height: auto; padding-bottom: 5vw;} 
	#foundations td.left {width: 50vw;}
	#foundations td.middle {width: 3vw;}
	#foundations td.right {width: 45vw;}
	#foundations div#contentx {display: none;}
	#foundations div#content {display: table; margin-left: 2vw;}
	
	
	/* additional */
	#additional {background: url(../images/homepage.jpg) no-repeat; background-size: 100vw auto;} 
	#additional {height: auto; padding-bottom: 5vw;} 
	#additional td.normal {width: 47vw;}
	#additional td.middle {width: 3vw;}
	#additional div#contentx {display: none;}
	#additional div#content {display: table; margin-left: 2vw;}
}

@media (min-width:641px)  
{ /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
	/* header */
	div.header {background-size: 100vw auto; height: 30vw;}
/*	div.content1 {background-color: green; }
	div.content {background-color: green; }
	div.main {background-color: green; }*/
	
	/* menu */
	div.topmenupopup {padding: 2vw; }
	
	/* homepage */
	div.main {padding-bottom: 5vw;}
	table#home {display: table;}
	table#homex {display: none;}
	table#home div#left img {width: 30vw; height: auto; }
	table#home div#right img {width: 30vw; height: auto; }
	table#home div#left {padding: 1vw; top: 7vw; margin-left: 7vw;}
	table#home div#right {padding: 1vw; top: 7vw; margin-right: 7vw;}
	table#home td.words {padding-top: 5vw;}
	div#homepage {height: 52vw; top: 6vw; font-size: 11px;}
	div#wrapper {font-size: 15px; width: 50vw; top: 4vw; left: 25vw; padding: 1vw; }
	
	/* about page */
	#about div#heading {left:0vw; top: 5vw; font-size:7vw; width:100vw;}
	#about div#pic img {width: 45vw; height: auto; padding-bottom: 0px; padding-right: 0px;}
	#about div#pic {float: left;}
	#about div#content {top: 5vw;}
	#about div#next {top: 10vw;}
	div#aboutcontent {top: 5vw;}
	#about div#text {font-size:2.2vw; padding: 2vw; padding-top:0vw; width:45vw; float: right;}
	
	/* becoming */
	/* foundations */
	#foundations td.left {width: 45vw;}
	#foundations td.middle {width: 13vw;}
	#foundations td.right {width: 40vw;}
	
	/* additional */
	#additional div.text {font-size:19px; padding: 15px;}
	#additional div.text1 {font-size:19px; padding: 15px; }
	
	/* studies */
	div.trinitypic {float: left;}
	img#trinity {width: 40vw; height: auto; max-width: 40vw;}
	
	/* general */
	div.link {font-size: 2vw;}
	div.linktext {margin-left: 1vw; padding-top: 1vw;}
	td.head {width: 90vw;}
	ul.arrow li {padding-left: 1vw; padding-top: 1vw;}
	ul.arrow li:before {top: 1vw; left: -2vw;}
	div.indent {padding-left: 5vw;}
	ul.nobullets li {padding-left: 1vw; padding-top: 0.5vw;}
	ul.nobullets {margin-top: -1vw;}
	.pad {padding-top: 1vw;}
}

@media (min-width:750px)
{
/*	div.content1 {background-color: purple; }
	div.content {background-color: purple; }
	div.main {background-color: purple; }*/
	/* header */
	div.logo {font-size: 5vw;}

	/* menu */
	div.headermenu img {width: 6vw; height: auto;}

	/* footer */
	div.footer {top: 4vw;}
	div.footer, div.footer a {width: 100%; font-size: 1.7vw; }
	div.footer div.title {font-size: 2vw; }
	div.footer td {width: 32vw; line-height: 2.5vw; padding: 1vw;}


	/* homepage */
	div#wrapper {font-size: 1.5vw; width: 50vw; top: 4vw; left: 25vw; padding: 1vw; }
	div#homepage {font-size: 1.5vw;}

	/* foundations */
	#foundations div.text {font-size:2.5vw; padding: 2vw;}
	#foundations div.text1 {font-size:2.5vw; padding: 2vw; }

	/* additional */
	#additional div.text {font-size:2.5vw; padding: 2vw;}
	#additional div.text1 {font-size:2.5vw; padding: 2vw; }
	
	/* general */
	ul, ol {padding-left: 2vw;}
	h3 {font-size: 3vw;}
	div.content {font-size:2.2vw; padding: 2vw; padding-top:1vw; }
	div.content1 {font-size:2vw; padding: 2vw; padding-top:1vw;}
	div.content1 span.h4{font-size: 2.5vw;}
	div.content1 sup{font-size: 1.2vw;}
	div.pdf img {width: 5vw; height: auto;}
	div.totop a {font-size: 2vw;}
	div.popuptext {font-size: 1.8vw; width: 90vw; left: 1vw; padding: 1vw; }
	div.poplink {width: 92vw; left: 1vw; height: 6vw; }
	div.linkbox {width: 3vw; margin-right: 1vw; padding: 1vw;} 
	.bigger {font-size: 2vw;}
	.footnote {font-size: 1.3vw;}
}

@media (min-width:961px)  
{ /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	/* header */
/*	div.content1 {background-color: yellow;}
	div.content {background-color: yellow;}
	div.main {background-color: yellow;}*/
	div.logo {font-size: 5vw;}
	div.header {background-size: 100vw auto; height: 30vw;}
	div.menucontainer {width: 100%;}
	div.headermenu {display: none;}
	div.topmenupopup {display: none;}
	
	/* menu */
	#menuwrapper {height: 0; top: 27vw; height: 50px; padding-top: 7px; display: inline-block;}
	#p7menubar, #p7menubar ul {padding: 0;margin: 0;}
	#p7menubar a {padding: 0.5vw 1.1vw 1vw 1.1vw;font-size: 1.8vw;}
	#p7menubar a.sep {font-size: 1.5em; margin-top: -5px;}
	#p7menubar a.trigger {padding: 0.5vw 1.1vw 1vw 1.1vw;}
	#p7menubar a.trigger1 {padding: 0px 12px 3px 16px;}
	#p7menubar li.mainbar {height: 50px;}
	#p7menubar ul.fly {left: 12em;margin-top: -1.3em;min-height: 2.3em;}
	#p7menubar li ul, #p7menubar ul li  {width: 25em;}
	#p7menubar li ul.contact, #p7menubar ul.contact li  {width: 10em;}
	#p7menubar li ul.shop, #p7menubar ul.shop li  {width: 15em;}
	#p7menubar ul li a  {padding: 3px 12px 3px 16px;font-size: 1.5vw;}
	#p7menubar li ul {font-size: 0.65em;}
	
}

@media (min-width:1025px) 
{ /* big landscape tablets, laptops, and desktops */ 
}

@media (min-width:1281px) 
{ /* hi-res laptops and desktops */ 
	/* header */
	div.logo {font-size: 64px;}
	div.header {background-size: 1280px auto; height: 384px;}
	div.menucontainer {width: 100%;}
	
	/* menu */
	#menuwrapper {height: 0; top: 346px; height: 50px; padding-top: 7px;}
	#p7menubar, #p7menubar ul {padding: 0;margin: 0;}
	#p7menubar a {padding: 6px 13px 13px 13px;font-size: 23px;}
	#p7menubar a.sep {font-size: 1.5em; margin-top: -5px;}
	#p7menubar a.trigger {padding: 6px 13px 13px 13px;}
	#p7menubar a.trigger1 {padding: 0px 12px 3px 16px;}
	#p7menubar li.mainbar {height: 50px;}
	#p7menubar ul.fly {left: 12em;margin-top: -1.3em;min-height: 2.3em;}
	#p7menubar li ul, #p7menubar ul li  {width: 25em;}
	#p7menubar li ul.contact, #p7menubar ul.contact li  {width: 10em;}
	#p7menubar li ul.shop, #p7menubar ul.shop li  {width: 15em;}
	#p7menubar ul li a  {padding: 3px 12px 3px 16px;font-size: 19px;}
	#p7menubar li ul {font-size: 0.65em;}
	
	/* homepage */
	div#homepage {height: 666px; top: 77px; font-size: 19px;}
	div#wrapper {font-size: 19px; width: 640px; top: 51px; left: 320px; padding: 13px; }
	div.main {padding-bottom: 64px;}
	table#home div#left img {width: 384px; height: auto; }
	table#home div#right img {width: 384px; height: auto; }
	table#home div#left {padding: 13px; top: 90px; margin-left: 90px;}
	table#home div#right {padding: 13px; top: 90px; margin-right: 90px;}
	table#home td.words {padding-top: 64px;}
	
	/* about page */
	#about div#heading {left:0px; top: 64px; font-size:90px; width:1280px;}
	#about div#pic img {width: 576px; height: auto;}
	#about div#content {top: 64px;}
	#about div#text {font-size:28px; padding: 26px; padding-top:0px; width:576px;}
	#about div#next {top: 128px;}
	div#aboutcontent {top: 64px;}
	
	/* becoming */
	/* foundations */
	#foundations div.text {font-size:32px; padding: 26px;}
	#foundations div.text1 {font-size:32px; padding: 26px; }
	#foundations td.left {width: 576px;}
	#foundations td.middle {width: 166px;}
	#foundations td.right {width: 512px;}
	
	/* additional */
	#additional div.text {font-size:32px; padding: 26px;}
	#additional div.text1 {font-size:32px; padding: 26px; }
	#additional td.normal {width: 599px;}
	#additional td.middle {width: 38px;}
	#additional td.right {width: 643px;}
	
	/* studies */
	/* footer */
	div.footer {width: 1280px; margin: 0 auto; top: 0;}
	div.footerouter {background-color: gainsboro; }
	div.footerouter {top: 51px; position: relative;}
	div.footer a {font-size: 22px; }
	div.footer {font-size: 22px; }
	div.footer div.title {font-size: 26px; }
	div.footer td {width: 410px; line-height: 32px; padding: 13px;}
	
	/* general */
	div.outer {width: 1280px; margin: 0 auto;}	
	div.link {font-size: 26px;}
	h3 {font-size: 38px;}
	div.content {font-size:28px; padding: 26px; padding-top:13px; }
	div.content1 {font-size:26px; padding: 26px; padding-top:13px; }
	div.content1 span.h4{font-size: 32px;}
	div.content1 sup{font-size: 16px;}
	div.poplink {width: 1178px; left: 13px; height: 77px; }
	div.linkbox {width: 38px; margin-right: 13px; padding: 13px;} 
	div.linktext {margin-left: 13px; padding-top: 13px;}
	div.popuptext {font-size: 23px; width: 1152px; left: 13px; padding: 13px; }
	div.pdf img {width: 64px; height: auto;}
	td.head {width: 1152px;}
	ul.arrow li {padding-left: 13px; padding-top: 13px;}
	ul.arrow li:before {top: 13px; left: -13px;}
	div.indent {padding-left: 64px;}
	img#trinity {width: 512px; height: auto;}
	ul.nobullets li {padding-left: 13px; padding-top: 6px;}
	ul.nobullets {margin-top: -13px;}
	div.totop a {font-size: 26px;}
	.pad {padding-top: 13px;}
	.footnote {font-size: 17px;}
	.bigger {font-size: 26px;}
}