@import "reset.css";

@import "topnav.css";

@import "upload.css";



html,body {

 height: 100%; min-height: 100%

}



body {

 background-color: #e5e5e5; color: Black; font: .76em/normal "Arial", Helvetica, Arial, sans-serif;

}



.center {

 text-align:center;

}

.right {

 text-align: right;

}



a:link, a:visited { 

 color: #0081BF; text-decoration:none;

 /*font-weight: bold;*/

}

a:hover {

 color: #666666; text-decoration:none;

 /*font-weight: bold;*/

}



img.rflt {

 display: inline; float: right; margin: 0 0 10px 10px;

}

img.lflt {

 display: inline; float: left; margin: 0 10px 10px 0;

}



p { 

 padding: .5em 0; 

}



hr { 

 height: 0; padding: 0; border: 0; border-bottom: solid 1px Black;

}



#menu, ul#sections, ul.reset, ul.reset li, #sections li.section {
 list-style: none; margin: 0; padding: 0; background-image: none; width:100%;
}



/* Site structure */

#content {

 width: 803px;
  

}



#home #content {

 width: 828px; height: 270px; background: White url(../images/grad3.gif) top left repeat-x; color: Black;

}





#container {

 position: absolute; top: 0; left: 0; z-index: 1; width: 100%; min-height:100%;

}



#bars {

 width: 100%; float: left; background-color: Black;

}



.zebra {

 background: url(../images/pattern1.gif);

}







#mainbar {

 float: left; width: 580px; min-height: 660px; background-color: #fdfbfb;

}

* html #mainbar {

 height: 660px;

}

#mainbar .wrap {

 padding: 10px 10px 0 10px;

}



#sidebar {

 display: block;float:left;width: 223px;

}

#sidebar .wrap

, #sidebar-wrap {

 padding: 8px 16px;

}



#sidebar a {

 color: White;

}





.c {

 clear: left; padding: 5px;

}



#mainbar .c hr {

 margin-right: -3px; margin-left: -3px;

}



.article {

 float:left;width: 560px;padding-bottom:15px;

}



.article table{

 line-height: 1.5em;

}

.article a

, .article a:visited {

 color: #0081BF;

}

.article ul.reset {

 padding: 0 0;

}











#home #masthead {

 border-bottom: solid 1px #b4bdc8; background-color: #77befb;

}

#home #masthead .content {

 background: #bebebe url(../images/multi-grad1.gif) bottom left repeat-x;

}

#home #masthead .middlebar {

 margin-left: 198px; background-color: #6e6e6e;

}

#home #masthead .middlebar .b {

 width: 631px; border-right: solid 1px #8d8d8d; background-color: #2d689a

}

#home #masthead .middlebar .w {

 min-height: 203px; border-right: solid 1px #2c2b2b;

}

* html #home #masthead .middlebar .w {

 height: 203px;

}

#home #masthead .footer {

 background-color: #77befb;

}

#home #masthead .footer .b {

 width: 829px; border-right: solid 1px #94c5ef; background-color: #1290fb;

}

#home #masthead .footer .w {

 position: relative; height: 20px; border-right: solid 1px #346c9d;

}

















body.inner #masthead {

 background-color: #f9ed81;

}

body.inner #masthead .b {

 width: 645px;

 border-right: solid 1px White; 

}

body.inner #masthead .content {

 background: #666768 url(../images/grad2.gif) top left repeat-x;

}

body.inner #topbar {

 margin-left: 158px;

 background-color: #7f7f7f;

}

body.inner #topbar .b {

 position: relative;

 height: 55px;

 background-color: #040404;

}

body.inner #topbar img#dog {

 position: absolute;

 top: 8px;

 right: 5px;

}

body.inner #masthead .footer {

 width: 803px;

 height: 10px;

 border-right: solid 1px White;

 border-bottom: solid 1px #9a8e2d;

 background-color: #f4db04;

}

































#background {

 min-height: 100% !important;

 width: 828px;

 background-color: black;

 border-right: solid 1px #9f9e9e;

}



