/* CSS Document */
body{
margin: 0;
   padding: 0;
   font-family: "Lucida Grande", Verdana, sans-serif;
   font-size: small;
   color: #38230E;}

.header
{
height:150px;
width: 818px;
background-image: url('../../images/Custom/header.jpg');
background-position: top left;
background-repeat: no-repeat;
font-size: 10px;
/*border-top: 0px solid #6699CC*/ }

.content_body{
background-image:url(images/bg1.jpg);
background-repeat: repeat-x;
background-color:#fff;
}

.content_interior{
/*width:auto;*/
}

.header_interior{
width:800px;
margin-top:25px;
}

.title{
color:#000;
font-size:25px;
margin:0px;
padding-top:3px;}

.left_column{
width:150px;
float:left;
margin-top:-93px;
margin-bottom: 10px;
margin-left: 10px;
padding:5px;
border:1px solid #D8D8D8;
background-color: #EAEAEA;
}

.navigation{
width:184px;
padding-left:6px;
padding-right:6px;
background-image:url(images/nav_side.jpg);
}

.navigationbtm{
width:196px;
background-image:url(images/nav_btm.jpg);
background-repeat:no-repeat;
height:8px;
margin-top:-5px;
}


.right_column{
   /*width:580px;*/
   width: 595px;
   float:left;
   margin-top:20px;
   margin-bottom:10px;
   margin-left: 15px;
   /*border-left: solid 1px #E0D0B1;*/
   padding-left: 0px;
   padding-right: 15px;
   /*text-align: center;*/
   border: 1px solid #ccc;
   background-color: #FFCD5E;
   /*height: 450px;*/
   height:auto;
}

.hr{
   width:485px;
   height:8px;
   background-image:url(images/hr.gif);
   margin-left:auto;
   margin-right:auto;
   margin-bottom:10px;
   background-repeat: no-repeat;
}

a:link, a:visited {
   color: #268CCD;
   text-decoration: none;
   }
a:hover {
   text-decoration: underline;
   }


h2 {
   margin: 0;
   color: #006699;
   font-size: 18px;
   font-weight: normal;
   letter-spacing: -1px;
   padding-left:25px;
   background-image:url(images/h2.gif);
   background-repeat:no-repeat;
}

h2 a:link, h2 a:hover, h2 a:visited {
   color: #000;
   text-decoration: none;
}
   
h1 {
   color: #000;
}

h1 a:link, h1 a:visited, h1 a:hover {
   text-decoration: none;
   color: #000;
}
   
h4 {
   margin: 0;
   color: #006699;
   font-size: 12px;
   padding-top:5px;
   padding-bottom:5px;
   border-top:1px solid #FFFFFF;
   border-bottom:1px solid #FFFFFF;
}

h3 {
   margin: 0 0 8px 0;
   color: #999;
   font-size: 19px;
   font-weight: normal;
   letter-spacing: -1px;
   text-transform: uppercase;
}

h5 {
   margin: 0 0 8px 0;
   color: #999;
   font-size: 12px;
   font-weight: normal;
   text-transform: uppercase;
}

.markermenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width:180px;
list-style:none;
}

.markermenu li a{
background:url(images/arrow.gif) no-repeat 2px center;
font-weight:bold;
color: #006699;
display: block;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
list-style-type: none;
list-style:none;
}


* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
}

.markermenu li a:visited, .markermenu li a:active{
color: #00014e;
}

.markermenu li a:hover{
color: black;
}

.footer{
background-color:#EFE6CE;
padding-top:25px;
padding-bottom:25px;}

.footer-inner{
width:900px;
margin-left:auto;
margin-right:auto;}

.footer-div{
width:150px;
float:left;
margin-right:20px;
margin-left:20px;
}

*html .footer-div{
width:150px;
float:left;
margin-right:15px;
margin-left:15px;
}

