/* CSS Document */
#page { width:100%; background-color:#DDE1EC;}
#update { width: 690px; margin: 0px 5px 7px 5px; text-align:right;}
#topheader { width:700px; text-align:left;}
#head {	width: 700px; margin: 0 auto; }
#banner { width: 700px; height: 140px;}
#menu { width: 700px; height: 25px; background-color:#363F5A;}
#contenedor { width: 700px; margin: 0 auto; background-color: #363F5A; padding-top: 8px;}
#container { width: 700px; height: 675px; margin: 0 auto; background-color: #2E354B; padding-top: 8px;}
#maincontent, #maincontent2, #maincontent3 { width: 690px; margin: 0px 5px 8px 5px;}
#maincontent2 { height: 464px;}
#maincontent3 { height: 600px;}
#leftcolum { float: left; width: 410px; margin-right: 6px;}
#rightcolum{ float: right; width: 272px;}
#leftcoltemplate  { float: left; width: 262px; height: 530px;}
#rightcoltemplate { float: right; width: 425px; height: 560px;}
#shoutbox { width: 690px; height: 180px; margin: 0px 5px 7px 5px; }
#showbox { width: 410px; height:200px; padding-left: 1px;}
#newsbox { width: 410px; height:255px; margin-top: 8px;}
#chartbox { width: 272px; height: 322px;}
#letterbox { width: 272px; height: 134px; margin-top: 8px;}
#showformatbox { width: 257px; height: 180px; }
#shownumbox { width: 257px; height: 330px; margin-top: 8px; }
#footer{ width: 700px; margin: 0 auto; background-color:#424E6F; clear: both;}
/* Styling Header */
#header { width:700px; height:80px;	margin-top: 5px; background-image:url(../images/header.gif); background-repeat:repeat-x;}
#headeright { float:left; width:67px;}
#headerleft { float:right; width:622px; padding-top:15px;}
/* Styling Login form */
.formcolor { background-color:#2E354B;}
#loginform { width: 100px;}
/* Home Shout Box Styling */
#shouttop { width:690px; height:28px; background-image:url(../images/shouttop.gif); background-position: bottom; 
            background-repeat:no-repeat;}
#shoutmid { width:690px; height:185px; background-image:url(../images/shoutmid.gif); background-repeat:repeat-y} 
#shoutbot { width:690px; height:13px; background-image:url(../images/shoutbot.gif); background-position:bottom; 
            background-repeat:no-repeat;}
#shoutin { height: 139px; margin: 5px 18px 0px 16px;}
#shoutleft { width:275px; height:102px; margin-right:14px; float: left;}
#shoutright { width:365px; height:125px; float:right;} 
#shoutintop { width:275px; height:7px; background-image:url(../images/shoutintop.gif); background-position:bottom; 
              background-repeat:no-repeat;}
#shoutinmid { width:275px; height:70px;	background-color:#313756;}
#shoutinbot { width:275px; height:8px;	background-image:url(../images/shoutinbot.gif); background-repeat:no-repeat; margin-bottom: 3px;}
#shoutintop2 { width:365px; height:6px; background-image:url(../images/shoutintop2.gif); background-position:bottom; 
              background-repeat:no-repeat;}
#shoutinmid2 { width:365px; height:105px; background-color:#313756;}
#shoutinbot2 { width:365px; height:7px; background-image:url(../images/shoutinbot2.gif); background-repeat:no-repeat;}
.shoutform { width:170px;}
.shoutform2 { height:20px;}
/* Home Show Box Styling */
#showtop { width:410px; height:29px; background-image:url(../images/theshowtop.gif); background-position: bottom; 
           background-repeat:no-repeat;}
#showmid { width:410px; height:200px; background-image:url(../images/theshowmid.gif); background-repeat:repeat-y} 
#showbot { width:410px; height:10px; background-image:url(../images/theshowbot.gif); background-position:bottom; 
           background-repeat:no-repeat;}
#showin { height: 161px; margin: 5px 18px 0px 14px;}
#showleft { width:218px; height:110px; margin-right:5px; float: left;}
#showright { width:150px; height:150px; float:right;}
#showintop { width:218px; height:7px; background-image:url(../images/theshowintop.gif); background-position:bottom; 
              background-repeat:no-repeat;}
#showinmid { width:218px; height:95px; background-color:#313756;}
#showinbot { width:218px; height:8px; background-image:url(../images/theshowinbot.gif); background-repeat:no-repeat; margin-bottom:3px;}
/* Home News Box Styling */
#newstop { width:410px; height:27px; background-image:url(../images/noticiastop.gif); background-position: bottom; 
           background-repeat:no-repeat;}
#newsmid { width:410px; height:255px; background-image:url(../images/noticiasmid.gif); background-repeat:repeat-y} 
#newsbot { width:410px; height:25px; background-image:url(../images/noticiasbot.gif); background-position:bottom; 
           background-repeat:no-repeat;}
#newsin {  height:198px; margin: 5px 10px 0px 10px;}
#newsintop { width:387px; height:7px; background-image:url(../images/newsintop.gif); background-position:bottom; 
             background-repeat:no-repeat;}
#newsinmid { width:387px; height:177px; background-color:#313756;}
#newsinbot { width:387px; height:8px; background-image:url(../images/newsinbot.gif); background-repeat:no-repeat;}
/* Home Charts Box Styling */
#charttop { width:272px; height:27px; background-image:url(../images/charttop.gif); background-position:top; 
            background-repeat:no-repeat;}
#chartmid { width:272px; height:323px; background-image:url(../images/chartmid.gif); background-repeat:repeat-y} 
#chartbot { width:272px; height:25px; background-image:url(../images/chartbot.gif); background-position:bottom; 
            background-repeat:no-repeat;}
#chartin {  height:268px; margin: 5px 8px 0px 11px;}
#chartintop { width:250px; height:6px; background-image:url(../images/chartintop.gif); background-position:bottom; 
              background-repeat:no-repeat;}
#chartinmid { width:250px; height:250px; background-color:#313756;}
#chartinbot { width:250px; height:9px; background-image:url(../images/chartinbot.gif); background-repeat:no-repeat;}
/* Home Letter Box Styling */
#lettertop { width:272px; height:27px; background-image:url(../images/lettertop.gif); background-position:top; 
            background-repeat:no-repeat;}
#lettermid { width:272px; height:134px; background-image:url(../images/lettermid.gif); background-repeat:repeat-y} 
#letterbot { width:272px; height:6px; background-image:url(../images/letterbot.gif); background-position:bottom; 
            background-repeat:no-repeat;}
#letterin { height:96px; margin: 5px 8px 0px 11px;}
#letterintop { width:249px; height:7px; background-image:url(../images/chartintop.gif); background-position:bottom; 
               background-repeat:no-repeat;}
#letterinmid { width:249px; height:54px; background-color:#313756;}
#letterinbot { width:249px; height:7px; background-image:url(../images/chartinbot.gif); background-repeat:no-repeat;}
.letterform { width:150px;}