body {
margin:0;
padding:0;
font: 12px/18px Arial;
background-color: #FFCC44;
}
/* Common Elements */
h1 {
font-size: 24px;
line-height:24px;
color: #333333;
}
h2 {
font-size: 18px;
line-height:24px;
color: #666666;
margin:0;
padding:.5em;
}
h3 {
font: 12px bold;
line-height:18px;
}
h4 {
font-size: 10px;
line-height:12px;
}
h5 {
font-size:10px;
line-height:12px;
}
a{
text-decoration:none;
}
a:link {
color: #eb29c9;
}
a:visited {
color: #eb29c9;
}
a:hover {
color: #660066;
}
a:active {
color: #FF6600;
}


/* Navigation */
#navContent{
border-left:2px solid #35006C;
border-right:2px solid #35006C;
border-bottom:2px solid #35006C;
background: #FFCC44;
width:176px;
padding:6px;
}
#sidebarContent{
width:100%;
position:relative;
border-top:2px solid #35006C;
border-bottom:2px solid #35006C;
list-style:none;
}
#sidebarContent a{
width: 176px;
line-height:40px;
font-size:32px;
padding:0 0 0 16px;
margin-left:0;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
display:block;
}
#sidebarContent li {
list-style: none;
}
#sidebarContent li:hover a{
color:#FFFFFF;
background-color:#36006C;
}
#sidebarContent li:hover ul, #sidebarContent li.over ul{
left:auto;
display:block;
position:absolute;
}
#sidebarContent li ul{
position:relative;
width:188px;
margin-left:136px;
margin-top:-40px;
display:none;
}
#sidebarContent li ul a{
text-transform:none;
}
#sidebarContent li ul:hover {
display:inline;
float:right;
}
#sidebarContent li li{
margin:0;
width:188px;
display:block;
}
#sidebarContent li ul a{
text-transform:none;
color:#999999;
}
#sidebarContent li ul li{
background: #999999;
width:188px;
}
#sidebarContent li ul li a{
width:188px;
padding:0 0 0 16px;
display: block;
text-decoration: none;
}
#sidebarContent li ul li a:hover{
background: #FFCC44;
color: #000000;
}
#sidebarContent ul {
list-style: none;
width: 188px;
line-height:18px;
}
#sidebarContent ul li {
position: relative;
}
#sidebarContent ul li a:hover { 
background: #FFCC44;
color: #000000;
border:1px solid #eb29c9;
width:186px;
line-height:38px;
}


/* Structure */
/*#leftBackground{
width:100%;
background-attachment:fixed;
background-position:top left;
background-image:url(/images/backgroundleft.png);
background-repeat:repeat-y;
}
#rightBackground{
width:100%
background-attachment:fixed;
background-position:top right;
background-image:url(/images/backgroundright.png);
background-repeat:repeat-y;
}*/
#rightFade{
background-image: url(/images/faderight.png);
background-position:right;
background-repeat:repeat-y;
width:944px;
margin: auto;
}
#leftFade{
background-image: url(/images/fadeleft.png);
background-position:left;
background-repeat:repeat-y;
width:944px;
margin: auto;
}
#wrap {
margin:0 auto;
width:920px;
background-repeat: repeat;
background-image: url(/images/background.gif);
border-left:2px solid #35006C;
border-right:2px solid #35006C;
}
#header {
margin-bottom:36px;
}
#header h1 {
padding:5px;
margin:0;
}
#content{
margin:0 12px;
padding:0 0 24px 0;
}
#adminPanel{
padding:12px 6px;
border:#333333 1px dashed;
text-align:center;
margin: 0 0 24px 0;
background:#999999;
width:668px;
}
#main {
float:right;
position:relative;
}
#main h2, #main h3, #main p {
padding:0 10px;
}
.indexContent{
border-left:2px solid #35006C;
border-right:2px solid #35006C;
border-bottom:2px solid #35006C;
padding:6px;
background: #FFCC44;
}
.clearFloat{
clear:both;
}
.itemContainer{
width:684px;
margin-bottom:24px;
}
#sidebar {
float:left;
width:188px;
}
#sidebar ul {
margin-bottom:0;
}
#sidebar h3, #sidebar p {
padding:0 10px 0 0;
}
#sidebar .subNav{
width:180px;
}
.subNav{
background:#35006C;
text-align:right;
padding:3px 6px;
color:#FFFFFF;
}
#newFruit{
color:#FFB7FF;
border:#35006C 2px solid;
background:#0074FF;
width:96px;
margin:0 auto 24px auto;
padding:6px 12px;
}
#footer {
width:670px;
color:#FFB7FF;
border:#35006C 2px solid;
background:#0074FF;
clear:both;
margin:24px 0 0 212px;
padding:5px;
}
#footer p {
margin:0;
}


