/* ====================================================== 
    Styles for hockeydreamdraw.ca, version 1.0
    Author: Giant Leap - http://www.giant-leap.ca
====================================================== */

/* General settings */
body{
    background:#fff url('images/NHL-Alumni.jpg') repeat-x top center;
    margin:5px 0 0 0;
    padding:0;
    text-align:justify;
    font-family:Verdana,sans-serif;
    color:#333333;
}

p{
    margin:0;
    padding:0;
    font-size:12px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
}

a:link, a:visited{
    color:#00709e;
    text-decoration:none;
}

a:hover{
    color:#032f55;
    text-decoration:none;
}

h2{
    font-size:18px;
    font-weight:normal;
    margin-top:0;
    color:#00709e;
}

h3{
    font-size:14px;
    font-weight:bold;
    margin:0 0 5px 0;
    color:#00709e;
}

img{
    border:0;
}

.zeroo{
    display:none;
}

.tiny{
    font-size:9px;
}

.reallytiny{
    font-size:8px;
    font-weight:bold;
}

.thumbz{
    width:150px;
    padding:10px;
    float:left;
    border:none;
    text-align:center;
}

.clir{
    clear:both;
}

/* form settings */
#form{
    text-align:left;
}

#form p{
    font-size:11px;
}

.fromnum{
    border:1px solid #ddd;
    padding:3px 0 2px 2px;
    width:20px;
}

.fromshow{
    border:none;
    background:transparent;
    font-size:11px;
}

.txtinput{
    border:1px solid #ddd;
    padding:3px 0 2px 5px;
    width:200px;
}

.thebutton{
    width:112px;
    height:35px;
    border:none;
    background:transparent url('images/button.gif') no-repeat center;
    color:#fff;
    font-weight:bold;
    margin:20px 0 0 20px;
}
/* form settings end */

/* Header start*/
#header{
    width:960px;
    height:157px;
    margin:auto;
    background:transparent url('images/NHL-Alumni-back.jpg') no-repeat top center;
    margin-bottom:2px;
}

#NHL-Alumni-Hockey{
    width:184px;
    float:left;
}

/* Navigation start */
#navigation{
    width:776px;
    float:left;
    margin:70px 0 0 0;
    padding:0;
}

.navigation-tab{
    padding:13px 5px 13px 5px;
    margin:0 10px 0 10px;
    float:left;
}

.navigation-tab-active{
    padding:13px 5px 13px 5px;
    margin:0 10px 0 10px;
    float:left;
    background:transparent url('images/active.gif') no-repeat bottom center;
}

/* Drop down in navigation */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 vertical-align: middle;
 zoom: 1;
 padding:13px 5px 13px 5px;
}

.active{
    background:transparent url('images/active.gif') no-repeat bottom center;
}

.downdown{
    padding:0px 5px 0px 5px;
    background:#013469;
    border-top:1px solid #fff;
    font-size:10px;
}

ul.dropdown .downdown li {
 float: left;
 vertical-align: middle;
 zoom: 1;
 padding:2px 5px 13px 5px;
}

.downdown a:link, .downdown a:visited{
    color:#fff;
}

.submenuitem{
    
}

.downdown a:hover{
    color:#ddd;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
 background:#013469 url('images/active.gif') no-repeat bottom center;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}
/* Drop down end */
/* Navigation end */

#news-button{
    width:81px;
    height:12px;
    float:left;
    position:relative;
    top:13px;
    left:15px;
}

#nhl-news{
    background:transparent;
    width:650px;
    float:left;
    position:relative;
    left:30px;
    top:15px;
    font-size:10px;
}

#nhl-news p{
    font-size:10px;
}
/* Header end*/


/* Page content start*/
#page{
    width:960px;
    margin:auto;
    background:transparent url('images/page.gif') repeat-y top center;
}

/* Page content - Left side */
#leftside{
    width:619px;
    float:left;
}

#hockey-flash{
    background:#fff;
    padding-bottom:4px;
}

#nhl-top{
    width:100%;
    height:4px;
    background:transparent url('images/nhl-top.gif') no-repeat top center;
}

#nhl{
    padding:5px 25px 30px 5px;
}

#nhl p{
    margin:5px 0 5px 0;
}

#nhl-text{
    padding:0 0 0 25px;
    font-size:12px;
}

#nhl-text p{
    margin:5px 0 5px 0;
}

/* Page content - Right side */
#rightside{
    float:right;
    width:338px;
    margin-left:3px;
    background:transparent url('images/rightside.gif') no-repeat top center;
}

/* Page content - After left & right side */
#clearpage{
    clear:both;
    background:transparent url('images/clearpage.gif') no-repeat top center;
    height:5px;
}
/* Page content end*/

/* News page settings */
.news{
    border:1px solid #c6c6c6;
    background:#f0f0f0;
    padding:20px;
    margin:10px 0 20px 0;
}

/* News page end */

/* Sidebar */
.sidebar{
    padding:10px 15px 10px 15px;
    color:#ddd;
}

.sidebar p{
    color:#ddd;
}

.sidebar a:hover{
    color:#ddd;
}

.newsletername{
    width:155px;
    height:35px;
    border:none;
    background:transparent url('images/newsletername.gif') no-repeat top right;
    padding:15px 25px 0 120px;
}

.newsletermail{
    width:155px;
    height:35px;
    border:none;
    background:transparent url('images/newsletermail.gif') no-repeat top right;
    padding:15px 25px 0 120px;
}

.newsletterbutton{
    width:91px;
    height:28px;
    border:none;
    background:transparent url('images/newsletterbutton.gif') no-repeat top right;
    font-weight:bold;
    margin:0 20px 20px 0;
}

.sidebargallery {
    text-align:center;
    padding-top:10px
}
.sidegal{
    padding:0px 0px 0px 0px;
}
/* Sidebar end */

/* Footer */
#footer{
    width:100%;
    height:92px;
    background:#fff url('images/footer.gif') repeat-x top center;
}

#giant-leap{
    width:960px;
    text-align:center;
    margin:auto;
    padding-top:65px;
    font-size:10px;
}

#giant-leap p, #giant-leap a{
    color:#00709e;
    text-decoration:none;
    font-size:10px;
    font-style:italic;
    font-family:Georgia, Verdana, sans-serif;
}
/* Footer end */


/* Added in update August 2010 */
.sidebargallery img{
    border:1px solid #fff;
    margin-bottom:3px;
}