body {
margin : 0;
padding : 0;
font : 75% "Trebuchet MS", arial, verdana, tahoma, sans-serif;
line-height : 1.7em;
color : #333;
background : #2e2e2e;
}
#container {
width : 750px;
margin-left : auto;
margin-right : auto;
padding : 5px;
background :#FFFFFF;
}
			/*CONTAINER OTHER THAN HOMEPAGE*/
#container2 {
width : 750px;
margin-left : auto;
margin-right : auto;
padding : 5px;
color : #666;
background : #FFFFFF;
}

			/*LOGO*/
#logo {
height : 150px;
padding : 0 3px 0 0;
margin : 0;
background : url(img/notelogo3.jpg)center no-repeat;
}

			/*TOP NAVIGATION*/
#navlist {
padding : 3px 0;
margin : 0;
border : none;
text-align : center;
letter-spacing: 2px;
color : #666;
background : #451a87;
}
#navlist li {
list-style : none;
margin : 0;
display : inline;
}
#navlist li a {
text-decoration : none;
padding : 3px 1.2em;
margin : 0;
border :none;
color : #333;
background : #00a652;
}
#navlist li a:link {
color : #333;
background : #00a652;
}
#navlist li a:visited {
color : #333;
background : #00a652;
}
#navlist li a:hover {
border : 0 solid #ff66ff;
color : #fff;
background : #f7921e;
}
#navlist li a#current {
text-decoration : none;
color : ##cbeea8;
background : #AC58FA;
 border : none;
}
			/*3 COLUMNS*/
.intro,.intro2,.intro3 {
height : 200px;
margin : 3px 0 5px 0;
padding : 5px;
color : #451a87;
}
.intro {
float : left;
width : 240px;
border-bottom : 5px solid #ffffff;
border-top : 10px solid #ffffff;
background : #00a652;
text-align : justify;

}
.intro2 {
float : right;
width : 238px;
border-bottom : 5px solid #ffffff;
border-top : 10px solid #ffffff;
background : #00a652;
text-align : justify;

}
.intro3 {
float : left;
width : 240px;
border-bottom : 5px solid #ffffff;
border-top : 10px solid #ffffff;
background : #ed1e54;
text-align : justify;

}
.separator {
float : left;
background : url(img/sep.png) no-repeat;
height : 225px;
width : 1px;
}
			/*RIGHT CONTENT*/
#content {
padding : 5px;
margin-left : 255px;
margin-bottom : 0;
border-top : 15px solid #451a87;
text-align : justify;
}

			/*LEFT SIDEBAR*/
#sidebar {
float : left;
width : 240px;
margin : 0 10px 0 0;
padding : 5px;
border-top : 15px solid #451a87;
color : #ffffff;
background : #ffffff;
}
#content p, #sidebar p {
padding : 5px 15px 5px 15px;
color: #000000;
}
#sidebar h1 {
margin : 0;
font : 1.5em "Trebuchet MS", verdana, tahoma, sans-serif;
padding : 0 0 0 20px;
color : #ed1e54;
background : transparent url(img/note2.jpg) left center no-repeat;
}
#content h1 {
margin : 0;
font : 1.5em "Trebuchet MS", verdana, tahoma, sans-serif;
padding : 0 0 0 20px;
color : #00a652;
background : transparent url(img/note.jpg) left center no-repeat;
}
			/*RIGHT CONTENT OTHER THAN HOMEPAGE*/
#content2 {
padding : 5px;
margin-left : 255px;
margin-bottom : 0;
border-top : 15px solid #ffffff;
text-align : justify;
color: #000000;
}
#content2 h1 {
margin : 0;
font : 1.5em "Trebuchet MS", verdana, tahoma, sans-serif;
padding : 0 0 0 20px;
color : #00a652;
background : transparent url(img/note.jpg) left center no-repeat;
}



			/*LEFT SIDEBAR OTHER THAN HOMEPAGE*/
#sidebar2 {
float : left;
width : 240px;
margin : 0 10px 0 0;
padding : 5px;
border-top : 15px solid #ffffff;
background : #ffffff;
}
#content2 p, #sidebar2 p {
padding : 5px 15px 5px 15px;
}
#sidebar2 h1 {
margin : 0;
font : 1.5em "Trebuchet MS", verdana, tahoma, sans-serif;
padding : 0 0 0 20px;
color : #5F04B4;
background : transparent url(img/note2.jpg) left center no-repeat;
}
#content2 p, #sidebar2 p {
padding : 5px 15px 5px 15px;
}



			/*FOOTER*/
#footer {
clear : both;
padding : 3px;
margin : 0 0 0 0;
font-size : 0.9em;
border-top : 5px solid #451a87;
color : #333;
background : #BE81F7;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #fff;
border-bottom : none;
}
#footer a:hover {
border-bottom : none;
background : inherit;
color : #333;
}
			/*TYPOGRAPHY*/
h2 {
padding : 0;
margin : 0 5px 0 5px;
letter-spacing: 3px;
font : 160% verdana, arial, "Trebuchet MS", tahoma, sans-serif;
color : #000000;
background : inherit;
}
h3 {
font : verdana, arial, "Trebuchet MS", tahoma, sans-serif;
color : #f7921e;
text-decoration: underline;
line-height: 0pt;
}
p.workshop {    
margin-right: 25px;
  }


p.intro {
color : #000000;
text-align : justify;
}
p.center {
text-align : center;
}
			/*LINKS*/
a {
text-decoration :underline;
color : #f7921e;
background : inherit;
}
a:hover {
text-decoration : none;
color : #451a87;
background : inherit;
}
a img {
border : 0;
}
			/*IMAGES*/
.img {
float : left;
padding : 4px;
margin : 4px;
border : 1px solid #556b2f;
}
.imgleft {
float : left;
padding-left : 15px;
padding-right : 10px;
}