/* The common styles for all pages */



* {
   margin:0;
   padding: 0;
   font-family: Verdana, sans-serif;
   font-size: 11px;
   color: #000000;
}

a { color: #3489BF; text-decoration: none }
a:hover { text-decoration: underline }
a > img { border: none; }

h1, h2 { color: #88A904; font-weight: normal }
h1 { margin: 0 0 18px 0; font-size: 20px; }
h2 { font-size: 16px; }
h3,h4, h5 { font-size: 13px; color: #000000 }

p { margin: 0 0 10px 0; }
p.f13 { font-size: 13px }
p.f12 { font-size: 12px }

.empty-page, .empty-page a  {
    font-size: 13px;
    text-align: center;
}

ol {
    margin: 0; 
    list-style-type: decimal;
    list-style-position: inside;
}

ol li {
    padding: 0 0 0 18px;
    font-size: 13px;
}

/* Wrappers with center horizontal position */
.wrapper, .wrapper-content {
    margin: 24px auto 0 auto;
    padding: 0;
    width: 1066px;
}

.wrapper-content {
    margin: 0 auto;
    padding: 0;
    width: 1000px;
 }


/* Main content area layout */
#page-center {
    background: url(i/corners/common/page/center.gif) top left repeat-y;
}

#page-top {
    background: url(i/corners/common/page/top.gif) top left no-repeat;
}

#page-bottom {
    background: url(i/corners/common/page/bottom.gif) bottom left no-repeat;
}

#page-content {
    padding: 14px 9px;
    width: 1048px;
}

#footer {
    padding: 24px 0 18px 0;
    text-align: center;
}


/* Header area layout */
#header {
    height: 67px;
    margin: 0 0 24px 0;
    padding: 20px 0 0 0;
    background: url(i/backgrounds/page/header-underline.gif) bottom left repeat-x;
}

#logo {
    float: left;
}

#login {
    float: right;
    padding: 8px 18px 6px 18px;
    height: 36px;
    background: #F1F1F3;
    border-bottom: 1px solid #FDFDFD;
}

#login div, #login input  {
    color: #525252;
}

.member {
    margin: 8px 10px 0 0;
    font-size: 12px;
}

#login div { float: left; }

#form-login {
    float: left;
}

.form-input {
    float: left;
    padding: 7px 10px 7px 10px;
    width: 150px;
    height: 12px;
    background: url(i/backgrounds/page/input.gif);
    border: none;
}


/* Content area layout */
#left-column {
    margin: 0 0 34px 0;
    float: left;
    width: 677px;
}

#right-column {
    margin: 0 0 34px 0;
    padding-top: 35px;
    float: right;
    width: 300px;
}


/* Main page text area */
#text-wrapper-center {
    float: left;
    width: 677px;
    background: #FFFFFF url(i/corners/common/content/center.gif) top left repeat-y;
}

#text-wrapper-corners {
    float: left;
    width: 677px;
    background: url(i/corners/common/content/bottom.gif) bottom left no-repeat;
}

.changeable-content
{
    margin: 0;
    float: none;
    display: none;
}

.changeable-content#home-tab {
    display: block;
}

#text-content {
    float: left;
    width: 641px;
    padding: 18px;
}

#text-content-2 {
    float: left;
    width: 677px;
}

#text-content p, #text-content-2 p {
    margin: 0 0 10px 0;
    font-size: 13px;
    color: #525252;
}

#text-content h3, #text-content-2 h3 {
    margin: 10px 0;
    font-size: 13px;
    color: #525252;
}

/* About us area */
#describe-text {
    float: left;
    width: 280px;
    margin: 0;
}

#describe-video {
    float: right;
    margin: 0;
    width: 360px;
}

/* View also  area */
#viewalso {
    float: left;
    width: 641px;
}

#viewalso h1 {
    margin: 0 0 10px 0;
    color: #F0780A;
}

.left-video {
    float:left;
    margin-right:14px;
    width:auto;
}

.left-video img {
border:2px solid #3489BF;
}

.center-video {
    float:left;
    margin-right:14px;
    width:auto;
}

.center-video img {
    border:2px solid #3489BF;
}

.right-video {
    float:left;
    margin-right:0;
    width:auto;
}

