* {
margin : 0;
padding : 0;
}
body {
padding-top : 0;
font-family : "Arial", san-serif;
font-size : 80%;
background : #E8F2FB;
color : black;
}
			/*WRAP*/
#wrapper {
width : 750px;
margin : 0 auto;
border : 5px solid white;
background : white url(img/sidebar.gif) repeat-y;
color : #5B50FD;
}
			/*HEADER*/
#header {
width : 600px;
height : 210px;
float : right;
margin : 0;
background : url(img/banner.jpg) no-repeat;
color : #5B50FD;
}
#banner {
width : 100%;
height : 35px;
text-align: right;
margin : 0;
padding : 0;
border-bottom : 3px solid white;
color : white;
font-weight : bold;
background : #5B50FD;
}
#banner a {
margin : 5px;
color : white;
background : inherit;
}
#banner a:hover {
color : black;
background : inherit;
}
			/*NAVIGATION*/
#navcontainer {
width : 150px;
margin : 0 0 20px 0;
}
#navcontainer ul {
margin-left : 0;
padding-left : 0;
list-style-type : none;
}
#navcontainer a {
display : block;
padding : 3px;
width : 143px;
border-bottom : 1px solid white;
background : #5B50FD;
color : white;
font-weight : bold;
}
#navcontainer a:link, #navlist a:visited {
color : white;
background : #5B50FD;
text-decoration : none;
}
#navcontainer a:hover, #navcontainer a.current {
background : orange;
color : white;
}
			/*SIDEBAR*/
#sidebar {
float : left;
width : 150px;
padding : 0;
margin : 0;
border-top : 1px solid white;
font-size : 100%;
line-height : 1.5em;
background : #D8EBFE;
color : black;
}
			/*CONTENT*/
#content {
float : left;
width : 570px;
margin : 5px 0 0 20px;
line-height : 1.8em;
}

#content li {
margin-left: 40px;
}

			/*FOOTER*/
#footer {
clear : both;
width : 600px;
margin-left : 150px;
padding-left : 5px;
text-align : center;
border-top : 5px solid #5B50FD;
color : gray
}
			/*TYPOGRAPHY*/
p {
margin : 10px 20px 10px 15px;
color : black;
background-color : inherit;
}
h1 {
margin : 0;
padding : 10px;
font-size : 200%;
letter-spacing : 3px;
line-height : 1.2em;
color : black;
background : inherit;
}
h2 {
margin : 0 0 0 12px;
padding : 0;
font-size : 130%;
letter-spacing : 3px;
text-transform : uppercase;
color : blue;
font-weight : bold;
background : inherit;
}
h3 {
margin : 10px 20px 10px 15px;
padding : 0;
font-size : 110%;
letter-spacing : 3px;
color : black;
font-weight : bold;
text-decoration: underline;
background : inherit;
}
blockquote {
margin : 10px 20px 20px 15px;
font-weight : bold;
font-style : italic;
color : orange;
font-size : 160%;
text-align : center;
}
			/*CLASS*/
.img {
margin : 0 0 10px 0;
}
.myborder {
border : 1px solid #fff;
padding : 5px;
margin : 0 0 0 4px;
}
.myimg {
float : left;
border : 1px solid #eee;
padding : 5px;
margin : 5px 10px 10px 4px;
}
.mylogo {
margin-right : auto;
}
			/*LINKS*/
a, a:visited {
text-decoration : none;
color : teal;
background : inherit;
}
a:hover {
color : blue;
background : inherit;
}
a img {
border : none;
}