/* Repeating Elements */

.list-line-1 {
background: #33FFFF;
padding:12px 6px 6px 18px;
border-left:2px solid #35006C;
border-right:2px solid #35006C;
border-bottom:2px solid #35006C;
}
.list-line-2 {
background:#2CF7C4;
padding:12px 6px 6px 18px;	
border-left:2px solid #35006C;
border-right:2px solid #35006C;
border-bottom:2px solid #35006C;
}
.list-line-3 {
background:#33FF99;
padding:12px 6px 6px 18px;	
border-left:2px solid #35006C;
border-right:2px solid #35006C;
border-bottom:2px solid #35006C;
}
.list-line-4 {
background:#33FF66;
padding:12px 6px 6px 18px;
border-left:2px solid #35006C;
border-right:2px solid #35006C;
border-bottom:2px solid #35006C;
}
.list-line-5 {
background: #33FF33;
padding:12px 6px 6px 18px;
border-left:2px solid #35006C;
border-right:2px solid #35006C;
border-bottom:2px solid #35006C;
}
.list-line-6 {
background:#A1FF33;
padding:12px 6px 6px 18px;
border-left:2px solid #35006C;
border-right:2px solid #35006C;
border-bottom:2px solid #35006C;
}
.list-line-7 {
background:#E5FF33;
padding:12px 6px 6px 18px;
border-left:2px solid #35006C;
border-right:2px solid #35006C;
border-bottom:2px solid #35006C;
}
.list-line-8 {
background: #FFE533;
padding:12px 6px 6px 18px;
border-left:2px solid #35006C;
border-right:2px solid #35006C;
border-bottom:2px solid #35006C;
}
.list-line-9 {
background: #FFB533;
padding:12px 6px 6px 18px;
border-left:2px solid #35006C;
border-right:2px solid #35006C;
border-bottom:2px solid #35006C;
}
.list-line-10 {
background: #FF9D33;
padding:12px 6px 6px 18px;
border-left:2px solid #35006C;
border-right:2px solid #35006C;
border-bottom:2px solid #35006C;
}
.picture-1 img{
width:240px;
margin:0 30px;
border: 3px solid #C000FF;
float:left;
margin-bottom:24px;
}
.picture-2 img{
width:240px;
margin:0 30px;
border: 3px solid #0078FF;
float:left;
margin-bottom:24px;
}
.picture-3 img{
width:240px;
margin:0 30px;
border: 3px solid #33D1FF;
float:left;
margin-bottom:24px;
}
.picture-4 img{
width:240px;
margin:0 30px;
border: 3px solid #DBFF33;
float:left;
margin-bottom:24px;
}
.picture-5 img{
width:240px;
margin:0 30px;
border: 3px solid #FFB033;
float:left;
margin-bottom:24px;
}
.picture-6 img{
width:240px;
margin:0 30px;
border: 3px solid #FFD97F;
float:left;
margin-bottom:24px;
}
.picture-7 img{
width:240px;
margin:0 30px;
border: 3px solid #59FF33;
float:left;
margin-bottom:24px;
}
.picture-8 img{
width:240px;
margin:0 30px;
border: 3px solid #BE33FF;
float:left;
margin-bottom:24px;
}
.picture-9 img{
width:240px;
margin:0 30px;
border: 3px solid #33B5FF;
float:left;
margin-bottom:24px;
}
.picture-10 img{
width:240px;
margin:0 30px;
border: 3px solid #A1FF33;
float:left;
margin-bottom:24px;
}
.picture-11 img{
width:516px;
margin:0 30px;
border: 3px solid #33B5FF;
float:left;
margin-bottom:24px;
}
#picture-11{
width:516px;
margin:0 30px;
border: 3px solid #33B5FF;
margin-bottom:24px;
}