* html #background { height: 100%; }



body.inner #background {

 width: 804px;

 border-right-color: white;

}



#logo {

 position: absolute;

 top: 15px;

 left: 39px;

 z-index: 1;

}



body.inner #logo {

 top: 10px !important;

 left: 33px !important;

}



#home .banner {

 position: absolute;

 top: 13px !important;

 top: 27px;

 left: 30px;

 z-index: 2;

}





/* Navbar generic */



#navbar {

 background-color: #77befb;

}

#navbar .b {

 height: 36px;

 background: #1290fb url(../images/grad4.gif) top left repeat-y;

}

#navbar .wrap {

 padding: 11px 18px 11px 10px;

 text-align: right;

}

#navbar a.login {

 font-size: 10px;

 text-transform: uppercase;

}



/* Navbar Home */



#home #navbar {

 margin-left: 198px;

}

#home #navbar .b {

 width: 631px;

 border-right: solid 1px #94c5ef;

}

#home #navbar .wrap {

 border: 0px solid #346c9d;

 padding-right: 0px;

}



/* Navbar Inner page */



body.inner #navbar {

 margin-left: 158px;

}







































/* Welcome */



#welcome {

 padding: 35px 35px 35px 140px;

 color: White;

}



#welcome p {

 padding: 0;

}





























/* Section */





#sections .head {

 padding: 4px;

 background-color: #040404;

 color: White;

}

#sections li.section {

 float: left;

}

#sections li .title {

 padding: 7px 0 7px 72px;

 background-position: center left;

 background-repeat: no-repeat;

}



#sections li#join-nasc .title { background-image: url(../images/icons/animals/cat.jpg); }

#sections li#seal .title, 

#sections li#newsletter .title { background-image: url(../images/icons/animals/horse.jpg); }

#sections li#news .title { background-image: url(../images/icons/animals/dog.jpg); }



#sections li .wrapper {

 padding: 5px 5px 0 10px;

 background-color: #d4d5d5;

}



#sections input.text {

 width: 160px;

 background-color: White;

} 







#home #sections {

 float: left;

 padding-left: 0px;

 background-color: #d4d5d5;

 margin: 5px 0;

}

#home #sections li.section {

 width: 263px !important; width: 268px;

 border-left: solid 6px White;

}

#home #sections li .head { border-bottom: solid 4px White; }

#home #sections li .body {  min-height: 150px; }

* html #home #sections li .body {  height: 150px; }

#home #sections li .more { text-align: right; }





body.inner #sections li {

 width: 191px;

}

body.inner #sections .body {

 font-size: .9em;

}

body.inner #sections li {

 margin-bottom: 1em;

}

body.inner #sections .head {

 background-color: #2d2f2f;

}

body.inner #sections img.readmore {

 margin-left: -7px;

}

body.inner #sections input.signup {

 margin-left: -5px;

}





/* Footer */



#footer {

 clear: left;

 background-color: #1189ee;

 color: Black;

 height: 33px;

}



#footer .links {

 padding: 10px 12px;

}



#footer .nav a {

 font-size: .75em;

 text-transform: uppercase;

}



#home #footer {

 width: 828px; border-bottom: solid 4px White;

}



















h1 img, h2 img, h3 img { display: block; }



h1.master {

 float: left;

 padding: 7px 10px;

 background-color: Black;

 color: White;

}



h3 {

 padding: .5em 0;

 color: #0099ff;

 font-size: 14px;

 font-weight: bold;

}



h3.system {

 font-size: 18px;

 color: Black;

 font-weight: normal;

}



















/* Forms */



fieldset {

 padding: .5em 0;

}



fieldset.search #query {

 width: 190px;

 margin-top: 3px;

}



fieldset.search * {

 vertical-align: middle;

}



fieldset.login {

 width: 200px;

 margin-left:50px;

}



fieldset.login input.text {

 width: 188px;

}



fieldset.newsletter {

 border:0px solid; margin: 0; padding: 0;

}



