﻿html{color:#333;background:#FFF;} body{font:12px Arial} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;line-height:1.5em;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

p {padding:0 0 6px 0;line-height:1.5em;}
h1,h2,h3,h4,h5 {font-weight:700;margin:0;}
h1 {font-size:18px}
h2 {font-size:16px}
h3 {font-size:12px}
h4 {font: bold 14px;}
h5, h6 {font:bold 11px}
hr {border:none 0;border-bottom:1px solid #e4e4e4;}
strong {font-weight:700;}
small {font-size:10px;}

a {color:#46a;}
a:hover {color:#0ae;}
.clear {clear:both;}

.darkBlue {color:#46a;}
.tealBlue {color:#0ae;}
.lightBlue {color:#bde;}
.white {color:#fff;}

/*    Colors     /*   
Dark Blue #46a
Teal Blue #0ae
Light Blue #bde
Orange #c51 */

#header {margin:0 auto 15px;background: #fff url(../images/head-back.jpg) repeat-x;}
#myabcspace{float:left}
#search {padding-top:35px;width:183px;}
#mainmenu {clear:both;background:#eee;padding-left:45px;border-bottom:solid 1px #999;margin-bottom:15px;}
#login {float:right;padding:4px 5px 0 0;font-size:11px;}
#movieContainer {width:625px;height:411px;margin-bottom:15px;}
#footer {clear:both;padding:5px 0;margin-top:15px;background:#EEEEEE;border-top:1px solid #999;border-bottom:1px solid #999;}

#container {width:960px;margin:0 auto;}
.contain {width:960px;margin:0 auto;}

#errorMessage {width:960px;margin:0 auto;text-align:center;padding:10px 0;border:1px solid #999;margin-bottom:15px;background:#bde;}
#errorMessage h1 {color:#46a;}

#main {padding-right:15px;width:630px;float:left;border-right:1px solid #EAEAEA;}
#main p {padding-bottom:15px;}
#main h2 {color:#46a;}

#rail {width:300px;float:right;}
#rail ol.easy {margin:10px 0 0 0;}
#rail ol.easy li {list-style-type: none;padding:0 0 5px 30px;}
#rail ol.easy li.one {background:url(../images/1.jpg) no-repeat top left;}
#rail ol.easy li.two {background:url(../images/2.jpg) no-repeat top left;}
#rail ol.easy li.three {background:url(../images/3.jpg) no-repeat top left;}
#rail ol.easy li h3 {font-size:18px;color:#46a;}
#rail p {font-size:12px;color:#000;font-weight:normal;}
#rail h4 {padding:5px; border-bottom:solid 1px #e4e4e4;color:#c51;}
#rail ul.sourced {padding:5px;}
#rail ul.sourced li {list-style:disc outside;color:#c51;margin:0 0 5px 15px;}

#loginBoxy {margin:15px 0 0 0;padding:10px;background:#bbddee;border:1px solid #00AAEE;}
#loginBoxy p {padding:5px 0 5px 0;}
#loginBoxy input[type="text"] {width:270px;padding:5px 0;}
#loginBoxy input[type="password"] {width:270px;padding:5px 0;}
#loginBoxy input[type="submit"] {margin-top:10px;}

#loginHeader {background: #a7cce7 url(../images/menu/login-bottom.jpg) no-repeat bottom;text-align:left;}
#loginHeader p {color:#000;float:left;font-size:10px;padding:0 0 0 2px;width:118px;}
#loginHeader span {}
#loginHeader h3 {color:#000;margin:0 0 2px 2px;}
#loginHeader input[type="text"] {width:114px;padding:2px 0;float:left;font-size:11px;}
#loginHeader input[type="password"] {width:114px;padding:2px 0;float:left;font-size:11px;}
#loginHeader input[type="submit"] {margin-top:0px;float:left;}

#loginMenu {background: #fff url(../images/menu/logged-in-menu.jpg) repeat-x bottom;text-align:right;height:30px;}
#loginMenu ul {margin:0;}
#loginMenu ul li {float:left;line-height:30px !important;}
#loginMenu ul li a {padding:0 10px;border-left:1px solid #bde;text-decoration:none;font-weight:bold;}
#loginMenu ul li.first a {border:none;}


ol.numbered {margin:0 0 10px 20px;}
ol.numbered li {list-style-type: decimal;padding:5px 0;}
ol.numbered li ul {margin:0 0 0 15px;}
ol.numbered li ul li {list-style-type:disc;padding:0;}

ol.lettered {margin:0 0 10px 30px;}
ol.lettered li {list-style-type: lower-alpha;padding: 2px 0;}

ul.disc {margin:0 0 10px 20px;}
ul.disc li {list-style-type:disc;}

ul.list1 {padding:0 20px;font-size:12px;line-height:18px;}
ul.list1 li {color:#46a;list-style-position:outside;list-style-type:square;margin:10px 0 0;}
ul.list1 li span {color:#333;}

label.sixtyWide {width:60px;display:block;float:left;padding:4px 0;}
.inBigger {padding:3px;width:270px;}

.messages {padding:0 0 10px;margin-right:15px;}

/* Gallery */
.sample {padding-bottom:8px;border-bottom:solid 1px #e4e4e4;margin:0 20px 15px 0;clear:both;min-height:105px;}
.sample img {float:left;width:75px;height:75px;padding:0 10px 10px 0;border-left:10px solid #46a;}
.sample h3 {padding-bottom:5px;}
.sample h3 a {text-decoration:none;}
.sample p {padding:0 0 0 85px;}
.sample p .clear {line-height:0px;}


/*//////////////*/
/* Create Site */
/*////////////*/
#creation h1 {padding-bottom:10px;text-transform:uppercase;}
#creation h2 {padding:5px;border-left:10px solid #4466AA;border-bottom:1px solid #e4e4e4;margin:15px 0 8px 0;color:#46a;font-size:14px;}
#creation h3 {padding-bottom:5px;color:#666;}
#creation p {padding:0 0 10px 0;}
#creation .noPad {padding:0;}
#creation .mrz {margin-right:0 !important;}

#creation .layout {float:left;width:287px;text-align:center;}
#creation .layout img {padding-bottom:5px;cursor:hand;cursor:pointer;}
#creation .layout label {display:block}

#creation #ctl00_ContentPlaceHolder1_previewFill {height:119px;}

#creation .previewPane {padding:5px 11px;background:url(../images/browser-middle.jpg) repeat-y}
#creation .previewPane img {width:940px;}
#creation .previewPane p {padding: 15px 0 15px 5px;}

#creation table.hChoice {width: 195px;border-collapse: separate;border-spacing:5px;}
#creation table.hChoice td {height: 42px;width: 42px;cursor:hand;cursor:pointer;}
#creation table.hChoice td.active {height: 29px;width: 29px;border:3px solid #333;}

#creation .headerGraphics {}
#creation .headerGraphics .bgSelector {width:310px;height:39px;float:left;margin:5px;cursor:hand;cursor:pointer;}
#creation .headerGraphics .bgSelector img {width:310px;height:39px;}

#creation select {margin:0 0 5px 5px;}
#creation input[type="image"] {padding:0 5px 0 0;}
#creation input[type="image"].uploadIn {padding:0;}
#creation input[type="text"] {float:left;margin:2px 15px 8px 0;padding:3px 2px;width:270px;}
#creation input[type="text"].wide {width:565px;}
#creation input[type="checkbox"] {clear:both;}
#creation input[type="file"] {height:25px;margin-top:2px;}
#creation label {}
#creation label.lbl {display:block;float:left;margin-right:15px;width:278px;}
#creation span.lbl label {display:block;float:left;margin-right:15px;width:278px;}
#creation textarea {height:125px;width:620px;margin:0 0 15px 0;clear:both;padding:3px 2px;}
#creation .info {float:left;margin:2px 15px 8px 0;padding:3px 2px;width:130px;}
#creation .zip {width:125px !important;margin-right:0 !important;}

.ctl00_ContentPlaceHolder1_txtsection1HTML_OuterTable,.ctl00_ContentPlaceHolder1_txtsection2HTML_OuterTable,.ctl00_ContentPlaceHolder1_txtcertAffAwards_OuterTable {border-top:1px solid #999;}

#creation .upload {width:600px;}
#creation .upload .top {width:160px;margin-top:15px;background:url(../images/create/upload-gray-top.jpg) top left no-repeat;color:#fff;font-weight:bold;padding:3px 0 3px 10px;}
#creation .upload .borederTop {height:4px;background-color:#e4e4e4;border-top:1px solid #999;}
#creation .upload .instruct {width:580px;padding:5px 10px;}
#creation .upload .borederBot {margin:5px 0 30px 0;height:4px;background-color:#e4e4e4;border-bottom:1px solid #999;}


#creation .checkbox {float:left;padding-left:10px;width:180px;display:block;}
#creation .checkbox label {width:150px !important;margin:5px 0;}
#creation .checkbox input[type="checkbox"] {float:left !important;line-height:22px;margin:5px 0;}

#creation #rail .points {border-bottom:1px solid #e4e4e4;padding:10px 0 20px;clear:both;margin:0 0 20px 0;}
#creation #rail .points img {float:left;width:70px;margin-right:10px;}
#creation #rail .points h2 {padding:0 0 5px 0;border-left:none;border-bottom:none;margin:0;}

#creation .lPad {padding-left:10px;}
#creation .lPad label {padding-left:10px;}

#htmlBox1 ul {padding:0 0 0 15px;margin:15px 0;}
#htmlBox1 ul li {list-style:disc;}




/* Main Menu Style */

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu 
{
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 300px; /*For KHTML*/
  list-style: none;
  height: 33px;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 33px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 33px;
  left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a
{
    float: none !important; /*For Opera*/
    float: left; /*For IE*/
    display: block;
    background: url(../images/menu/blue-tab.jpg) no-repeat;
    color: #fff;
    font: bold 16px/33px Arial;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/
    width:99px;
    text-align:center;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
    background: url(../images/menu/orange-tab.jpg) no-repeat;
  color: #FFF;
}


/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #EEE;
  color: #46a;
  width: 200px;
  font-size:12px;
  text-align:left;
  padding-left:10px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #bde;
  color: #46a;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {display: block;}

