﻿/************/
/*** SITE ***/
/************/

#site           { clear: both; float: none; margin: 10px 0px 0px 10px; padding: 0px; width: 940px; min-height: 550px; }
#site_left      { float: left;  margin: 10px 0px 0px 0px; padding: 0px; width: 660px; }
#site_market    { float: left;  margin: 0px; padding: 0px; width: 940px; margin-top: 10px; }
#site_map_left  { float: left;  margin: 0px; padding: 0px; width: 660px; }
#site_right     { float: right; margin: 10px 0px 0px 0px; padding: 0px; width: 260px; }
#site_right img { padding: 0px; max-width: 260px; margin: auto; }

#site_main      { float: left;  margin: 0px 0px 20px 0px; padding: 0px; width: 660px; }
#site_main p    { font-size: 11px; line-height: 150%; color: #333333; text-align: justify; }

.site_banner     { clear: both; width: 660px; height: 240px; border:1px solid #CCCCCC; margin: 0px 0px 10px 0px; padding: 0px; }
.site_bannerc    { position: relative; width: 660px; height: 240px; margin: 0px; padding: 0px;  } 
.site_banner img { padding: 1px; border:1px solid #cccccc}

.site_title    { margin: 0px 0px 10px 0px; font-family: Tahoma; font-size: 18px; font-weight:bold; color: #1F497D; border-bottom: solid 1px #1F497D; }
.site_subtitle { font-family: Tahoma; font-size: 12px; font-weight:bold; color: #C00000; }

.home_left_box { float: left; width: 680px; margin: 0px; padding: 0px; }
.hbox          { float: left; width: 210px; height: 200px; border:1px solid #cccccc; margin: 0px 13px 10px 0px; padding: 0px; }
.hbox_content  { position: relative; left: 10px; top: 10px; width: 190px; height: 190px; margin: 0px; padding: 0px; } 
.hbox h1       { position: relative; margin: 0px; color:#C00000; font-weight:bold; text-transform:uppercase; font-size:13px; }
.hbox h2       { position: relative; margin: 0px; color:#1F497D; font-weight:bold; text-transform:uppercase; font-size:11px; border-bottom: solid 1px #1F497D; }
.hbox p        { position: relative; margin: 0px; top: 10px; font-size: 11px; color: #666666; }
.hbox a.bottom { position: absolute; right: 5px; bottom: 5px; font-size: 11px; color:#1F497D;}
.hbox img      { padding:1px; border:1px solid #cccccc; }

.slot           { clear: both; width: 260px; height: 90px; border:1px solid #cccccc; margin: 0px 0px 10px 0px; padding: 0px; }
.slot_content   { position: relative; width: 260px; height: 90px; margin: 0px; padding: 0px;  } 
.slot img       { padding:1px; border:1px solid #cccccc}
.slot h1        { position: relative; left: 10px; top: 5px; color:#1F497D; font-weight:bold; text-transform:uppercase; font-size:12px; margin: 0px 0px 8px 0px;}
.slot p         { position: relative; left: 10px; font-size: 10px; color: #666666; }
.slot a.bottom  { position: absolute; left: 10px; bottom: 5px; font-size:10px; color:#1F497D;}
.slot p.right   { position: absolute; right: 10px; font-size: 10px; color: #666666; text-align: right; }

#site_content      { float: left; width: 660px; margin: 0px; padding: 0px; }
#site_content h1   { margin: 10px 0px 10px 0px; font-family: Tahoma; font-size: 18px; font-weight:bold; color: #1F497D; border-bottom: solid 1px #1F497D; text-transform: uppercase;  }
#site_content h2   { margin: 10px 0px 10px 0px; font-family: Tahoma; font-size: 14px; font-weight:bold; color: #C00000; }
#site_content h3   { margin: 10px 0px 10px 0px; font-family: Tahoma; font-size: 12px; font-weight:bold; color: #1F497D; }
#site_content p    { position: relative; font-size: 11px; line-height: 150%; color: #333333; text-align: justify; }
#site_content a    { font-size:11px; color:#1F497D;}
#site_content img  { margin: auto; }

#contactus         { clear: both; width: 600px; height: 500px; border:1px solid #CCCCCC; margin: auto; margin-bottom: 20px; padding: 0px; }

#video_left      { float: left;  margin: 0px; padding: 0px; width: 500px;  }
#video_left h1   { margin: 10px 0px 10px 0px; font-family: Tahoma; font-size: 18px; font-weight:bold; color: #1F497D; border-bottom: solid 1px #1F497D; text-transform: uppercase;  }
#video_search    { width: 500px; height: 300px; border: solid 1px #CCCCCC; }
#video_right     { float: right; margin: 30px 0px 0px 0px; padding: 0px; width: 425px; height: 400px;  }
#player_info     { clear: both; margin: 5px 0px 0px 0px; padding: 0px; width: 425px; height: 50px;  }

#video_result    { float: left; margin: 20px 0px 20px 0px; padding: 0px; width: 940px; min-height: 150px; }

.vbox           { float: left; width: 300px; height: 110px; border:1px solid #cccccc; margin: 0px 10px 10px 0px; padding: 0px; }
.vbox_content   { position: relative; width: 300px; height: 110px; margin: 0px; padding: 0px;  } 
.vbox img       { position: absolute; width: 120px; height: 90px; top: 10px; left: 5px; border: solid 1px #CCCCCC; }
.vbox_text      { position: absolute; top: 10px; left: 130px; width: 165px; height: 95px; margin: 0px; padding: 0px;  } 
.vbox h1        { position: relative; color:#1F497D; font-weight:bold; text-transform:uppercase; font-size:11px; margin: 0px 0px 5px 0px; }
.vbox p         { position: relative; font-size: 10px; color: #666666; }
.vbox a         { color: #1F497D; text-decoration: none; }
.vbox a:hover   { color: #C00000; }
.vbox a.bottom  { position: absolute; top: 80px; left: 10px; font-size:10px; color:#1F497D;}
.vbox a.more    { position: absolute; left: 0px; bottom: 3px; font-size:10px; color:#1F497D;}

.vinfo          { float: left; width: 425px; height: 50px; border:1px solid #cccccc; margin: 0px; padding: 0px; }
.vinfo_text     { position: relative; top: 5px; left: 5px; width: 415px; height: 45px; margin: 0px; padding: 0px;  } 
.vinfo h1       { position: relative; color:#1F497D; font-weight:bold; text-transform:uppercase; font-size:11px; margin: 0px; }
.vinfo p        { position: relative; font-size: 10px; color: #666666; }

.vinfo a         { color: #1F497D; text-decoration: none; }
.vinfo a:hover   { color: #C00000; }
.vinfo a.more    { position: absolute; right: 5px; bottom: 5px; font-size:10px; color:#1F497D;}
.vinfo a.more2   { position: absolute; right: 5px; bottom: 20px; font-size:10px; color:#1F497D;}

#communities      { width: 600px; margin: auto; padding: 0px; }
#communities h1   { margin: 20px 0px 10px 0px; font-family: Tahoma; font-size: 18px; font-weight:bold; color: #1F497D; border-bottom: solid 1px #1F497D; text-transform: uppercase;  }
#communities h2   { margin: 20px 0px 0px 0px; padding: 0xp; font-family: Tahoma; font-size: 14px; font-weight:bold; color: #C00000; }
#communities h3   { margin: 0px; padding: 0xp; font-family: Tahoma; font-size: 11px; font-weight:bold; color: #1F497D; }
#communities p    { position: relative; font-size: 11px; line-height: 120%; color: #666666; }

#about_main      { float: left; margin: 0px 0px 20px 0px; padding: 0px; width: 660px; }
#about_main h1   { margin: 10px 0px 10px 0px; font-family: Tahoma; font-size: 18px; font-weight:bold; color: #1F497D; border-bottom: solid 1px #1F497D; text-transform: uppercase;  }
#about_main h2   { margin: 20px 0px 10px 0px; padding: 0xp; font-family: Tahoma; font-size: 14px; font-weight:bold; color: #C00000; }
#about_main h3   { position: relative; color:#1F497D; font-weight:bold; font-size:12px; margin: 0px; }
#about_main ul   { margin: 0px; padding: 0px; list-style: disc outside; }
#about_main li   { margin: 5px 0px 0px 20px; padding: 0px 0px 0px 0px; line-height: 150%; }
#about_main p    { font-size: 11px; line-height: 150%; color: #333333; text-align: justify; }
#about_main a       { position: relative; font-size: 11px; color:#1F497D; text-decoration: none;}
#about_main a:hover { color:#C00000; }
#about_main a.bottom  { position: relative; left: 10px; font-size:11px; color:#1F497D; text-decoration: none;}
#about_main a:hover.bottom  { color:#C00000; }
#about_main a.top  { position: relative; float: right; top: 10px; font-size:11px; color:#1F497D; text-decoration: none;}
#about_main a:hover.top  { color:#C00000; }

#about_menu      { float: right; margin: 0px; padding: 0px; width: 260px; }
.about_box       { clear: both; width: 260px; min-height: 400px; border: 1px solid #CCCCCC; margin: 0px; padding: 0px; }
.about_box h1        { position: relative; left: 10px; top: 6px; color:#1F497D; font-weight:bold; text-transform:uppercase; font-size:12px; margin: 0px 0px 12px 0px;}
.about_box a.bottom  { position: relative; left: 10px; top: 0px; font-size:10px; color:#1F497D; text-decoration: none;}
.about_box a:hover.bottom  { color:#C00000; }

.licenses_box   { float: left; width: 680px; margin: 0px; padding: 0px; }
.libox          { float: left; width: 320px; height: 140px; border:1px solid #cccccc; margin: 0px 18px 10px 0px; padding: 0px; }
.libox_content  { position: relative; left: 10px; top: 10px; width: 310px; height: 120px; margin: 0px; padding: 0px; color: #666666; } 
.libox_title    { position: relative; margin: 0px; font-size: 11px; color: #333333; font-weight:bold; }

#login           { clear: both; width: 400px; height: 160px; border:1px solid #cccccc; margin: 60px auto 0px auto; padding: 0px; }
.admin_btn       { border:1px solid #cccccc; background-color: #1F497D; font-family: Tahoma; font-size: 11px; text-transform: uppercase; color: #FFFFFF; min-width: 60px; min-height: 20px; border: solid 1px #FFFFFF; }
.admin_not_login { font-size: 11px; font-weight:bold; color: #C00000; }