input.after {

 margin-top: .5em;

}



label.beforefield {

 padding-left: 3px;

}



input.text {

 padding: 5px;

 border: solid 1px #9e9d9d;

 background-color: #e4e1e1;

 font-size: 1em;

 font-family: Helvetica, Arial, sans-serif;

}



.buttons {

 text-align: right;

}



input.enter {

 border: 0;

 background-color: #fdfbfb;

 color: #1290fb;

 font-size: 15px;

 font-family: Helvetica, Arial, sans-serif;

}















#mainbar .wrap .blog .blogentry {

 background: transparent url(../images/left-top-corner-box.jpg) left top no-repeat; padding: 10px 0 0 16px;

}



/* Alphabet */



.alphabet {

 font-size: 1.15em;

 line-height: 1.5em;

 text-align: center;

}

.alphabet a,

.alphabet a:visited {

 color: #0779f9;

 font-family: Helvetica, "Arial", sans-serif;

}



.alphabet a.on,

.alphabet a:hover {

 color: #d30202 !important;

}







/* Ingredients list */



#ingredients .letter {

 margin: .3em 0;

 padding: 3px 5px;

 border: solid 1px #9f9e9e;

 background-color: Black;

 color: #1290fb;

 font-size: 24px;

}



#ingredients ul li {

 padding: 2px 3px; background-image:none;

}



#ingredients ul a {

 font-size: 1.1em; color:black;

 font-family: Helvetica, "Arial", sans-serif;

}



#ingredients ul a:hover {

 color: #d30202;

}













ul.list1 li {

 padding: .3em 0;

}



ul.list1 a,

ul.list1 a:visited {

 color: #015196;

 font-size: 1.2em;

 font-family: Helvetica, "Arial", sans-serif;

}



ul.list1 a:hover {

 color: #8e090e;

}



ul.list1 li ul li{ 

 margin-left:20px; list-style-type:disc;

}







#banner2 {

 width: 100%;

 position: relative;

 z-index: 1;

 min-height: 171px;

}

* html #banner2 {

 height: 171px; /* to support bottom positioning */

}

#banner2 img.main {

 display: block;

}

#banner2 h1 {

 position: absolute;

 bottom: 7px;

 left: 20px;

}



/**/

.inner table.contentpane, .inner table.contentpaneopen {

 width: 528px;

}





/* Downloads */



ul#downloads li {

 padding: 1em 0 1em 40px;

 background-position: center left;

 background-repeat: no-repeat;

}



ul#downloads li.ai { background-image: url(../images/icons/file-types/ai.gif); }

ul#downloads li.eps { background-image: url(../images/icons/file-types/eps.gif); }

ul#downloads li.jpeg { background-image: url(../images/icons/file-types/jpeg.gif); }

ul#downloads li.pdf { background-image: url(../images/icons/file-types/pdf.gif); }

ul#downloads li.doc { background-image: url(../images/icons/file-types/doc.gif); }

ul#downloads li.txt { background-image: url(../images/icons/file-types/txt.gif); }

ul#downloads li.xls { background-image: url(../images/icons/file-types/xls.gif); }

ul#downloads li.pub { background-image: url(../images/icons/file-types/pub.gif); }

ul#downloads li.mp3,ul#downloads li.wav { background-image: url(../images/icons/file-types/audio.gif); }

ul#downloads li.wmv,ul#downloads li.avi { background-image: url(../images/icons/file-types/video.gif); }



ul#downloads li .title a {

 color: #0779f9;

}



ul#downloads li .title a:hover {

 text-decoration: underline;

}



ul#downloads li .desc {

 padding: 0;

}



/*Poll*/

.poll {

 background-color:#FFFFFF; width: 100%;

}

.poll thead {

 height: 40px; background-color:#333333; color:#FFFFFF;

}

.poll thead td{

 padding: 0px 5px;

}

#poll table.pollcontainer {

 width:190px;

 width:192px !important;

 background-color: #d4d5d5;

 padding: 0 0 5px 0;

}

