* { font-size: 100%; margin: 0; padding: 0; }
html{font: 15px/1.5 calibri, arial,helvetica, sans-serif;color:#333;}
html, body {height: 100%;}
body {background:url(/images/layout/body-bg.png) ;}
a {text-decoration:none;color:#888;border-bottom:solid 1px;}
a:hover {color:#000;}
a.popup {padding-right:14px;background:url(/images/layout/popuplink.png) no-repeat right}
:focus {outline:none;}

#wrapper{width:830px;margin:0 auto;min-height: 100%;background:url(/images/layout/wrapper-bg.png) repeat-y;overflow:auto;}
#header {padding:0 0 0 15px;height:168px;position:relative;background:url(/images/layout/header2-bg.png) 50% 0 no-repeat;}
#logo a {display:block;width:480px;height:100px;position:absolute;top:20px;left:20px;text-indent:-9999em;border:none;}
:focus {outline:none;}

#menu {position:absolute;top:130px;left:25px;}
#menu ul {color:#749A9F;list-style:none;}
#menu li {float:left;position:relative;width:120px;}
#menu li.level1 {margin-right:10px;}
#menu a {line-height:1;display:block;width:120px;padding:5px 0 0;color:#EC7404;text-align:center;text-decoration:none;border:none;background:url(/images/layout/menu-bg-sprite.png) no-repeat;}
#menu a.level1 {height:33px;}
#menu a.level1:hover, #menu a.level1.active {background-position: 0 -41px;color:#fff}

#submenu {margin-bottom:1em}
#container {padding-top:20px;width:830px;overflow:auto;}
#container #submenu ul {margin:0;}
#submenu li {display:inline;margin-right:1em;}
#submenu a {color:#EC7404;border:none;}
#submenu a:hover, #submenu a.active {border-bottom:solid 1px;}

#content,#sidebar{padding-bottom:120px;}
#content {width:500px;margin:0 0 0 35px;float:left;}
#sidebar {width:260px;float:right;margin-right:25px;}
.slide {background:#f2f2f2;width:100%;height:260px;overflow:hidden;display:none;}
.slide img {display:block;}
.slide h3 {margin:5px 10px;}
.slidetext {font-size:.75em;margin:10px;}

#sidebarlinks {padding-top:10px;}
.sidebarlink {background:#EC7404;margin-bottom:10px; }
.sidebarlink a {display:block;padding:10px;text-decoration:underline;font-size:20px;color:#fff;border:none;background: url(/images/layout/sidebarlink-bg.png) no-repeat 240px 50%;}

#footer {text-align:center;width:780px;margin: -100px auto 0;height:60px;padding:30px 25px 10px;background:url(/images/layout/footer-bg.png) no-repeat;}
#footertext {font-size:12px;color:#fff;}
#footertext a {color:#fff;}
#pwrd {font-size:12px;margin-top:20px;}

.headerfootermenu {margin:20px 0 0;font-size:12px;float:left;}
.headerfootermenu li {display:inline;}

h1,h2,h3,h4 {}
h1 {font-size:1.5em;margin-bottom:10px;}
h2 {font-size:1.25em;margin:20px 0 10px;}
h3 {font-size:1.1em;margin:10px 0;}
h4 {font-size:1em;font-style:italic;margin:10px 0;}

.hide {display:none;}

#content ul, 
#content ol { margin: 0 1.5em; }
#content ul ul, 
#content ol ol { margin: 0 1em; }
#content p { margin: .5em 0;}
#content .intro {font-weight:bold;margin-bottom:20px;}
#content .datablock {display:none;background:#eee;padding:5px;border:solid 2px #EC7404;margin-bottom:2em;}
#content .toggle {margin-top:0;cursor:pointer;color:#EC7404;}
#content .toggle:hover {text-decoration:underline;}

/* =EDITMODE en BUTTONS ------------------------------------------------------*/
button {font-size:11px;font-weight:bold;color:#777;padding:0;margin:10px 3px 0 0;}
button b {display:block;float:left;width:16px;height:16px;margin-right:3px;background:url(http://config.primosite.com/images/layout/editicons3-sprite.png) no-repeat;text-indent:-9999em;}
button.edit    b {background-position:0 -16px;}
button.add     b {background-position:0 -48px;}
button.delete  b {background-position:0 -144px;}
button.remove  b,
button.cancel  b {background-position:0 -112px;}
button.import  b {background-position:0 -240px;}
button.submit  b {background-position:0 -304px;}
button.e-mail  b {background-position:0 -336px;}
button.reset   b {background-position:0 -368px;}
button.posting b {background-position:0 -496px;}
button.reply   b {background-position:0 -464px;}
button.acl     b {background-position:0 -632px;}
button.grid    b {background-image:url(http://config.primosite.com/images/editicons/set3/table.png)}
button.graph   b {background-image:url(http://config.primosite.com/images/editicons/set3/poll.png)}

/* =editmode-------------------------------------------------*/
.edittitle4 {clear:both;width:16px;height:16px;margin:5px;text-align:left;text-indent:-9999em;cursor:pointer;background:url(http://config.primosite.com/images/editicons/set3/edit.png) no-repeat;}
.editmode4 {display:none;z-index:99;position:absolute;overflow:hidden;border:solid 2px #999;box-shadow: 3px 3px 5px #666; -moz-box-shadow: 3px 3px 5px #666; -webkit-box-shadow: 3px 3px 5px #666; }
.editlink4 {font:12px/1.5 arial, helvetica, sans-serif!important;text-align:left;color:#999!important;white-space:nowrap!important;cursor:pointer;border-bottom:solid 1px #ddd!important;border-top:solid 1px #f4f4f4!important;display:block;height:20px;padding:0px 5px 2px 22px!important;background:#ECE9D8 url(http://config.primosite.com/images/layout/editicons3-sprite.png) 2px -14px no-repeat!important;}
.editlink4 img {width:auto!important;margin-right:5px;border:none!important;position:relative;top:4px;}
.editlink4:hover {background-color:#D7D4C5!important;}
.editmode4 .edit    {background-position:2px -12px!important;}
.editmode4 .add     {background-position:2px -44px!important;}
.editmode4 .copy    {background-position:2px -660px!important;}
.editmode4 .delete  {background-position:2px -692px!important;}
.editmode4 .remove,
.editmode4 .cancel  {background-position:2px -108px!important;}
.editmode4 .import  {background-position:2px -236px!important;}
.editmode4 .submit  {background-position:2px -300px!important;}
.editmode4 .e-mail  {background-position:2px -332px!important;}
.editmode4 .reset   {background-position:2px -364px!important;}
.editmode4 .posting {background-position:2px -492px!important;}
.editmode4 .reply   {background-position:2px -460px!important;}
.editmode4 .acl     {background-position:2px -628px!important;}
.editmode4 .grid    {background-image:url(http://config.primosite.com/images/editicons/set3/table.png)}
.editmode4 .graph   {background-image:url(http://config.primosite.com/images/editicons/set3/poll.png)}

/* =EDITSLIDESHOW ------------------------------------------------------------*/

#editpiclist ul {list-style: none;}
#editpiclist li .image {width: 120px;display:block;margin: 0 auto 10px;}
#editpiclist li {float:left;width: 140px; height:200px;background: #EAE5E2;margin: 5px;text-align: center;}

/* FORMS ---------------------------------------------------------------------*/
form input{width:95%}form textarea{width:95%;height:100px}form .formelement{clear:both;width:100%;padding:5px 0 0;display:block;font-size:1em}form fieldset{clear:both;width:95%;padding:5px;display:block;font-size:1em;margin:1em 0}form fieldset legend{padding:0 3px;margin:0 1em}form .formlabel{float:left;text-align:right;width:25%;vertical-align:middle}form .formfield{float:right;width:74%}form .formfield-buttons{float:left;width:auto;padding-left:26%}form .ff-filename{width:75%}form .date input{width:25px !important;text-align:right}form .date input.date-year{width:40px !important}form select.singleselect {width:45%}form .selectbox,form .multipleselectbox{float:left;padding:0 3px;width:90%}form .formfield select option{padding-right:1em}form .multipleselectbox{width:40%}form .leftrightarrows,form .updownarrows {float:left;margin:0 3px 0;text-align:center;width:auto}form .updownarrows img,form .leftrightarrows img {display:block}form .leftrightarrows a,form .leftrightarrows a:hover{text-decoration:none;border:0}form .formfield a{color:black}form .formfield a:hover{color:#999}form .formfield input,form .formfield textarea,form .formfield option,form .formfield select{font-family:sans-serif;font-size:1em}form .formfield .button,form .formfield input.ff-checkbox,form .formfield input.ff-radio,form .formfield input.ff-file{width:auto !important;vertical-align:middle}form .formfield-buttons input{width:auto !important;margin-right:3px}form .formfield label.checkbox input.ff-checkbox{float:left;clear:left}form .formfield label .labeltext{display:block;float:left;margin-left:3px}form .formmessage{font-weight:bold;color:red}form .helplink{font-weight:bold;color:#000;margin-left:6px;cursor:pointer}form .editortoggle a{border:0}* .errFld{border:1px solid #F00}* .errMsg{color:#C33}form #AcceptTheTerms{width:95%;height:150px;overflow:auto;border:1px solid #000;padding:3px}#ps-cgh{padding:.5em 0;margin:1em 0;background:#FFDFE0;float:left;border:1px solid #ddbdc0;width:99%}#ps-cw,#ps-cgh noscript{padding:3px 3px 0 6px;margin-bottom:.5em}#ps-cgh input{width:2em}a#mafswitch{padding-left:25px;background:url(http://config.primosite.com/images/icons/mailafriend.png) no-repeat 0 50%;cursor:pointer}a#mafswitch:hover{background-image:url(http://config.primosite.com/images/icons/mailafriend-h.png)}#parameter th{font-size:.8em;text-align:left}.parameters{width:95%}.parameters legend{font-weight:bold}.parameters .formelement{clear:both;width:100%;line-height:20px;display:block}.parameters .formelement:hover{background-color:#666}.parameters .formlabel{float:left;width:200px;vertical-align:middle}.parameters .formfield{float:left;padding-bottom:3px}.parameters button{font-family:sans-serif;font-size:1em}abbr{text-decoration:none;border:0}
form .formlabel {width:20%;}
form .formfield {width:79%!important}
.helptext {clear:both;font-style:italic;}

/* EMAILFORM------------------------------------------------------------------*/
#emailform .date {width: 40%;margin-right:1em;}
#ps-cgh .formlabel {width:80px;}
#form .formlabel {text-align:left;font-weight:bold;}
.header .formlabel,.radio .formlabel {width:100%;text-align:left;font-weight:bold;}
#content #AcceptTheTerms {height:auto;border:none;}

/* SCHOOLGUIDE------------------------------------------------------------------*/
.sg-img {display:block;margin:.5em auto;}

/* SITEMAP----------------------------------------------------------------------*/