* {margin:0;padding:0; font-family: Calibri;}
html, body, div, span, h1, p, a, img, ul, li {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font: inherit;vertical-align: baseline;font-family: Calibri;}
html, body {height: 100%;width: 100%;}
form {clear:both;}
table {width: 100%;color: #575757;font-size: 11pt;font-family: Calibri;}
td,th {padding:3px 3px 3px 0px;}
html {cursor: default;}
body {line-height: 1;text-align: center;position: relative;}
#wrapper {min-height: 100%;margin: 0 auto;position: relative;text-align: left;width: 1000px;z-index: 1;}
#wrapper #header {margin: 0 0 20px 0;float: left;display: block;width: 100%;}
#wrapper #header h1 {background: url("/assets/css/open-logo.jpg") 0 0 no-repeat;display: inline;float: right;height: 90px;margin: 40px 10px 0 0;position: relative;width: 489px;z-index: 2;}
#wrapper #header h1 a {float: right;height: 90px;margin: 0;padding: 0;width: 196px;z-index: 2;}
#wrapper #header h1 span {display: none;}
#wrapper #header ul	{list-style-type: none;width: 210px;float: left;margin: 110px 0 0 10px;}
#wrapper #header ul li {float: left;display: inline;margin-right: 20px;}
#wrapper #header ul li a {color: #b2b2b2;font-size: 12pt;font-family: Calibri;line-height: 15pt;text-decoration: none;}
#wrapper #header ul li a.active {color: #b2b2b2;text-decoration: none;font-weight: bold;}
#wrapper #header ul li a:hover {text-decoration: underline;}
#wrapper #content {width: 100%;float: left;margin: 0;padding: 20px 0 10px 0;display: inline;}
#wrapper #content #copy {float: left;display: inline;margin: 10px;width: 220px;}
#wrapper #content #copy h2 {color: #575757;font-size: 11pt;font-family: Calibri;line-height: 11pt;width: 220px;float: left;border: none;padding: 0;padding: 0 0 20px 0;}
#wrapper #content #copy p {color: #666666;font-size: 11pt;font-family: Calibri;line-height: 12pt;text-decoration: none;width: 220px;float: left;border: none;padding: 0 0 20px 0;}
#wrapper #content #copy p.small {color: #999999;font-size: 9pt;font-family: Calibri;line-height: 12pt;text-decoration: none;width: 220px;float: left;border: none;padding: 0 0 20px 0;}
#wrapper #content .col {float: left;display: inline;margin: 10px 20px 10px 10px;width: 470px;}
#wrapper #content .col-space {margin: 10px 10px 10px 20px;width: 470px;}
#wrapper #content .col p, #wrapper #content .col h2, #wrapper #content .col h3, #wrapper #content .col a.contact {color: #666666;font-size: 11pt;font-family: Calibri;line-height: 12pt;text-decoration: none;width: 470px;float: left;border: none;padding: 0;}
#wrapper #content .col .purple {color: #ac0059;text-decoration:none;}
#wrapper #content .col p, #wrapper #content .col h2 {padding: 0 0 20px 0;}
#wrapper #content #images {float: right;display: block;clear: none;width: 700px;margin-right: 50px;}
#wrapper #content #images img {padding: 10px 0;float: left;clear: both;display:block;border: none;}
#wrapper #content .col ul {list-style-type: disc;float: left;margin: 0 0 20px 0;display:inline-block;}
#wrapper #content .col ul li {float: left;clear:both;margin-left: 20px;color: #666666;font-size: 11pt;font-family: Calibri;line-height: 12pt;}
#wrapper .grid	{width: 100%;float: left;margin: 0;padding: 20px 0 20px 0;}
#wrapper .grid li	{float: left;display: inline;margin: 10px;width: 220px;height:240px;color: #b2b2b2;font-size: 11pt;font-family: Calibri;line-height: 15pt;}
#wrapper .grid li a	{color: #b2b2b2;font-size: 11pt;font-family: Calibri;line-height: 21pt;text-decoration: none;width: 220px;height:240px;float: left;border: none;}
#wrapper .grid li a img	{width: 220px;height: 220px;float: left;clear: both;display:block;border: none;}
#wrapper .grid li a span	{width: 220px;height: 20px;float: left;clear: both;display:block;}
#wrapper .divide	{width: 940px;margin: 0 0 0 10px;padding: 0 0 2px 0;float: left;text-align: right;border-bottom: solid 1px #eee;font-size:10pt;font-style:italic;font-family:Calibri;color:#ccc;}
#wrapper #footer	{width: 940px;margin: 0 50px 0 10px;padding: 10px 0 60px 0;float: left;border-top: solid 1px #eee;}
#wrapper #footer p	{float: left;font-size:10pt;font-style:normal;font-family:Calibri;color:#ccc;width: 100%;}
#wrapper #footer a	{float: right;font-size:9pt;font-style:normal;font-family:Calibri;color:#ccc;font-weight: normal;text-decoration:none;}
#wrapper #footer a:hover	{text-decoration: underline;}
div.form-errors,div.form-success {margin:0 0 10px;padding:6px;font:11pt/15pt Calibri;}
div.form-success {color:#080;background:#efe;border:1px solid #7d7;}
div.form-errors {color:#c00;background:#fee;border:1px solid #d77;}
th 	{width:65px;display: block;float:left;padding-top: 10px;}
td	{width: 348px;display: inline;clear:none;float:right;}
#wrapper #content .col form {margin-bottom:20px;}


/* ipad portrait */
@media(max-width:1024px) {

#wrapper #header {margin: 0 0 20px 0;float: left;display: block;width: 100%;}
#wrapper #header h1 {background: url("/assets/css/open-logo.jpg") 0 0 no-repeat;display: inline;float: right;height: 90px;margin: 40px 10px 0 0;position: relative;width: 489px;z-index: 2;}
#wrapper #header h1 a {float: right;height: 90px;margin: 0;padding: 0;width: 196px;z-index: 2;}
#wrapper #header h1 span {display: none;}
#wrapper #header ul	{list-style-type: none;width: 180px;float: left;margin: 110px 0 0 10px;}
#wrapper #header ul li {float: left;display: inline;margin-right: 20px;}
#wrapper #header ul li a {color: #b2b2b2;font-size: 12pt;font-family: Calibri;line-height: 15pt;text-decoration: none;}
#wrapper #header ul li a.active {color: #b2b2b2;text-decoration: none;font-weight: bold;}
#wrapper #header ul li a:hover {text-decoration: underline;}


#wrapper  {min-height: 100%;margin: 0 auto;position: relative;text-align: left;width: 700px;z-index: 1;}

#wrapper .grid	{width: 100%;float: left;margin: 0 auto;padding: 25px 0 20px 0; display: block; text-align: center;}
#wrapper .grid li	{float: left;display: inline;margin: 10px;width: 155px;height:190px;color: #b2b2b2;font-size: 11pt;font-family: Calibri;line-height: 15pt;}
#wrapper .grid li a	{color: #b2b2b2;font-size: 10pt;font-family: Calibri;line-height: 11pt;text-decoration: none;width: 155px;height:190px;float: left;border: none;}
#wrapper .grid li a img	{width: 155px;height: 155px;float: left;clear: both;display:block;border: none;}
#wrapper .grid li a span	{width: 155px;height: 20px;float: left;clear: both;display:block; text-align: left; margin-top: 5px;}
#wrapper #content .col form {margin-bottom:20px;}
#wrapper #content #images	{width: 390px;}
#wrapper .divide {width: 680px;}
#wrapper #content {padding: 20px 0 30px 0;}
#wrapper #footer {width: 700px;margin: 0px;padding: 10px 0 60px 0;float: left;border-top: solid 1px #eee;}
#wrapper #footer span {display:inline;padding: 10px 0 0 0;}
#wrapper #footer a	{float: right;padding: 0;font-size:9pt;font-style:normal;font-family:Calibri;color:#ccc;font-weight: normal;text-decoration:none;}
#wrapper #footer p {padding: 10px;width: 92%;margin: 0 auto;}
#wrapper #content .col {margin: 0 10px 0; width: 680px}
#wrapper #content .col p {width: 100%;}
#wrapper #content .col p:last-child, #wrapper #content .col a.contact {padding: 0; }
#wrapper #content .col-space {display:none;}
#wrapper #content .col form {width: 490px;}
}

/* ipad portrait */
@media(max-width:715px) {
#wrapper #header {margin: 0 0 20px 0;float: left;display: block;width: 100%;}
#wrapper #header h1 {background: url("/assets/css/open-logo-re.png") 50% 0 no-repeat;display: inline;float: right;height: 99px;margin: 40px 10px 0 0;position: relative;width: 300px;z-index: 2;}
#wrapper #header h1 a {float: right;height: 99px;margin: 0;padding: 0;width: 300px;z-index: 2;}
#wrapper #header h1 span {display: none;}
#wrapper #header ul	{list-style-type: none;width: 165px;float: left;margin: 118px 0 0 10px;}
#wrapper #header ul li {float: left;display: inline;margin-right: 20px;}
#wrapper #header ul li a {color: #b2b2b2;font-size: 12pt;font-family: Calibri;line-height: 15pt;text-decoration: none;}
#wrapper #header ul li a.active {color: #b2b2b2;text-decoration: none;font-weight: bold;}
#wrapper #header ul li a:hover {text-decoration: underline;}
#wrapper #content .col {width: 650px;}
#wrapper #footer {width: 670px;}
#wrapper #footer p {padding: 10px;width: 650px;margin: 0 auto;}
#wrapper .divide {width: 650px;}
#wrapper .grid li	{margin: 5px;}
#wrapper #content #images	{width: 383px; margin-right: 47px;}
#wrapper {width:670px;}




}

/* ipad portrait */
@media(max-width:700px) {
#wrapper {width:488px;}
#wrapper #content .col {width: 470px;}
#wrapper #footer {width: 488px;}
#wrapper #footer p {padding: 10px;width: 468px;margin: 0 auto;}
#wrapper .divide {width: 468px;}
#wrapper #content .col form {width: 468px;}
#wrapper #footer {width: 488px; text-align: center;}
#wrapper #footer p {width: 468px;}
#wrapper #footer span {display:block; padding: 10px 0 0 0; clear: both;}
#wrapper #footer a	{float: none; padding: 10px 0 0; font-size:9pt; font-style:normal;font-family:Calibri;color:#ccc;font-weight: normal;text-decoration:none; clear: both; display: block;}
#wrapper #content #copy, #wrapper #content .col {width: 468px;}
#wrapper #content #copy p {width: 100%;}
#wrapper #content #images	{width: 468px;  margin: 10px;}
#wrapper .grid li	{float: left;display: inline;margin: 5px;width: 148px;height:190px;color: #b2b2b2;font-size: 11pt;font-family: Calibri;line-height: 15pt;}
#wrapper .grid li a	{color: #b2b2b2;font-size: 10pt;font-family: Calibri;line-height: 11pt;text-decoration: none;width: 148px;height:190px;float: left;border: none;}
#wrapper .grid li a img	{width: 148px;height: 148px;float: left;clear: both;display:block;border: none;}
#wrapper .grid li a span	{width: 148px;height: 20px;float: left;clear: both;display:block; text-align: left; margin-top: 5px;}
}

/* ipad portrait */
@media(max-width:500px) {
#wrapper {width:470px;}
#wrapper .divide {width: 448px;}
#wrapper #footer {width: 470px;}
#wrapper #footer p {width: 450px;}
#wrapper #content #copy, #wrapper #content .col {width: 450px;}
#wrapper #content #images	{width: 450px;}
#wrapper .grid	{width: 100%;float: left;margin: 0 auto;padding: 25px 0 20px 0;}
#wrapper .grid li	{float: left;display: inline; text-align: center;margin: 8px;width: 135px;height:190px;color: #b2b2b2;font-size: 10pt;font-family: Calibri;line-height: 11pt;}
#wrapper .grid li a	{color: #b2b2b2;font-size: 10pt;font-family: Calibri;line-height: 11pt;text-decoration: none;width: 135px;height:190px;float: left;border: none;}
#wrapper .grid li a img	{width: 135px;height: 135px;float: left;clear: both;display:block;border: none;}
#wrapper .grid li a span	{width: 135px;height: 20px;float: left;clear: both;display:block; margin-top: 5px; text-align: left;}



#wrapper #header {margin: 0 0 20px 0;float: left;display: block;width: 100%;}
#wrapper #header h1 {background: url("/assets/css/open-logo-re.png") 50% 0 no-repeat;display: inline;float: right;height: 99px;margin: 40px 10px 0 0;position: relative;width: 300px;z-index: 2;}
#wrapper #header h1 a {float: right;height: 99px;margin: 0;padding: 0;width: 300px;z-index: 2;}
#wrapper #header h1 span {display: none;}
#wrapper #header ul	{list-style-type: none;width: 150px;float: left;margin: 118px 0 0 10px;}
#wrapper #header ul li {float: left;display: inline;margin-right: 20px;}
#wrapper #header ul li a {color: #b2b2b2;font-size: 12pt;font-family: Calibri;line-height: 15pt;text-decoration: none;}
#wrapper #header ul li a.active {color: #b2b2b2;text-decoration: none;font-weight: bold;}
#wrapper #header ul li a:hover {text-decoration: underline;}
#wrapper #content .col form {margin-bottom:20px; width: 405px}
td	{width: 271px;}

}

/* iphone landscape */
@media only screen and (max-width:480px) { 

#wrapper #header h1  {background: url("/assets/css/open-logo-re.png") 50% 0 no-repeat;display: block;margin: 20px auto 20px;width: 100%;height: 99px;}
#wrapper #header h1 a	{display:block;height: 114px;margin: 0 auto;padding: 0;width: 300px;float: none;}
#wrapper #header ul	{display: block;float: left; margin: 0 auto; text-align: center; width: 100%;}
#wrapper #header ul li {display: inline-block; float: none; text-align: center;}
#wrapper  {min-height: 100%;margin: 0 auto;position: relative;text-align: left;width: 410px;z-index: 1;}
#wrapper .grid	{width: 100%;float: left;margin: 0 auto;padding: 25px 0 20px 0;}
#wrapper .grid li	{float: left;display: inline; text-align: center;margin: 5px;width: 126px;height:190px;color: #b2b2b2;font-size: 10pt;font-family: Calibri;line-height: 11pt;}
#wrapper .grid li a	{color: #b2b2b2;font-size: 10pt;font-family: Calibri;line-height: 11pt;text-decoration: none;width: 126px;height:190px;float: left;border: none;}
#wrapper .grid li a img	{width: 126px;height: 126px;float: left;clear: both;display:block;border: none;}
#wrapper .grid li a span	{width: 126px;height: 20px;float: left;clear: both;display:block; margin-top: 5px; text-align: left;}
#wrapper .divide {width: 399px;}
#wrapper #content .col form {margin-bottom:20px;}
#wrapper #content .col form {width: 399px;}
#wrapper #content #images	{width: 399px; margin: 0 auto; float: none;}


#wrapper #content {padding: 20px 0 20px 0; width: 100%;}
#wrapper #footer {width: 399px;margin: 0px 5px;padding: 10px 0 60px 0;float: left;border-top: solid 1px #eee; text-align: center;}
#wrapper #footer p {padding: 0;width: 399px; margin: 0 auto; text-align: center; font-size:9pt;}
#wrapper #footer span {display:block; padding: 10px 0 0 0; clear: both;}
#wrapper #footer a	{float: none; padding: 10px 0 0; font-size:9pt; font-style:normal;font-family:Calibri;color:#ccc;font-weight: normal;text-decoration:none; clear: both; display: block;}

#wrapper #content #copy, #wrapper #content .col {float: left;display: inline;margin: 0 10px 10px;width: 399px; text-align: center;}
#wrapper #content #copy h2, #wrapper #content .col h2, #wrapper #content .col h3, #wrapper #content .col a.contact  {color: #575757;font-size: 11pt;font-family: Calibri;line-height: 11pt;width: 100%;float: left;border: none;padding: 0;padding: 0 0 20px 0; text-align: left;}
#wrapper #content #copy p, #wrapper #content .col p {color: #666666;font-size: 11pt;font-family: Calibri;line-height: 12pt;text-decoration: none;width: 100%;float: left;border: none;padding: 0 0 20px 0;text-align: left;}
#wrapper #content #copy img, #wrapper #content .col img {margin: 0 auto; text-align:center;}
#wrapper #content #copy p.small, #wrapper #content .col p.small {color: #999999;font-size: 9pt;font-family: Calibri;line-height: 12pt;text-decoration: none;width: 100%;float: left;border: none;padding: 0 0 20px 0;text-align: left;}

#wrapper #content .col {margin: 0 10px 0; width: 399px;}
#wrapper #content .col p:last-child, #wrapper #content .col a.contact {padding: 0; }

#wrapper #content .col-space {display:none;}


#wrapper #content .col form {margin-bottom:20px; width: 399px}
td	{width: 271px;}

}

/* iphone 6Plus portrait */
@media only screen and (max-width:414px) {


#wrapper #header h1  {background: url("/assets/css/open-logo-re.png") 50% 0 no-repeat;display: block;margin: 20px auto 20px;width: 100%;height: 99px;}
#wrapper #header h1 a	{display:block;height: 114px;margin: 0 auto;padding: 0;width: 300px;float: none;}
#wrapper #header ul	{display: block;float: left; margin: 0 auto; text-align: center; width: 100%;}
#wrapper #header ul li {display: inline-block; float: none; text-align: center;}
#wrapper  {min-height: 100%;margin: 0 auto;position: relative;text-align: left;width: 310px;z-index: 1;}
#wrapper .divide {width: 299px; font-size: 9pt;}
#wrapper #content .col form {margin-bottom:20px;}
#wrapper #content .col form {width: 299px;}
#wrapper #content #images	{width: 299px; margin: 0 auto; float: none;}


#wrapper #content {padding: 20px 0 20px 0; width: 100%;}
#wrapper #footer {width: 299px;margin: 0px 5px;padding: 10px 0 60px 0;float: left;border-top: solid 1px #eee; text-align: center;}
#wrapper #footer p {padding: 0;width: 299px; margin: 0 auto; text-align: center; font-size:9pt;}
#wrapper #footer span {display:block; padding: 10px 0 0 0; clear: both;}
#wrapper #footer a	{float: none; padding: 10px 0 0; font-size:9pt; font-style:normal;font-family:Calibri;color:#ccc;font-weight: normal;text-decoration:none; clear: both; display: block;}

#wrapper #content #copy, #wrapper #content .col {float: left;display: inline;margin: 0 10px 10px;width: 299px; text-align: center;}
#wrapper #content #copy h2, #wrapper #content .col h2, #wrapper #content .col h3, #wrapper #content .col a.contact  {color: #575757;font-size: 11pt;font-family: Calibri;line-height: 11pt;width: 100%;float: left;border: none;padding: 0;padding: 0 0 20px 0; text-align: left;}
#wrapper #content #copy p, #wrapper #content .col p {color: #666666;font-size: 11pt;font-family: Calibri;line-height: 12pt;text-decoration: none;width: 100%;float: left;border: none;padding: 0 0 20px 0;text-align: left;}
#wrapper #content #copy img, #wrapper #content .col img {margin: 0 auto; text-align:center;}
#wrapper #content #copy p.small, #wrapper #content .col p.small {color: #999999;font-size: 9pt;font-family: Calibri;line-height: 12pt;text-decoration: none;width: 100%;float: left;border: none;padding: 0 0 20px 0;text-align: left;}

#wrapper #content .col {margin: 0 10px 0; width: 299px;}
#wrapper #content .col p:last-child, #wrapper #content .col a.contact {padding: 0; }

#wrapper #content .col-space {display:none;}

#wrapper .grid	{width: 100%;float: left;margin: 0 auto;padding: 25px 0 10px 0; display: block; text-align: center;}
#wrapper .grid li	{display: inline-block; float: none; text-align: center;margin: 0;width: 135px;height:190px;color: #b2b2b2;font-size: 10pt;font-family: Calibri;line-height: 11pt;}
#wrapper .grid li:nth-child(odd){margin-right: 10px;}
#wrapper .grid li:nth-child(even){}
#wrapper .grid li a	{color: #b2b2b2;font-size: 10pt;font-family: Calibri;line-height: 11pt;text-decoration: none;width: 135px;height:190px;float: left;border: none;}
#wrapper .grid li a img	{width: 135px;height: 135px;float: left;clear: both;display:block;border: none;}
#wrapper .grid li a span	{width: 135px;height: 20px;float: left;clear: both;display:block; margin-top: 5px;text-align: left;}
#wrapper #content .col form {margin-bottom:20px; width: 299px}
td	{width: 200px;}
}


/* iphone 6 portrait */
@media only screen and (max-width:320px) {


#wrapper #header h1  {background: url("/assets/css/open-logo-re.png") 50% 0 no-repeat;display: block;margin: 20px auto 20px;width: 100%;height: 99px;}
#wrapper #header h1 a	{display:block;height: 114px;margin: 0 auto;padding: 0;width: 300px;float: none;}
#wrapper #header ul	{display: block;float: left; margin: 0 auto; text-align: center; width: 100%;}
#wrapper #header ul li {display: inline-block; float: none; text-align: center;}
#wrapper  {min-height: 100%;margin: 0 auto;position: relative;text-align: left;width: 300px;z-index: 1;}
#wrapper .divide {width: 285px; font-size: 9pt;}
#wrapper #content .col form {margin-bottom:20px;}
#wrapper #content .col form {width: 290px;}
#wrapper #content #images	{width: 290px; margin: 0 auto; float: none;}


#wrapper #content {padding: 20px 0 20px 0; width: 100%;}
#wrapper #footer {width: 290px;margin: 0px 5px;padding: 10px 0 60px 0;float: left;border-top: solid 1px #eee; text-align: center;}
#wrapper #footer p {padding: 0;width: 290px; margin: 0 auto; text-align: center; font-size:9pt;}
#wrapper #footer span {display:block; padding: 10px 0 0 0; clear: both;}
#wrapper #footer a	{float: none; padding: 10px 0 0; font-size:9pt; font-style:normal;font-family:Calibri;color:#ccc;font-weight: normal;text-decoration:none; clear: both; display: block;}

#wrapper #content #copy, #wrapper #content .col {float: left;display: inline;margin: 0 10px 10px;width: 290px; text-align: center;}
#wrapper #content #copy h2, #wrapper #content .col h2, #wrapper #content .col h3, #wrapper #content .col a.contact  {color: #575757;font-size: 11pt;font-family: Calibri;line-height: 11pt;width: 100%;float: left;border: none;padding: 0;padding: 0 0 20px 0; text-align: left;}
#wrapper #content #copy p, #wrapper #content .col p {color: #666666;font-size: 11pt;font-family: Calibri;line-height: 12pt;text-decoration: none;width: 100%;float: left;border: none;padding: 0 0 20px 0;text-align: left;}
#wrapper #content #copy img, #wrapper #content .col img {margin: 0 auto; text-align:center;}
#wrapper #content #copy p.small, #wrapper #content .col p.small {color: #999999;font-size: 9pt;font-family: Calibri;line-height: 12pt;text-decoration: none;width: 100%;float: left;border: none;padding: 0 0 20px 0;text-align: left;}

#wrapper #content .col {margin: 0 10px 0; width: 290px;}
#wrapper #content .col p:last-child, #wrapper #content .col a.contact {padding: 0; }

#wrapper #content .col-space {display:none;}

#wrapper .grid	{width: 100%;float: left;margin: 0 auto;padding: 25px 0 10px 0; display: block; text-align: center;}
#wrapper .grid li	{display: inline-block; float: none; text-align: center;margin: 0;width: 135px;height:190px;color: #b2b2b2;font-size: 10pt;font-family: Calibri;line-height: 11pt;}
#wrapper .grid li:nth-child(odd){margin-right: 10px;}
#wrapper .grid li:nth-child(even){}
#wrapper .grid li a	{color: #b2b2b2;font-size: 10pt;font-family: Calibri;line-height: 11pt;text-decoration: none;width: 135px;height:190px;float: left;border: none;}
#wrapper .grid li a img	{width: 135px;height: 135px;float: left;clear: both;display:block;border: none;}
#wrapper .grid li a span	{width: 135px;height: 20px;float: left;clear: both;display:block; margin-top: 5px;text-align: left;}
#wrapper #content .col form {margin-bottom:20px; width: 290px}
td	{width: 200px;}
}