body{
    background-image:url('../images/perception.gif');
    background-repeat: no-repeat;
    background-position: 1% 40px;
	  background-color: #ffffff;
    color: #000082;
    margin: 20px;
    font-family: Arial, Helvetica, sans-serif;     /* font-family: "Comic Sans MS", cursive, Arial, sans-serif */
    font-size: medium;
    font-style: normal;
    padding: 0;
    border: 0; 
}

img{border: 0;}

li{padding: 5px;}

#container{
    width: 90%; 
    margin: 20px 5% 20px 5%;
    border: 0; 
    padding: 0;
    box-shadow: 10px 10px 5px #ddccb5;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff , #C5E2F0); 
    background-color: #E2F1F8; 
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
#containerWho{
    width: 90%; 
    margin: 20px 5% 20px 5%;
    border: 0; 
    padding: 0;
    box-shadow: 10px 10px 5px #ddccb5;
    border-radius: 20px;
    background: linear-gradient(180deg, #C5E2F0, #ffffff);
    background-color: #E2F1F8; 
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
#header{
    height: 120px;
    border: 0; 
    padding: 0;
    margin: 0;
    border-radius: 20px;
}

#headerleft{
    height: inherit;
    width: inherit;
    /* background-color: #ffff33; */
    float: left;
    margin: 0;
    padding: 0;
    border-radius: 20px;
}

#headermain{
    margin-left: 170px;
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    float: none;
    border-radius: 20px;
}

#headerimg1{
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 30px;
    padding: 0;
    border: 0;
    width:100px;
    height:100px;
    float: left;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #ddccb5;
}

#headerimg2{
    margin-top: 20px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    border: 0;
    width:550px;
    height:40px;
}

h1{
    color:#000052;
    font-family: Rockwell, "Comic Sans MS", cursive, sans-serif;
    font-style: italic;
    text-shadow: 2px 2px 2px #E3EBEF;
}

#topmenu{
    height: auto;
    /*background-color: #444444;*/
    border: 0; 
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 170px;
    margin-right: 0;    
}

#topmenu ul{
    list-style-type: none;
    margin: 0;
    padding: 4px;
    border: 0; 
    overflow: hidden;
}
#topmenu li{
    float:left;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 4px;
    padding: 0;
    border: 0;
}

#topmenu a:link,#topmenu a:visited{
    display: block;
    width: 120px;
    font-weight: bold;
    color: #000082;
    background: linear-gradient(180deg, #C5E2F0,#EaFaF8, #C5E2F0);
    background-color: #C5E2F0;
    text-align: center;
    padding: 2px;
    text-decoration: none;
    box-shadow: 2px 2px 2px #ddccb5;
    border-radius: 4px;
}

#topmenu a:hover, #topmenu a:active{
    color: #E2F1F8;
    background: linear-gradient(180deg, #B30000, #ff0000,#B30000);
    background-color: #B30000;
    box-shadow: -2px -2px 2px #ddccb5;
    border-radius: 4px;
}

#topmenuhome{
    overflow: hidden;
    display: block;
    width: 120px;
    text-align: center;
    font-weight: bold;
    color: #E2F1F8;
    background: linear-gradient(180deg, #B30000, #ff0000,#B30000);
    background-color: #B30000;
    padding: 2px;
    box-shadow: -2px -2px 2px #ddccb5;
    border-radius: 4px;
}

#leftmenu{
    width: 140px;
    float: left;
    margin: 0;
    margin-left: 16px;
    margin-top: 20px;
    border: 0;     
    padding: 0;
}

#leftmenu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0; 
    overflow: hidden;
}

#leftmenu li{
    float:left;
    margin-top: 3px;
    margin-bottom: 7px;
    margin-left: 4px;
    margin-right: 0;
    padding: 0;
    border: 0;
}

#leftmenu a:link,#leftmenu a:visited{
    display: block;
    width: 120px;       /* nice effect if width is commented out */
    font-weight: bold;
    color: #000082;
    background: linear-gradient(90deg, #C5E2F0,#F2F1F8,#C5E2F0);
    background-color: #C5E2F0;
    text-align: center;
    padding: 2px;
    text-decoration: none;
    box-shadow: 2px 2px 2px #ddccb5;
    border-radius: 4px;
}

#leftmenu a:hover, #leftmenu a:active{
    color: #E2F1F8;
    background: linear-gradient(90deg, #B30000,#ff0000,#B30000);
    background-color: #B30000;
    box-shadow: -2px -2px 2px #ddccb5;
    border-radius: 4px;
}