#poll table.pollcontainer .intro, #poll table.pollcontainer .body {

 padding: 5px 5px 0px 5px;

}

/*End Poll*/



/*Tool bar*/

.inner .adminform #toolbar {

 margin-right: 40px;

}

/*

.inner .tab-page .button {

 background-image: none; padding: 0 0;

}*/

/*End Tool bar*/



/*Over Div*/

div#overDiv {

	border: 1px solid #FFC;

}

#overDiv table table{

	padding: 5px 5px 5px 5px; border: 0px solid black;

}

/*End Over Div*/



/*Message*/

/*Message about validation and action result*/

#message {color:#000000;font-size:11px;clear: both;margin: 0 0 0 0;padding:0 0 0 10px;border: 1px solid #c9c9c9;background: #FFFFDD;}

#message img { float:right;}

#message ul{margin:0 0;padding:0 0 15px 50px; width:100%;}

#message .message_error{background:url(../images/alert.gif) 0% 0% no-repeat;}

#message .message_error .header{padding-left:0px; background-image: none; font-weight:bold;color:#8B0000;}

#message .message_success{margin-top:5px;background:url(../images/ok.gif) 0% 0% no-repeat;}

#message .message_success .header{padding-left:0px; background-image: none; ;font-weight:bold;color:#008000;}

/*End Message*/



/*Validation*/

.inputHighlighted { color: red;}

.inputNormal {color: black;}

.inputRequired {padding-right : 10px; background:url('../images/star.gif') right top no-repeat;}

/*End Validation*/



/**/

table.mypane {

 border: 1px solid #CCC;

 padding: 0px 0px;

 border-collapse: collapse;

 border-spacing: 0px;

 margin:0px auto 0px !important ;

 margin-left: 150px;

}



table.mypane td  {

 margin: 0px;

 padding: 0px;

}



table.mypane td.userinput  {

 padding: 0px 10px 5px 10px;

}



table.mypane div {

 padding: 0px 10px 0px 10px;

}



table.mypane #submit {

 float: right;

}



table.mypane div.mypane-heading {

 background: url(../images/subhead_bg.png) left -1px repeat-x;

 color: #666666;

 text-align: left;

 padding: 2px 0px 2px 10px;

 height: 21px;

 font-weight: bold;

 font-size: 10px;

 text-transform: uppercase;

}



/*Login Form*/



form#login .userinput {

 width: 200px;

}



form#login .label, #lostPassword .label {

 width: 100px;

}



form#login .text input {

 width: 100px;

}





#lostPassword .userinput {

 width: 270px;

}



#lostPassword .text input {

 width: 150px;

}



form#registration .label {

 width: 120px;

}

form#registration .text input {

 width: 185px;

}

/*End Login Form*/



/*editIngredient*/

table#editIngredient {

 margin-bottom: 5px;

}

table#editIngredient td {

 vertical-align: top;

}

table#editIngredient .label {

 width: 100px;

}

table#editIngredient #name, table#editIngredient #description, table#editIngredient #rolecode {

 width: 400px;

}



table#editIngredient #description {

 height: 250px; font-family: Arial, Helvetica, sans-serif;

}



table#editIngredient #childid, table#editIngredient #roletype, table#editIngredient #roleid {

 width: 403px;

}



table#editIngredient #users, table#editIngredient #roleusers {

 width: 223px;

}

table#editIngredient .otbutton input {

 width: 40px; vertical-align:middle;

}



table#editIngredient td.category td {

  border:0px solid white; width:50%;

}

/*End editIngredient*/



/*Contact Email*/

.contact_email {

 border: 1px solid #777;

 padding: 10px 10px;

}

.contact_email table td.label {

 width: 120px; background-color: #e5e5e5; vertical-align:top; padding-left: 5px;

}

.contact_email table tbody input {

 width: 150px;

}



.contact_email .left_container {

 float:left;

}

.contact_email .right_container {

 float:right;

}



