/* home page CSS */

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
# background: linear-gradient(#7e7eff, #cbcbff);
# background: linear-gradient(#7e7eff, #afafff);
 background: linear-gradient(#007eff, #00D8ff);
}

#wrapper { 
 margin: 0 auto;
# width: 922px;
 width: 1022px;
# background: linear-gradient(#7e7eff, #acacff);
}

#header {
# color: #333;
# width: 900px;
# width: 720px;
 width: 820px;
 float: left;
 padding: 10px;
 border: 1px;# solid #ccc;
 height: 100px;
 margin: 10px 0px 0px 0px;
# background-color:#F3F2ED;
##### background-color: #7e7eff;
}

a {
 color: #fff;
}

p {
  margin-bottom: 15px;
}

#header-right {
# color: #333;
 color: #fff;
# width: 900px;
 width: 158px;
 float: left;
 padding: 10px;
 padding-top: 20px;
 border: 1px;# solid #ccc;
 height: 90px;
 margin: 10px 0px 0px 0px;
# background-color:#F3F2ED;
# background-color:#D9D9D9;
}

#leftcolumn { 
# background: linear-gradient(#7e7eff, #ffffff);
# color: #333;
 color: #fff;
 border: 1px;# solid #ccc;
 font-size: 18px;
 line-height: 30px;
# background:#F6F0E0;
 margin: 0px 0px 0px 0px;
 padding: 10px;
# height: 350px;
# height: 450px;
 height: 520px;
 width: 200px;
 float: left;
}

#content { 
 float: left;
# color: #333;
 border: 1px;# solid #ccc;
# background:#CCC8B3;
 margin: 0px 0px 0px 0px;
 padding: 10px;
# height: 350px;
# height: 450px;
 height: 520px;
# width: 456px;
 width: 556px;
 display: inline;
}

#rightcolumn { 
 color: #fff;
 border: 1px;# solid #ccc;
 font-size: 18px;
 line-height: 30px;
# background:#F6F0E0;
 margin: 0px 0px 0px 0px;
 padding: 10px;
# height: 350px;
# height: 450px;
 height: 520px;
 width: 200px;
 float: left;
 position: relative;
}

#rightcolumn-bottom { 
 color: #333;
 border: 1px;# solid #ccc;
 font-size: 18px;
 line-height: 25px;
# background:#F6F0E0;
 background:#FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
# height: 350px;
# height: 450px;
 height: 100px;
 width: 200px;
 float: left;
 position: bottom right;
}