/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0;}
img { border: 0 }
a { text-decoration: none; color: #362A81;}
a:hover span { text-decoration: underline; }
ul { list-style: none; text-align: left; }
h1 { margin: 0 15px; float: left;}
h2 { font: bold 24px Arial; padding: 4px 0 6px; margin: 0 0 4px; border-bottom: 2px solid #493487; letter-spacing: -1px; }
h3 { font: bold 17px Arial; padding: 4px 0; margin: 14px 14px 5px; border-bottom: 2px solid #493487; letter-spacing: -1px; text-transform: uppercase; }
h4 { font: bold 14px Arial; padding: 10px 0 2px; color: #000; }
p { padding: 3px 0; font: normal 12px Arial; color: #000;}

/*Layout

------------------------------------------------------------------------- */
html { height: 100%; }
body { height: 100%; width: 100%; background: #bfbfbf; font: 13px Arial,Helvetica,sans-serif; color: #362A81;}

#top, .head, #content , #footer{ width: 800px; margin: 0 auto; position: relative; clear: both; z-index: 1; background: #FFF;}
#page { width: 800px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -15px; position: relative; clear: both; z-index: 1; background: #FFF;}

/* Top

------------------------------------------------------------------------- */
#top { padding: 8px 0 0; z-index: 1000;}
#top ul.links { float: right; margin: 8px 0 0 0; width: 270px;}
#top ul.links li { float: left; margin: 0 5px; background: url(/images/bg-br.gif) -2px 0 repeat-y; }
#top ul.links li span { display: block; padding: 1px 0;}
#top ul.links li span.arr { padding-right: 19px; background: url(/images/arr.gif) 100% 50% no-repeat;}
#top ul.links li a { margin: 0 10px; float: left; font-size: 11px; font-style: italic; line-height: 14px;}

#menu { background: #FFF url(/images/bg-menu.gif) -2px -2px repeat-y; border-color: #493487; border-style: solid; border-width: 1px 0; margin: 8px 0 0; }
#menu ul { float: right;}
#menu ul li { float: left; height: 100%; padding: 3px 0; background: url(/images/bg-br.gif) -2px 1px repeat-y; position: relative;}
#menu ul li:first-child { background: none; }
#menu ul li a { margin: 0 15px;  float: left; font: bold 12px Arial;}
#menu ul li a:hover { text-decoration: underline;}
#menu ul li ul { float: left; position: absolute; left: 2px; top: 21px; padding: 0 0 5px; background: #F7E300; border-top: 1px solid #493487;}
#menu ul li ul li { float: left; height: 100%; padding: 0; clear: both; background: none; width: 150px;}
#menu ul li ul li.submenu:hover {background: url(/images/arr-menu.gif) 130px 6px no-repeat;}
#menu ul li ul li a { border-bottom: 2px solid #27A72C; width: 120px; padding: 2px 10px; margin: 0 5px; overflow: hidden; display: inline;}
#menu ul li ul li ul { left: 150px; top: 0; border-top: 0; border-left: 1px solid #27A72C;}
#menu ul li ul li ul li:hover { background: none;}
#menu ul li ul, #menu ul li ul li ul, #menu ul li:hover ul li ul {display: none; }
#menu ul li:hover ul, #menu ul li ul li:hover ul {display: block; }


/* Head

------------------------------------------------------------------------- */
.head img { float: right;  }
.side-menu { width: 243px; height: 304px; overflow: hidden; float: left; }
.side-menu li { margin: 0 0 1px; float: left; clear: both;}
.side-menu li a { float: left; font: normal 15px/23px Arial; color: #FFF; background: url(/images/bg-sidemenu.gif) 0 0 no-repeat; line-height: 18px; height: 18px; width: 205px; padding: 10px 26px 10px 12px; overflow: hidden; letter-spacing: -1px;}
.side-menu li a strong {color: #FFF; text-transform: uppercase; display: block; letter-spacing: 0;}
.side-menu li.doubleline a { background: url(/images/bg-sidemenu1.gif) 0 0 no-repeat; width: 205px; padding: 12px 26px 32px 12px; overflow: hidden; letter-spacing: -1px;}
.side-menu li.doubleline a strong {color: #F7E300;}


/* Content

------------------------------------------------------------------------- */
#content {background: url(/images/bg-br.gif) -2px 0 repeat-x; padding: 8px 0; margin: 2px 0 0;}
a.more, a.more img { float: right; clear: both;}

.side-bar {width: 243px; overflow: hidden; float: left; background: #FBE94B url(/images/bg-sidebar.gif) 0 100% repeat-x;}
.side-bar p { font: italic 14px Arial; padding: 3px 14px 14px; text-align: center; color: #24A72D;}
.side-bar a:hover { text-decoration: underline;}

.content-body { padding: 0 0 10px 0; float: right; width: 557px; display: inline;}
.content-body h2 {padding: 6px 15px;}
.content-body p {padding: 3px 15px;}
.content-body a {text-decoration: underline;}
.content-body a:hover {text-decoration: none;}
.content-body ul {list-style-type: disc; margin-left: 30px; color: #000000;}
.content-body .next-image {float: right; font-size: 10px; margin-right: 5px; clear: both;}

.yiiForm fieldset {border: none; margin: 25px auto; padding: 0 10px;}
.yiiForm div.simple label {width: 180px; float: left; padding-right: 10px; text-align: right; clear: left; margin-bottom: 5px;}
.yiiForm div.simple input {float: left; margin-bottom: 5px;}
.yiiForm div.simple input.text {width: 250px;}
.yiiForm div.simple select {width: 254px; margin-bottom: 5px;}
.yiiForm div.simple textarea {float: left; margin-bottom: 5px;}
.yiiForm div.actions {text-align: right; margin: 0 0 0;}
.yiiForm div.errorSummary {font-size: 11px;}
.yiiForm div.errorSummary ul {color: #FF0000; list-style-type: disc; margin-left: 25px;}
.yiiForm label.error, .yiiForm span.error {color: #C00;}
.yiiForm input.error, .yiiForm textarea.error, .yiiForm select.error {background: #FEE;	border-color: #F00;}

#contactF div.simple label {width: 110px;}
#contactF div.simple ul {float: left; width: 360px; margin: 0 0 30px; list-style-type: none;}
#contactF div.simple ul li {float: left; width: 180px;}
#contactF div.simple ul li label {clear: none; text-align: left; width: 145px; padding-left: 5px;}
#contactF div.actions {margin: 20px 0 0;}
.contact {margin-top: 40px;}
.contact img {float: left; margin-right: 50px;}

#competitionForm p {font-size:14px; margin: 6px 0 10px; clear: left;}
#competitionForm p.rules {font-size: 11px; font-style: italic; margin: 15px auto;}
#competitionForm label {font-size: 14px; width: 130px; float: left; text-align: left; padding-left: 10px; clear: left; margin-bottom: 8px;}
#competitionForm label.long {width: 240px;}
#competitionForm input.text, #competitionForm input.checkbox {margin-bottom: 8px; float: left;}
#competitionForm input.text {width: 225px;}
#competitionForm .errorSummary {border: 2px solid #C00; padding: 5px; margin: 0 0 20px 0; background: #FEE; font-size: 0.7em;}
#competitionForm .errorSummary li {color: #ff0000;}
#competitionForm label.error, #competitionForm span.error { color: #C00; }
#competitionForm input.error {background: #FEE; border-color: #C00;}

/* Subpage

------------------------------------------------------------------------- */
.subpage .head img { float: left}
.subpage .side-menu { height: 304px; float: right;}
.subpage .side-menu li { margin: 0 0 1px;}
.subpage .side-bar { float: right; background: #FBE94B url(/images/bg-sidebar-subpage.gif) 0 100% no-repeat; padding: 0 0 55px; }
.subpage .content-body { float: left;}
.side-bar ul li { padding: 3px 15px;}
.side-bar ul li a {font: normal 14px Arial; color: #24A72D; padding-left: 12px; background: url(/images/bulk.gif) 0 50% no-repeat;}


/* Footer 

------------------------------------------------------------------------- */
#footer { font-size: 0; height: 4px; overflow: hidden; border-top: 3px solid #27A72C; border-bottom: 3px solid #493487;}

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.center { text-align: center; }
.push { height: 15px; }