li{
margin-left:-20px;
list-style-type:square;
color:#006699;}



#topRight
{
   width:615px;
   background-color: transparent;
   /*margin: -5px 0 0 -5px;*/
   margin-top: -10px;
   margin-left:-25px;
   margin-right:auto;
   text-align:center;
}


#canvas
{
   /*background-color: #ccc;*/
   background-color: #fff;
   border:2px solid #000;
      /*width:555px;
   height:250px;*/
}
.portrait4x2
{
   width:216px;
   height:432px;
}
.portrait6x3
{
   width:324px;
   height:648px;
}
.landscape2x4
{
   width:432px;
   height:216px;
}
.landscape3x5
{
   width:540px;
   height:324px;
}
.landscape3x6
{
   width:432px;
   height:216px;
}
.landscape3x8
{
   width:432px;
   height:162px;
}
.landscape3x10
{
   width:540px;
   height:162px;
}
.landscape4x8
{
   width:432px;
   height:216px;
}
.landscape4x10
{
   width:540px;
   height:216px;
}
.landscape4x12
{
   width:432px;
   height:144px;
}
.landscape5x10
{
   width:540px;
   height:270px;
}
.landscape5x12
{
   width:432px;
   height:180px;
}
.landscape4x4
{
   width:432px;
   height:432px;
}
.landscape5x5
{
   width:540px;
   height:540px;
}

.canvasSelected {border:1px solid #ececec;}
.canvasContainer
{
/*
   width: 557px;
   height: 255px;
*/

   /*margin: 10px 0 0 45px; */
   /*margin-left: 3px;*/
   margin: -25px 0 0 0px;
   padding: 2px;
   position:relative;
   text-align:center;
}

.canvasContainerPortrait4x2
{
   width: 221px;
   height: 437px;
}

.canvasContainerPortrait6x3
{
   width: 329px;
   height: 653px;
}

.canvasContainerLandscape2x4
{
   width: 437px;
   height: 221px;
}

.canvasContainerLandscape3x5
{
   width: 545px;
   height: 329px;
}

.canvasContainerLandscape3x6
{
   width: 437px;
   height: 221px;
}
.canvasContainerLandscape3x8
{
   width: 437px;
   height: 167px;
}
.canvasContainerLandscape3x10
{
   width: 545px;
   height: 167px;
}
.canvasContainerLandscape4x8
{
   width: 437px;
   height: 221px;
}
.canvasContainerLandscape4x10
{
   width: 545px;
   height: 221px;
}
.canvasContainerLandscape4x12
{
   width: 437px;
   height: 149px;
}
.canvasContainerLandscape5x10
{
   width: 545px;
   height: 275px;
}
.canvasContainerLandscape5x12
{
   width: 437px;
   height: 185px;
}
.canvasContainerLandscape4x4
{
   width: 437px;
   height: 437px;
}
.canvasContainerLandscape5x5
{
   width: 545px;
   height: 545px;
}

.topRightActionButton
{
   float: left;
   font-weight:bold;
   font-size: 16px;
   margin: -2px 0 0 15px ;
   padding: 3px;
}
.topRightActionButton A
{
   text-decoration: none;
   filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}
.topRightActionButton A:hover, .topRightActionButton .topRightActionButtonSelected
{
   text-decoration:underline;
   filter:alpha(opacity=100);-moz-opacity:.99;opacity:.99;
}


.controlPanel
{
   width:140px;
   font-size: 9px;
   font-family:Arial;
}

#controlPanel_Text
{
   display: block;
}
#controlPanel_Text input, select
{
   width: 130px;
   height: 20px;
   font-size:12px;
   font-weight: bold;
   color:#000;
   background-color: #FFF;
   border: 1px solid #D8D8D8;

}
#controlPanel_Text label
{
   float:left;
   width: 50px;
   font-weight:bold;
   color:#045A37;
   font-size: 10px;
}
#controlPanel_Text br
{ clear:both;}


#bottomButtons
{
/*
   margin: 20px 20px 0 0;
   float: right;
*/
   margin: -35px 0 0 0;
  
}


.colorPicker{  width: 140px; margin-left: -5px;}
.colorPicker .palletColor {width: 15px; height: 15px; float: left; margin: 6px 0 0 10px; border:1px solid #ccc;}