/*html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
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:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}*/


body {background: #f7f4e6 url('images/bkg.jpg') repeat-x top left;font-family:Sans-Serif;font-size:13px;margin:0;padding:0;}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 863px;
    margin: 0 auto;
}

#header 
{
    height: 90px;
}


#header h1
{
    position: absolute;
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #7A0100;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px;
}

#main-top 
{
    background: url(images/content-top.png) no-repeat scroll left top;
    height:10px;
    width:863px;
}

#main
{
    background:transparent url(images/content-center.png) repeat-y scroll left top;
    padding:20px 30px 30px;
    width:803px;
}
#main-bottom 
{
    background: transparent url(images/content-bottom2.png) no-repeat scroll right top;
    height:32px;
    width:863px;
    padding-top:25px;
    text-align:center
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

#logindisplay {
    color:#660000;
    display:block;
    font-size:1.1em;
    margin:10px;
    text-align:right;
    float:right;
    /*
    position:relative;
    right:20px;
    top:35px;*/
}

#logindisplay a:link
{
    color: #660000;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #660000;
    text-decoration: underline;
}

p {line-height: 1.5em;}

li
{
    margin-bottom:10px;
    line-height:1.4em;
}

h1 {padding: 0px 0px 10px 0px;font-size:1.5em;}
h2 {padding: 0px 0px 10px 0px;font-size:1.3em;}
h3 {padding: 15px 0px 0px 0px;font-size:1.3em;}
h4 {}

/* MENU LAYOUT ELEMENTS   
----------------------------------------------------------*/
a {color: #660000; font-style: normal; text-decoration: none; }
a:hover {color: #666666; font-style: normal; text-decoration: none; }


#menucontainer {background: url('Images/header-bkg.jpg') no-repeat bottom left;height:38px;}
#menucontainer ul {margin:0;padding:0;margin-left:30px;}
/* #menucontainer {position: absolute; right:65px; bottom: 0px; vertical-align:bottom;} */
#menucontainer li {list-style-type:none; float: left; margin:0px 0px 0px 4px; background: transparent url('Images/menu-left.png') no-repeat top left;}
#menucontainer li a {display:block; height:28px; padding:10px 15px 0px 15px; color:#FFFFFF; background: transparent url('Images/menu-right.png') no-repeat top right;}
#menucontainer li a:hover {color:#003300;}

#menucontainer li.selected {background-image: url('Images/menu-left-selected.png');}
#menucontainer li.selected a {background-image: url('Images/menu-right-selected.png');color:Black;}
#menucontainer li.selected a:hover {color:#003300;}


/* Account */
#accountlogin {}
#accountlogin #login {float:left; width: 382px;}
#accountlogin #register {float:left; width: 381px;}


/* Forms */
legend {padding: 7px 10px 7px 10px; margin: 0px 0px 0px 0px; border: 0px; background-color: #FFFFFF;}
input[type="text"], input[type="password"], select {margin-right: 12px; padding: 5px; color: #666666; font-size: 100%; width: 215px;}
input[type="image"] {margin: 7px 0px 0px 0px;}
input[type="checkbox"] { float: left; margin: 0px 10px 0px 0px; }
textarea { margin-right: 12px; padding: 5px; color: #666666; font-size: 100%}
form fieldset {padding: 10px; margin: 0px; border: 0px; border: dotted 1px #ccc;}
form fieldset p {}
form fieldset label {display: block;}


input:focus, textarea:focus
{
    background-color: #FFFFE0;
    
}

.Clear
{
    clear:both;
}

.interest {
    border: solid 1px #a7d23d; 
    background-color: #F7F4E6;
    color: #660000; 
}

.left-content {  
    float:left;    
    width: 300px;
}

.left-content ul {
    padding: 0;
}
.left-content h2 {
    text-align:center;
    padding: 0;
    margin: 0;
}

.left-content li {
    list-style: none;
    font-style: normal; 
    text-decoration: none; 
}

.left-content .links {
    cursor: pointer;
    padding: 5px 0 5px 5px;
    margin-left: 8px;
}

.selected-template {
    background-color: White;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-right: -10px;
}

.right-content {
    float:left;
    width:500px;
}

#template-content {
    width: 480px;
    margin: 0 auto;
    background-color: white;
    font-family: 'lucida grande', 'Segoe UI';
}

#thumbnail {
    text-align:center;
}

.name {
    padding: 5px 15px;
    border-top: 1px solid #660000;
}
#template-content p
{
    padding-left: 15px;
}