/* @override 
	https://www.puttinonthepink.com/styles/potp_main.css
	http://www.puttinonthepink.com/styles/potp_main.css
	http://www.puttinonthepink.com/styles/potp_main_new.css
*/

/**************** Basics ****************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; cursor: default;}
a, a img, a span, a em, a strong {cursor: pointer;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
body {text-align: center; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size:  62.5%; line-height: 1.3; font-weight: normal; color: #333333; margin: 0px; padding: 0px; background: #fff url(/images/bg_stripe.png) repeat;}

/**************** Layout ****************/
#accessibility {position: absolute; top: -10000px;}
#big_container {width: 960px; margin: 0px auto; padding: 0px; text-align: left;}
#header {margin: 0px auto; width: 960px; height: 136px; padding: 20px 0px 0px 0px; background: transparent url(/images/header_bg.png) no-repeat;}
#nav_bar {margin: 0px auto; width: 960px; height: 41px; position: relative; clear: both; background: transparent url(/images/nav_bar_bg.png) no-repeat;}
#container {width: 960px; margin: 0px; padding: 0px; text-align: left; background: url(/images/container_bg.png) repeat-y; float: left;}
#content {width: 636px; margin: 0px; padding: 20px 25px 20px 60px; float: left;}
.inside #content {width: 550px; margin: 0px; padding: 0px 25px 20px 20px; float: left;}
#right_bar {width: 161px; margin: 0px; padding: 20px 24px 20px 20px; float: left;}
#left_bar {width: 161px; margin: 0px; padding: 20px 0px 20px 60px; float: left;}
#tout-box {clear: both; float: left;margin:10px -15px 0px 0px;}
div.tout {width: 260px;float:left;background: url(/images/bg_stripe.png) repeat;margin: 0px 25px 0px 0px; padding: 0px 20px 10px 20px;min-height: 230px;}
#footer {margin: 0px; clear: both; width: 960px; background: url(/images/footer_bg.png) no-repeat; float: left;padding: 10px 0px 0px 0px;}
#footer[id] {background: url(/images/footer_bg.png) no-repeat;}

/**************** Secondary Design ****************/

.ribbon-box {width: 162px; margin: 10px 0px; padding: 0px; background: url(/images/ribbon-box.png) repeat-y;}

.ribbon-box-bottom {width: 162px; height: 10px; line-height: .2em; font-size: .2em; background: url(/images/ribbon-box-bottom.png) no-repeat; margin: 15px 0px 0px 0px;}

