/****************************************



1. Defaults

2. Framework

3. Heading styles, typography, and link styles



******************************************/



/* 1. Defaults*/



html, body { height:100% ; text-align: center;}

body { background-color: #fff; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 30px 0 0 0; color: #000; text-align: center;}

img, a img{border: 0;}

div,p,img,dl,ul,ol,form,img,h1,h2,h3,h4,h5,span,label,hr,fieldset,table,tbody,tr,td,th{margin: 0; padding: 0;}

select{font-family: Arial, sans-serif;}

option{ padding: 0;}

.formDouble, .formSingle{border: 1px solid #535353; margin: 0; padding: 1px;}

.formDouble{width: 288px;}

.h2{position: relative; margin: 10px 0 10px 0; zoom:1;}

form{margin: 0; padding: 0;}

table{zoom:1;}

#formSub{background: none; border: 0; color: #fff; font-size: 18px; position: absolute; top: 0; right: 10px;}

#submitSpan{}

table td{vertical-align: top;}

#siteBody{font-size: 12px;}

#siteBody td{font-size: 12px;}

#content p{margin: 5px 100px 5px 100px;}

#content p.myInfo{margin: 5px 100px 5px 85px;}

a{text-decoration: none; font-weight: bold; color: #002A5D;}

a:hover{text-decoration: underline;}



h1,h2,p{}





/* 2. Framework */



#site{width: 784px; margin: 0 auto 0 auto; padding: 0; text-align: left; position: relative; overflow: hidden;}

        #shadowR{background: url(/images/campaign/shadowR.gif) top right repeat-y; text-align: left; width: 784px; margin: 0; padding: 0;}

                #shadowL{background: url(/images/campaign/shadowL.gif) top left repeat-y; margin: 0; padding: 0; width: 784px; margin: 0; padding: 0; }

                        #top{background: url(/images/campaign/shadowTR.gif) top right no-repeat; }                        

                                #topL{background: url(/images/campaign/shadowTL.gif) 0 0 no-repeat;}

                                        #topCont{margin: 0 10px 0 4px; background: #DAECF4; text-align: center; position: relative; width: 770px;}

                        

                        #siteBody{margin: 0 10px 0 4px; background: #DAECF4 url(/images/campaign/bg_siteBody.gif) bottom right no-repeat; width: 770px;  overflow: hidden;}

                                #content.minHeight{min-height: 500px;}

                                * html #content.minHeight{height: 500px;}

                        

                        #bottom{background: url(/images/campaign/shadowB.gif) top left repeat-x; height: 20px;}

                                #bottomR{background: url(/images/campaign/shadowBR.gif) top right no-repeat;}

                                        #bottomL{background: url(/images/campaign/shadowBL.gif) top left no-repeat;}



                                        

/* 3. Heading styles, typography, and link styles */



.emptyMessage, #formSub, h1,h2,h3,h4,h5 {font-family: 'Trebuchet MS', Verdana;}

h1, h2{text-align: center; color: #fff;}

h1 { font-size: 34px; margin-bottom: 15px; background: #002A5D;}

div.h2{background-color: #002A5D; display: block;}

.h2 h2{margin: 0 0 0 0; padding: 1px 0 3px 0; background-color: #002A5D;}

h2 { font-size: 18px; margin-bottom: 15px; margin-top: 10px; }

h3 { font-size: 1.1em; font-weight:bold; margin-bottom:1em ; }

h4 { font-size: 1.05em; font-weight:bold; margin-bottom:0.5em ;}

h5 { font-size: 1em; font-weight:bold; margin-bottom:0.5em ;}

.emptyMessage{font-size: 18px; background: #fff; border: 1px solid #002A5D; color: #002A5D; text-align: center; padding: 3px 0 3px 0;}



table#itemDesc{background: url(/images/campaign/bg_itemDesc.gif) 0 0 repeat-y; margin: 0 10px 0 10px;}

#items{margin: 0 10px 10px 10px;}

#items td{width: 190px; text-align: center;}

#itemDesc td{width: 190px; padding: 0 10px 10px 10px; font-size: 11px;}

#itemDesc label{font-weight: bold;}

#itemDesc input{margin-right: 6px;}



#friends{margin: 0 100px 0 82px;}

#myInfo{margin: 0 100px 0 100px;}