.contact_email #subject

, .contact_email #address

, .contact_email #businessname

, .contact_email #text

{

 width: 380px;

}

.contact_email #text{

 font-family:Arial, Helvetica, sans-serif;

}

/*End Contact Email*/



/*Newsletter*/

#newsletter .smallgrey {

 display:none;

}

#newsletter #lm_email {

 width: 160px;

}

#newsletter .button {

 width:81px; height:26px; background: transparent url(../images/buttons/sign-up.gif) left top no-repeat; border:0px solid #000; font-size:0px; text-align:left; padding-left:14px; margin-top:5px;

}

/*End Newsletter*/



/*News*/

#news a.dn-title {

 color: black; font-weight:normal;

}

#news .dn-date {

 font-weight:bold;

}

/*End News*/

/*Greeting Section*/

#greeting-section {

width:540px; background: White url(../images/hshadow.gif) right bottom no-repeat; padding: 0px 0px 10px 0px;

}

#greeting-section .greeting-body {

 width:540px; padding: 10px 10px; border:1px solid #D2D2D2;

}

/*End Greeting Section*/



table.tableA { border-collapse: collapse; border: solid 1px #2d2f2f; }

table.tableA th { background-color: #2d2f2f; color: #fff; }

table.tableA td { vertical-align: top; }



table.tableA tr.odd { background-color: #dedede; }

table.tableA tr.even { background-color: #f1f2f2; }

table.tableA tr.highlight { background-color: #a6d0f2 !important; }

table.tableA tr.nd td, table.tableA td.logo { border-bottom: solid 1px #dedede; }



.side-section{

margin:0 0;padding:0 0;padding-left:5px;

background:transparent url(../images/bg.gif) left top repeat-y;

}

.side-section ul.list1{

padding-top:4px;

}

.side-section ul.list1 li{

line-height: 10px;margin-top:0px;margin-bottom:0px;padding:0 0;font-size:9px;padding-left:10px;margin-left:5px;list-style-type:none;

}

.side-section a:hover{

text-decoration:underline;

}



.mtype1 a.mainlevel:link,.mtype1 a.mainlevel:visited { background: url(../images/menu_bg1.gif) no-repeat;}

.mtype2 a.mainlevel:link,.mtype2 a.mainlevel:visited { background: url(../images/menu_bg2.gif) no-repeat;}

.mtype3 a.mainlevel:link,.mtype3 a.mainlevel:visited { background: url(../images/menu_bg3.gif) no-repeat;}

.mtype4 a.mainlevel:link,.mtype4 a.mainlevel:visited { background: url(../images/menu_bg4.gif) no-repeat;}

.mtype5 a.mainlevel:link,.mtype5 a.mainlevel:visited { background: url(../images/menu_bg5.gif) no-repeat;}

.mtype6 a.mainlevel:link,.mtype6 a.mainlevel:visited { background: url(../images/menu_bg6.gif) no-repeat;}

.mtype7 a.mainlevel:link,.mtype7 a.mainlevel:visited { background: url(../images/menu_bg7.gif) no-repeat;}

.mtype8 a.mainlevel:link,.mtype8 a.mainlevel:visited { background: url(../images/menu_bg8.gif) no-repeat;}

.mtype9 a.mainlevel:link,.mtype9 a.mainlevel:visited { background: url(../images/menu_bg9.gif) no-repeat;}

.mtype10 a.mainlevel:link,.mtype10 a.mainlevel:visited { background: url(../images/menu_bg10.gif) no-repeat;}



.mtype1 a.mainlevel:hover, .mtype2 a.mainlevel:hover, .mtype3 a.mainlevel:hover, .mtype4 a.mainlevel:hover, .mtype5 a.mainlevel:hover

,.mtype6 a.mainlevel:hover, .mtype7 a.mainlevel:hover, .mtype8 a.mainlevel:hover, .mtype9 a.mainlevel:hover, .mtype10 a.mainlevel:hover

{

 background-position: 0px -25px;

}