/**************** Text ****************/
p {font-size: 1.5em; text-align: left; margin: 1em 0; line-height: 1.4;}
li {font-size: 1.5em; margin-left: 1.8em; list-style-type: disc; line-height: 1.4;}
ol li {list-style-type: decimal;}
a, a:visited {color: #ff0099; text-decoration: none; border: 0px none;}
a:hover {text-decoration: underline; color: #ff0099; border: 0px none;}
strong {font-weight: bold;}
em {font-style: italic;}
h1, h2 {color: #333; margin: 2px 0px 10px 0px;font: 3.2em/1.1 'Lucida Grande', Tahoma, Verdana, Helvetica, sans-serif;}
h3 {color: #ff0099; font-size: 1.8em; line-height: 1.1; font-family: 'Lucida Grande', Tahoma, Verdana, Helvetica, sans-serif; font-weight: normal; margin: 10px 0px;}
h4 {color: #333; font-size: 1.6em; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-weight: normal; line-height: 1.1; margin: 10px 0px 10px 0px;}
h5 {font-size: 1.4em; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 1.2;}
.left, #content img {float: left; margin: 0px; padding: 4px 10px 4px 0px;}
.right, #content img.right {float: right; margin: 0px; padding: 4px 0px 4px 10px;}
.none, #content img.none {float: none; margin: 0px; padding: 0px;}
a .left, #content a img, #content a img.left, a .right, #content a img.right, a .none, #content a img.none {border: 0px none; text-decoration: none;}
.clear {clear: both;}


/********** Nav Bar **********/

#nav_bar ul {background: url(/images/nav.png) no-repeat; width: 960px; height: 41px;}

#nav_bar li {margin: 0; padding: 0; list-style: none; display: block; position: absolute; text-indent: -9000px;}

#nav_bar a {display: block;}

#home, #home a {left: 114px; top: 0px; width: 42px; height: 41px;}

#partners, #partners a {left: 184px; top: 0px; width: 75px; height: 41px;}

#education, #education a {left: 287px; top: 0px; width: 113px; height: 41px;}

#style, #style a {left: 428px; top: 0px; width: 89px; height: 41px;}

#project, #project a {left: 545px; top: 0px; width: 107px; height: 41px;}

#store, #store a {left: 680px; top: 0px; width: 47px; height: 41px;}

#contact, #contact a {left: 755px; top: 0px; width: 91px; height: 41px;}

#home a:hover, #home .active {background: url(/images/nav.png) -114px -41px no-repeat;}

#partners a:hover, #partners .active {background: url(/images/nav.png) -184px -41px no-repeat;}

#education a:hover, #education .active {background: url(/images/nav.png) -287px -41px no-repeat;}

#style a:hover, #style .active {background: url(/images/nav.png) -428px -41px no-repeat;}

#project a:hover, #project .active {background: url(/images/nav.png) -545px -41px no-repeat;}

#store a:hover, #store .active {background: url(/images/nav.png) -680px -41px no-repeat;}

#contact a:hover, #contact .active {background: url(/images/nav.png) -755px -41px no-repeat;}

/**************** Overrides ****************/

a img.left {text-decoration: none; border: 0px none;}
#header h1, #header span.logo {text-indent: -999em; display: block; overflow: hidden; margin: 23px 224px 0px; padding: 0px; width: 511px; height: 94px; float: left; background: url(/images/logo.png) no-repeat;}
#header h1 a, #header span.logo a {display: block;}
.tout h3 {background: #000;margin: 0px -20px; padding: 10px 20px; height: 40px;}
.tout p {font-size: 1.3em;margin: 10px 0px 0px 0px;}
p.more{text-align: right; margin: 0px 0px 4px 0px;}
#right_bar h4, #left_bar h4 {color: #ff0099; font-size: 1.3em;}
#right_bar img, #left_bar img {margin: 0px; padding: 0px; float: none;}
#left_bar h5 {text-transform: uppercase;}
#left_bar ul#subnav {margin: 0px 11px 0px 0px;}
#subnav li {list-style-type: none; color: #ff0099; text-align: left; font-size: 11px; margin: 0px; line-height: 13px;}
#subnav li a {color: #ff0099; text-decoration: none; margin: 0px 0px 8px 0px; padding: 8px 10px; background: #000; display: block;}
#subnav li.active a, #subnav li a:hover {color: #ffffff; text-decoration: none; }
.ribbon-box p {padding: 0px 25px; font-size: 1.25em; line-height: 1.2;}
.ribbon-box h3 {font-family: Tahoma, Verdana, Helvetica, sans-serif; color: #333333; padding: 25px 25px 10px 25px; margin: 0px;}
#footer h5 {font-weight: normal; text-align: center; color: #333333; padding: 10px 0px 0px 0px; margin: 0px; line-height: 1em; font-size: 1.2em;}
#footer div ul {text-align: center;}
#footer div ul li {display: inline; margin: 0px 5px; text-align: center; font-size: 1em;}
#footer h6 {color: #333333; text-align: center; font-weight: normal; padding: 5px 0px; margin: 0px; line-height: 1em; font-size: 1.1em;}
#footer h5 a:link, #footer h5 a:visited, #footer h6 a:link, #footer h6 a:visited {color: ff0099; text-decoration: underline;}

/********** Contact Form **********/

.zemContactForm br, #txpCommentInputForm br {margin: 0px; padding: 0px; line-height: 1px;}

#content ul.contact li {margin: 0px; font-size: 12px;}

input.zemText, textarea.zemTextarea, input.comment_name_input, textarea.txpCommentInputMessage, input.comment_email_input, input.comment_web_input {border: 1px solid #999999; color: #666666; font-size: 11px; line-height: 16px; padding: 5px 0px 0px 5px;}

input.zemText, input.comment_name_input {height: 1.66em;/

* 12x1.66=20px */}

.zemContactForm label, #txpCommentInputForm label {width: 120px;}

ul.contact label {float: left; list-style-type: none; padding: 5px 5px 0px 5px; text-align: right; width: 120px; font-size: 12px;}

.zemContactForm input, #txpCommentInputForm input {width: 200px;}

ul.contact input, ul.contact select, ul.contact textarea {list-style-type: none; margin: 0px 0px 0px 4px; width: 200px;}

form.zemContactForm li, form#txpCommentInputForm li {border-bottom: 1px solid #E3E3E3; list-style-type: none; margin: 0pt; padding: 5px 0pt;}

form.zemContactForm.reg li {border-bottom: 0px none;}

ul.contact li.divider {border-top: 1px solid #cccccc; margin: 5px 0px 0px 0px !important;}

.odd {background-color: #ffffff;}

form.zemContactForm li.bottom, form#txpCommentInputForm li.bottom {border-bottom: 0px none;}

ul.contact input.same_box {float: none; width: 30px; margin: 0px 0px 0px 75px;}

ul.contact input.zemSubmit {background-color: #f5d6e9; border: 2px solid #ff0099; color: #333333; font-size: 12px; height: 25px; margin: 0pt; padding: 0px; width: 90px; float: right;}

ul.zemError {background-color: #ff0099;}

.partners {clear: both;}

select#partners.select_this {width: 330px;}

.clear {clear: both;}