.right-video img {
    border:2px solid #3489BF;
}

.viewvideo {
    margin: 20px 0 0 0;
}

.playvideo {
    margin: 0px 0 0 10px;
}


/* Training area */
#trainings {
    float: left;
    width: 677px;
}

#trainings h1 {
    margin-top: 18px;
}

#trainings-banner-1, #trainings-banner-2 {
    float: left;
    margin-bottom: 20px;
    padding-left: 50px;
}



#trainings-banner-left {
    float: left;
    width: 315px;
}

#trainings-banner-right {
    float: right;
    width: 315px;
}

#trainings-list {
    float: right;
    width: 260px;
    list-style-position: outside;
    list-style-type: none;
    list-style-image: none;
}

#trainings-list h3 {
    font-size: 12px;
}

#trainings-list li {
    padding: 10px 0px;
    float: left;
    width: 260px;
    font-size: 12px;
    background: url(i/backgrounds/blog/underline.gif) bottom left repeat-x;
}

#trainings-list li a {
    margin: 4px 0 0 0;
    display: block;
}

#trainings-list li.first  {
    padding-top: 0; 
}

#trainings-list li.last {
    margin: 0;
    background: none;
}

/* Right column area */
#invite {
    margin: 0 0 15px 0;
    float: right;
    width: 300px;
}

.right-top-corner-wrapper {
    float: right;
    background: url(i/corners/right/top.gif) top left no-repeat;
}

.right-bottom-corner-wrapper {
    float: right;
    background: url(i/corners/right/bottom.gif) bottom left no-repeat;
}

.right-center-wrapper {
    float: right;
    background: url(i/corners/right/center.gif) top left repeat-y;
}

#blog {
    margin: 0 0 15px 0;
    padding: 18px;
    float: right;
    width: 265px;
}

#blog h1 {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    width: 265px;
    float: left;
    border-bottom: 2px solid #848484
}

h1.right-title {
    margin: 0 0 10px 18px;
    padding: 0 0 10px 0;
    width: 265px;
    float: left;
    border-bottom: 2px solid #848484
}

#blog img {
    margin: 0 10px 0 0;
    float: left;
}

#blog ul {
    float: left;
    list-style-position: outside;
    list-style-type: none;
    list-style-image: none;
}

#blog ul li {
    padding: 10px 0px;
    width: 265px;
    float: left;
    font-size: 12px;
    background: url(i/backgrounds/blog/underline.gif) bottom left repeat-x;
}

#blog ul li.last {
    background: none;
}

#see-all {
    width: 299px;
    float: left;
}

#see-all span { 
    display: block;
    float: left;
}
#see-all img {
    float: left;
    margin: 3px 0 0 10px;
}

#follow-us {
    float: left;
    padding: 10px 17px 10px 17px;
    width: 266px;
    margin: 0 0 15px 0;
}

#follow-us h1 {
    float: left;
    margin: 0 0 15px 0;
    padding: 0 0 4px 0;
    width: 266px;
    float: left;
    border-bottom: 2px solid #848484
}

#follow-icons {
    float: left;
    list-style-position: outside;
    list-style-type: none;
    list-style-image: none;
}

#follow-icons li {
    padding: 0px 18px 0 0px;
    float: left;
}

#register {
    margin: 18px 0;
    float: right;
    padding: 8px 0;
    width: 300px;
    border-top: 1px solid #e5e6de;
    border-bottom: 1px solid #e5e6de;
}

#register img { margin-left: 54px }

/* Bottom  area layout */
#bottom {
    margin: 35px 0 0 0;
    padding: 18px 0;
    height: 22px;
    background: #F1F1F1;
    clear: both;
}

#bottom-menu {
    margin: 0 0 0 237px;
    float: left;
    list-style-position: outside;
    list-style-type: none;
    list-style-image: none;
    display: none;
}

#bottom-menu li {
    padding: 0px 15px 0 13px;
    float: left;
    font-size: 12px;
    background: url(i/backgrounds/menu/bottom/divider.gif) top right no-repeat;
}

#bottom-menu li.last {
    background: none;
}

#video_location_1,
#video_location_2,
#video_location_3,
#video_location_4,
#video_location_5
{
    float: right;
}