* 
{
margin : 0;
padding : 0;
}

body {
padding-top : 0;
font : 73% "Trebuchet MS", verdana, arial, sans-serif;
background : #eee;        									/* backgroud color */
color : #000;
text-align:justify;
}
		
			/*WRAP*/
	
#wrapper {
width : 750px;
margin : 0 auto;
border : 5px solid #fff;
background : #FBFAF4 url('img/sideB.gif') repeat-y; 			/* color of the main text backgroud */ 
color : #666;
}

			/*HEADER*/
			
#header {
width : 750px;
height : AUTO;												/* 210 can decrease or in the hight of the header */
float : center;
margin : 0 0 0 0 ;
color : #666
}

#banner {
font-size : 110%;
width : 100%;		
float : right;
height : 35px;
text-align: right;
margin : 0;
padding : 0;
border-bottom : 1px solid #fff;								/*color of the border below the upper header */
color : #fff;												/*black color of the small lines at the top  */background :#0eb3ca;											/* color of the backg at the top most */

}

#banner a {

margin : 5px;
color : #fff;												/* color of the text at the top */
}

#banner a:hover {
color : #1C5D63;											/* color of the text at the top when put the cursor on */
}

			/*NAVIGATION*/
			
#navcontainer {
width : 150px;
margin : 0px;
}

#navcontainer ul {
margin-left : 0;
padding-left : 0;
list-style-type : none;
}

#navcontainer a {
display : block;
padding : 3px;
width : 143px;
border-bottom : 1px solid #eee;
background : #369;										/* no */
color : #eee;											/*    */
}

#navcontainer a:link, #navlist a:visited {
color : #eee;											/* color of the text of the sidebar */
background : #0eb3ca ;							/*369 color of the display of the sidebar 4f73ca */
text-decoration : none;
}

#navcontainer a:hover {
background : #b9d0d2  ;										/*036, D6CAAD  428b53, 1e9eaf, bea9de   */
color : #fff;											/* */
}
			
			/*SIDEBAR*/
			
#sidebar {

float : left;
width : 150px;
height : auto;
padding : 0;
margin : 0px;
border-top : 1px solid #fff;							/* color of the border of siderbar at top*/
font-size : 95%;
line-height : 1.7em;
/* background : #D0D1DF;			*/					/* sidebar upper background color */
color : #333;
}
			
			/*CONTENT*/
			
#content {
float : left;
width : 570px;
margin : 0px 0 0 10px;
line-height : 1.8em;
}
			
			
			/*FOOTER*/
		
#footer {
clear : both;
width : 555px;
margin-left : 150px;
padding-left : 1px;
text-align : center;
border-top : 3px solid #0eb3ca;			/* color of the border at the top footer */
}
		
			/*TYPOGRAPHY*/
	
p {
margin : 10px 20px 10px 15px;
color : #666;
background-color : inherit;
}

h1 {
margin : 0;
padding : 20px;
font-size : 200%;
letter-spacing : 5px;
color : #000;
background : inherit;
}

h2 {
margin : 0 0 0 15px;
padding : 0;
font-size :123%; 				/* 120%; */
letter-spacing : 0px;			/* 5px */
text-transform : none;
color : #0eb3ca;					/* 1e9eaf; */
background : inherit;
}

h3 {
margin : 10px 0 10px 0px;
padding : 0 0 0 3px;
text-transform : uppercase;
font-size : 140%;
letter-spacing : 2px;
color : #0eb3ca;
background : inherit;
border-bottom: 1px solid #0eb3ca;
width: 263px;
}

	
			/*CLASS*/
			
img {
	border: none;
}

.img_right_style
{
float:right;
padding: 5px 5px 5px 5px;
border:none;
}
.img_left_style
{
float:left;
height : auto;
width : auto;
padding: 0 0px 0px 5px;
border:none;
}

.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 : #369;
background : inherit;
}

a:hover {
color : #333;
background : inherit;
}

a img {
border : none;
}