#leftmenuhome{
    overflow: hidden;
    display: block;
    width: 120px;
    text-align: center;
    font-weight: bold;
    color: #E2F1F8;
    background: linear-gradient(90deg, #B30000,#ff0000,#B30000);
    background-color: #B30000;
    padding: 2px;
    box-shadow: -2px -2px 2px #ddccb5;
    border-radius: 4px;
}

#mainbody{
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 170px;
    margin-right: 20px;
    background-color: #E2F1F8;
    padding: 30px 40px 40px 40px;
    border: 0;
    clear: none;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #ddccb5;
}

#mainbody h2{
    margin: 0;
    text-align: center;
    text-shadow: 2px 2px 2px #ddccb5;
}

#mainbody h3{
    margin: 0;
    text-align: center;
    text-shadow: 2px 2px 2px #ddccb5;
}

#mainbody h4{
    text-align: center;
    text-shadow: 2px 2px 2px #ddccb5;
}

#whitepage{
    background-color: #ffffff; 
    margin: 10px;
    border: 0; 
    padding-right: 10%;
    padding-left: 10%;
    padding-top: 20px;
    padding-bottom: 40px;
    box-shadow: 5px 5px 5px #ddccb5;
    border-radius: 10px;
    text-align: justify;
}

#animationpage{
    margin: 10px;
    border: 0; 
    padding-right: 10%;
    padding-left: 10%;
    padding-top: 220px;
    padding-bottom: 40px;
    box-shadow: 5px 5px 5px #ddccb5;
    border-radius: 10px;
    text-align: justify;
}

#footer{ 
    /*background-color: #f88f77;*/
    text-align: center;
	font-size: small;
	font-style: normal;
	color: #222;
    clear: both;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 170px;
    margin-right: 20px;
    border: 0; 
    padding: 10px 0 10px 0;
}
#footer table {
  background-color:#E3EBEF;
  margin:0 auto;
  border-radius:10px;
}
#footer tr { padding:0 }
#footer td { padding:25px }
#footer span { font-style: italic }

@media (max-width: 1000px) {
    #headerimg2 {display: none;}
    #homepagemenu1 {display: none;}
}
@media (min-width: 1000px) {
    #headerh1{display: none;}
    #homepagemenu2 {display: none;}
}

#mainbody a:link    {color:#000082; font-weight:bold; text-decoration:none; border-bottom: 1px solid #CCC;}
#mainbody a:visited {color:#000082; font-weight:bold; text-decoration:none; border-bottom: 1px solid #CCC;}
#mainbody a:hover	{color:#B30000; text-decoration:none; border-bottom: 1px solid #999;}
#mainbody a:active  {color:#B30000; text-decoration:none; border-bottom: 1px solid #999;}

#smalllink a:link    {color:#B30000; font-weight:normal; font-size:small; text-decoration:none; border-bottom: 1px solid #CCC;}
#smalllink a:visited {color:#B30000; font-weight:normal; font-size:small; text-decoration:none; border-bottom: 1px solid #CCC;}
#smalllink a:hover	 {color:#000082; font-weight:normal; font-size:small; text-decoration:none; border-bottom: 1px solid #AAA;}
#smalllink a:active  {color:#000082; font-weight:normal; font-size:small; text-decoration:none; border-bottom: 1px solid #AAA;}

#greylink a:link    {color:#666; font-weight:normal; text-decoration:none; border-bottom: 1px solid #BBB;}
#greylink a:visited {color:#666; font-weight:normal; text-decoration:none; border-bottom: 1px solid #BBB;}
#greylink a:hover	  {color:#111; font-weight:normal; text-decoration:none; border-bottom: 1px solid #888;}
#greylink a:active  {color:#111; font-weight:normal; text-decoration:none; border-bottom: 1px solid #888;}

#footer a:link    {color:#333; font-weight:bold; text-decoration:none; border-bottom: 1px solid #BBB;}
#footer a:visited {color:#333; font-weight:bold; text-decoration:none; border-bottom: 1px solid #BBB;}
#footer a:hover	  {color:#111; text-decoration:none; border-bottom: 1px solid #888;}
#footer a:active  {color:#111; text-decoration:none; border-bottom: 1px solid #888;}

.redbold{
    color:#B30000;
    font-weight: bold;
}

.red{
    color:#B30000;
}

.redboldit{
    color:#B30000;
    font-weight: bold;
    font-style: italic;
}

.redit{
    color:#B30000;
    font-style: italic;
}

.its{
    font-style: italic;
}

.itsbold{
    font-style: italic;
    font-weight: bold;
}

.itscent{
    font-style: italic;
    text-align: center;
}

.bold{
    font-weight: bold;
}

ul.bull{
    list-style-image: url('../images/bullet.gif');
 }