html { margin: 0; 
       padding: 0; 
       border: 0;  
       background: transparent; 
       font-size:10px; 
       height: 100%;
}
body { margin: 0; 
       padding: 0; 
       border: 0;  
       background: transparent; 
       font-size:10px; 
       min-height:100%;
}

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
}

img 	{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
    margin: 0; padding: 0; border: 0;
    vertical-align: baseline;
    background: transparent;
}

table { border-collapse: collapse; border-spacing: 0; }

input, select, textarea, form, fieldset {
    margin: 0; padding: 0; border: 0;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section { 
    display:block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike { 
    font-family: Arial, Helvetica, sans-serif;
    font-size:100%;
    font-weight: normal;
    font-style: normal;
    line-height: 100%; 
    text-indent: 0;
    text-decoration: none;
    text-align: left;
    color: #000;
}

ol, ul { list-style: none;  }


/* Global */

html 	{ width: 100%;	height:100%}
body    { 
    /*background-image:url(../images/bg/powderblue-bg.jpg); */
    /*background-repeat:repeat;*/
    min-height:100%;
}



/* Headings */

h1, h2, h3, h4, h5, h6 { font-family:'Open Sans Condensed', Arial, Helvetica, sans-serif; 
                         font-weight: bold; color: #000; }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }



/* Text Elements */

p           	{ color:#00f; 
               font-size:14px; 
               font-family: sans-serif; 
               line-height:150%;  }
p .left		{ margin: 1.5em 1.5em 1.5em 0; 
           padding: 0; }
p .right 	{ margin: 1.5em 0 1.5em 1.5em; 
            padding: 0; }

blockquote  	{ color:#000; font-size:12px; }

strong      	{ font-weight: bold; }
em		{ font-style: italic; }

/* Images */



/* Lists */


ul      {  }
ol      { list-style-type:decimal; 
          display: block;
          margin-top: 1em;
          margin-bottom: 1em;
          margin-left: 0;
          margin-right: 0;
          padding-left: 40px;
}

ul li	{ color:#000; 
        font-size:14px; }
ol li	{ color:#000; 
        font-size:14px;  
        display: list-item;
        list-style-position: inside;
}


dl          	{  	}
dt       		{  	}
dd          	{ 	}



/* Tables */

#sample-table        				{ width:100%; margin:20px 0px; }

#sample-table tr					{	}
#sample-table .odd					{ background-color:#eee; }
#sample-table .even					{ background-color:#fff; }

#sample-table th          			{ font-weight: bold; }
#sample-table thead, #sample-table th   { background-color:#FFE0C1;  }

#sample-table tbody					{   }

#sample-table th, #sample-table td		{ padding:5px; border:1px #ccc solid; font-size:12px; 	}
#sample-table caption 				{ 	}

#sample-table tfoot       			{	}
#sample-table .tfooter				{ background-color:#ccc; text-align:center; font-style:italic; }

#sample-table caption     			{ background-color: #FFE0C1; text-align:center;
                               padding:15px; font-size:14px; font-weight:bold;
                               border:1px #ccc solid; }
#sample-table tfoot td				{ text-align:center; font-size:10px; font-style:italic; 
                            padding:5px; background-color:#FFE0C1;}


/* Miscellaneous */

sup, sub    	{ line-height: 0; }

abbr, acronym  { border-bottom: 1px dotted #666; }
address     	{ 	 }
del         	{ background:#FFCECE; color:#f00; }

code, pre		{ background-color:#FF9; padding:2px 0px; margin:4px 25px;
             font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; line-height:150%;	}


.wrap 		{ width: 100%; 
          margin: 0 auto; 
}

/* Containers */

#wrapper 			{ width:100%; 
              min-height:100%;
              margin:0 0; 
              background-color:#fff;
              padding:0px 0px; 
              border-top:1px  solid; 
}

#top	 			{   }

#name	 		{ float:left; margin:10px 0 10px 0;   }
#manchester		{ font-family:'Open Sans Condensed', Arial, Helvetica, sans-serif; 
               font-size:42px; font-weight:bold; line-height:180%; color:#000;	}					
#design-studio		{ font-family:'Bilbo', 'Times New Roman', Times, serif;
                  font-size:60px; font-weight:normal; color:#A85400;	}

#social-media		{ margin:5px 0; float:right;	}
#social-media ul 	{	}
#social-media ul li	{ display:inline;	}
#social-media img	{ width:32px; height:32px; }

#social-media p	{ font-size:14px; font-weight:bold; margin:0 0 12px 0; text-align:right; }

#topnav 		{ clear:both; margin:0px 0px 20px 0px; padding-left:5%;  }
#topnav ul		{ border-top:1px #aaa dotted;
              padding:0px 0px;	}
#topnav ul li		{ display:inline; margin-right:20px;	}
#topnav ul li a	{ font-weight:bold;	}

#topnav a:link		{ color:#000;	}
#topnav a:visited	{ color:#000;	}
#topnav a:active	{ color:#000;	}
#topnav a:hover         { color:#BF6000;	}
#topnav a:focus         { color:#BF6000;	}

#banner 		{ background-image:url(../images/banner/b1.jpg); background-repeat:no-repeat;    }


#leftside 		{ width:15%; 
                            float:left; 
                            padding-top: 20px;
                            padding-left: 2%;
                        }
#leftside h2		{ font-size:24px; font-weight:bold; margin:0 0 20px 0; color:#9F5000;}
#leftside h3		{ font-size:24px; font-weight:bold; margin:0 0 20px 0; color:#9F5000;}
#leftside p		{ line-height:160%; margin:12px 0;}
#leftside .image	{ width:200px;	}
#leftside li		{ list-style-type:square; margin:0 0 12px 30px;	}
#leftside a		{	}

#leftside a:link		{ color:#000;	}
#leftside a:visited	{ color:#000;	}
#leftside a:active		{ color:#000;	}
#leftside a:hover		{ color:#BF6000;	}
#leftside a:focus		{ color:#BF6000;	}


#rightside 		{ width:18%; 
                            float:left;
                            margin: 5px 0px; 
                            padding-top: 20px;
                            padding-left: 1%;
}
#rightside h2		{ font-size:24px; font-weight:bold; margin:0 0 20px 0; padding-left: 2%; color:#9F5000;}
#rightside h3		{ font-size:20px; font-weight:bold; margin:0 0 20px 0; padding-left: 2%; color:#9F5000;}
#rightside p		{ line-height:100%; margin:5px 0;	}
#rightside .image	{ width:100%;	}
#rightside li		{ list-style-type:square; margin:0 0 12px 30px;	}
#rightside a		{ font-size:14px; 
                font-family: Arial, Helvetica, sans-serif; 
                padding: 2px; 
                padding-top:5px;
                margin-top: 5px;}
#rightside a:link	{ color:#000;	}
#rightside a:visited	{ color:#000;	}
#rightside a:active	{ color:#000;	}
#rightside a:hover	{ color:#BF6000;	}
#rightside a:focus	{ color:#BF6000;	}


#rightsidewAdd 		{ width:18%; float:right; margin:10px 0px;  }
#rightsidewAdd h2		{ font-size:24px; font-weight:bold; margin:0 0 20px 0; color:#9F5000;	}
#rightsidewAdd h3		{ font-size:20px; font-weight:bold; margin:0 0 20px 0; color:#9F5000;	 }
#rightsidewAdd p		{ line-height:160%; margin:12px 0;	}
#rightsidewAdd .image	{ width:270px;	}
#rightsidewAdd li		{ list-style-type:square; margin:0 0 12px 30px;	}
#rightsidewAdd a		{	}
#rightsidewAdd a:link		{ color:#000;	}
#rightsidewAdd a:visited	{ color:#000;	}
#rightsidewAdd a:active		{ color:#000;	}
#rightsidewAdd a:hover		{ color:#BF6000;	}
#rightsidewAdd a:focus		{ color:#BF6000;	}


#middlewRelate 		{ width:60%; float:left; margin:10px 0px;  }
#middlewRelate h2		{ font-size:24px; font-weight:bold; margin:0 0 20px 0; color:#9F5000;	}
#middlewRelate h3		{ font-size:20px; font-weight:bold; margin:0 0 20px 0; color:#9F5000;	 }
#middlewRelate p		{ line-height:160%; margin:12px 0;	}
#middlewRelate .image	{ width:270px;	}
#middlewRelate li		{ list-style-type:square; margin:0 0 12px 30px;	}
#middlewRelate a		{	}
#middlewRelate a:link		{ color:#000;	}
#middlewRelate a:visited	{ color:#000;	}
#middlewRelate a:active		{ color:#000;	}
#middlewRelate a:hover		{ color:#BF6000;	}
#middlewRelate a:focus		{ color:#BF6000;	}

#middlewAddQuote 		{ width:60%; float:left; margin:10px 0px;  }
#middlewAddQuote h2		{ font-size:24px; font-weight:bold; margin:0 0 20px 0; color:#9F5000;	}
#middlewAddQuote h3		{ font-size:20px; font-weight:bold; margin:0 0 20px 0; color:#9F5000;	 }
#middlewAddQuote p		{ line-height:160%; margin:12px 0;	}
#middlewAddQuote .image	{ width:270px;	}
#middlewAddQuote li		{ list-style-type:square; margin:0 0 12px 30px;	}
#middlewAddQuote a		{	}
#middlewAddQuote a:link		{ color:#000;	}
#middlewAddQuote a:visited	{ color:#000;	}
#middlewAddQuote a:active		{ color:#000;	}
#middlewAddQuote a:hover		{ color:#BF6000;	}
#middlewAddQuote a:focus		{ color:#BF6000;	}


#middlewAddRelated 		{ width:60%; float:left; margin:10px 0px;  }
#middlewAddRelated h2		{ font-size:24px; font-weight:bold; margin:0 0 20px 0; color:#9F5000;	}
#middlewAddRelated h3		{ font-size:20px; font-weight:bold; margin:0 0 20px 0; color:#9F5000;	 }
#middlewAddRelated p		{ line-height:160%; margin:12px 0;	}
#middlewAddRelated .image	{ width:270px;	}
#middlewAddRelated li		{ list-style-type:square; margin:0 0 12px 30px;	}
#middlewAddRelated a		{	}
#middlewAddRelated a:link		{ color:#000;	}
#middlewAddRelated a:visited	{ color:#000;	}
#middlewAddRelated a:active		{ color:#000;	}
#middlewAddRelated a:hover		{ color:#BF6000;	}
#middlewAddRelated a:focus		{ color:#BF6000;	}

#middlewCommon                  { width:60%; float:left; margin:10px 0px; padding-top:15px; padding-bottom:5px; }
#middlewCommon h1		{ font-size:28px; font-weight:bold; margin:0 0 5px 0; color: darkblue;	}
#middlewCommon h2		{ font-size:24px; font-weight:bold; margin:0 0 5px 0; color: darkblue;	}
#middlewCommon h3		{ font-size:20px; font-weight: 100; margin:0 0 5px 0; color: midnightblue;	 }
#middlewCommon h4		{ font-size:16px; font-weight:bold; margin:0 0 5px 0; color:#000000;	 }
#middlewCommon p		{ line-height:160%; margin:12px 0;	}
#middlewCommon .image	{ width:270px;	}
#middlewCommon li		{ list-style-type:square; margin:0 0 12px 30px;	}
#middlewCommon a		{	}
#middlewCommon a:link		{ color:#000;	}
#middlewCommon a:visited	{ color:#000;	}
#middlewCommon a:active		{ color:#000;	}
#middlewCommon a:hover		{ color:#BF6000;	}
#middlewCommon a:focus		{ color:#BF6000;	}

#rightpanel 		{ width:25%; float:right; margin:10px 10px; padding-left: 2%; 
                padding-top:50px;}
#rightpanel h2		{ font-size:24px; font-weight:bold; margin:0 0 20px 0; color:#9F5000;	}
#rightpanel h3		{ font-size:20px; font-weight:bold; margin:0 0 20px 0; color:#9F5000;	 }
#rightpanel p		{ line-height:160%; margin:12px 0;	}
#rightpanel .image	{ width:95%;	}
#rightpanel li		{ list-style-type:square; margin:0 0 12px 30px;	}
#rightpanel a		{	}

#rightpanel a:link		{ color:#000;	}
#rightpanel a:visited	{ color:#000;	}
#rightpanel a:active		{ color:#000;	}
#rightpanel a:hover		{ color:#BF6000;	}
#rightpanel a:focus		{ color:#BF6000;	}



#leftpanel 		{ width:10%; float:left; margin:10px 0px; padding-left:10%;  padding-top:30px; }
#leftpanel h2		{ font-size:24px; font-weight:bold; margin:0 0 5px 0; color:#9F5000;	}
#leftpanel h3		{ font-size:20px; font-weight:bold; margin:0 0 5px 0; color:#9F5000;	 }
#leftpanel p		{ line-height:160%; margin:5px 0;	}
#leftpanel .image	{ width:200px;	}
#leftpanel li		{ list-style-type:square; margin:0 0 5px 5px;	}
#leftpanel a		{	}
#leftpanel a:link		{ color:#000;	}
#leftpanel a:visited	{ color:#000;	}
#leftpanel a:active		{ color:#000;	}
#leftpanel a:hover		{ color:#BF6000;	}
#leftpanel a:focus		{ color:#BF6000;	}


#addwordmain 		{ width:50%; float:left; margin:0px 0; font-family: Arial, Helvetica, sans-serif; font-size:16px;}
#addwordmain h1		{ font-size:32px; font-weight:bold; margin:10px 0px 20px 0px; color:#000;
                   border-bottom:1px #000 dotted; padding-bottom:22px; margin-bottom:22px;	}
#addwordmain h2		{ font-size:24px; font-weight:bold; margin:20px 0px 20px 0px; color:#9F5000;	}
#addwordmain h3		{ font-size:20px; font-weight:bold; margin:10px 0px 20px 0px; color:#9F5000;	}
#addwordmain p		{ line-height:180%;	}
#addwordmain img		{ 	}
#addwordmain li		{ list-style-type:square; margin:10px 40px;	}
#addwordmain a		{	}
#addwordmain a:link		{ color:#000;	}
#addwordmain a:visited		{ color:#000;	}
#addwordmain a:active		{ color:#000;	}
#addwordmain a:hover		{ color:#BF6000;	}
#addwordmain a:focus		{ color:#BF6000;	}


#leftcontent 			{ width:60%; float:left; margin:0px 0;  }
#leftcontent h1		{ font-size:32px; font-weight:bold; margin:10px 0px 20px 0px; color:#000;
                   border-bottom:1px #000 dotted; padding-bottom:22px; margin-bottom:22px;	}
#leftcontent h2		{ font-size:24px; font-weight:bold; margin:20px 0px 20px 0px; color:#9F5000;	}
#leftcontent h3		{ font-size:20px; font-weight:bold; margin:10px 0px 20px 0px; color:#9F5000;	}
#leftcontent p		{ line-height:180%;	}
#leftcontent img		{ 	}
#leftcontent li		{ list-style-type:square; margin:10px 40px;	}
#leftcontent a		{	}
#leftcontent a:link		{ color:#000;	}
#leftcontent a:visited		{ color:#000;	}
#leftcontent a:active		{ color:#000;	}
#leftcontent a:hover		{ color:#BF6000;	}
#leftcontent a:focus		{ color:#BF6000;	}



#rightcontent 			{ width:60%; float:left; margin:30px 0;  }
#rightcontent h1		{ font-size:32px; font-weight:bold; margin:10px 0px 20px 0px; color:#000;
                    border-bottom:1px #000 dotted; padding-bottom:22px; margin-bottom:22px;	}
#rightcontent h2		{ font-size:24px; font-weight:bold; margin:20px 0px 20px 0px; color:#9F5000;	}
#rightcontent h3		{ font-size:20px; font-weight:bold; margin:10px 0px 20px 0px; color:#9F5000;	}
#rightcontent p		{ line-height:180%;	}
#rightcontent img		{ 	}
#rightcontent li		{ list-style-type:square; margin:10px 40px;	}
#rightcontent a		{	}
#rightcontent a:link		{ color:#000;	}
#rightcontent a:visited		{ color:#000;	}
#rightcontent a:active		{ color:#000;	}
#rightcontent a:hover		{ color:#BF6000;	}
#rightcontent a:focus		{ color:#BF6000;	}


#rightcontentwSearch 			{ width:60%; float:left; margin:10px 0;  }
#rightcontentwSearch h1		{ font-size:32px; font-weight:bold; margin:10px 0px 20px 0px; color:#000;
                           border-bottom:1px #000 dotted; padding-bottom:22px; margin-bottom:22px;	}
#rightcontentwSearch h2		{ font-size:24px; font-weight:bold; margin:20px 0px 20px 0px; color:#9F5000;	}
#rightcontentwSearch h3		{ font-size:20px; font-weight:bold; margin:10px 0px 20px 0px; color:#9F5000;	}
#rightcontentwSearch p		{ line-height:180%;	}
#rightcontentwSearch img		{ 	}
#rightcontentwSearch li		{ list-style-type:square; margin:10px 40px;	}
#rightcontentwSearch a		{	}
#rightcontentwSearch a:link		{ color:#000;	}
#rightcontentwSearch a:visited		{ color:#000;	}
#rightcontentwSearch a:active		{ color:#000;	}
#rightcontentwSearch a:hover		{ color:#BF6000;	}
#rightcontentwSearch a:focus		{ color:#BF6000;	}


#leftsidewDetail 		{ width:16%; float:left; margin:10px 0px;  }
#leftsidewDetail h2		{ font-size:24px; font-weight:bold; margin:0 0 20px 0; color:#9F5000;	}
#leftsidewDetail h3		{ font-size:20px; font-weight:bold; margin:0 0 20px 0; color:#9F5000;	 }
#leftsidewDetail p		{ line-height:160%; margin:5px 0;	}
#leftsidewDetail .image	{ width:200px;	}
#leftsidewDetail li		{ list-style-type:square; margin:0 0 5px 5px;	}
#leftsidewDetail a		{	}

#leftsidewDetail a:link			{ color:#000;	}
#leftsidewDetail a:visited		{ color:#000;	}
#leftsidewDetail a:active		{ color:#000;	}
#leftsidewDetail a:hover		{ color:#BF6000;	}
#leftsidewDetail a:focus		{ color:#BF6000;	}



#rightsidewDetail 		{ width:18%; float:right;  margin:10px 0px; border:1px; color:#9F5000; }
#rightsidewDetail h2		{ font-size:24px; font-weight:bold; margin:0 0 20px 0; color:#9F5000;	}
#rightsidewDetail h3		{ font-size:20px; font-weight:bold; margin:0 0 20px 0; color:#9F5000;	 }
#rightsidewDetail p		{ line-height:160%; margin:12px 0;	}
#rightsidewDetail .image	{ width:150px;	}
#rightsidewDetail li		{ list-style-type:square; margin:0 0 5px 5px;	}
#rightsidewDetail a		{	}

#rightsidewDetail a:link		{ color:#000;	}
#rightsidewDetail a:visited		{ color:#000;	}
#rightsidewDetail a:active		{ color:#000;	}
#rightsidewDetail a:hover		{ color:#BF6000;	}
#rightsidewDetail a:focus		{ color:#BF6000;	}


#middlecontentwDetail 			{ width:60%; float:left; margin:10px 0;  padding-top:15px; padding-bottom:5px; }
#middlecontentwDetail h1		{ font-size:32px; font-weight:bold; margin:10px 0px 20px 0px; color:#000;
                            border-bottom:1px #000 dotted; padding-bottom:15px; margin-bottom:15px;	}
#middlecontentwDetail h2		{ font-size:24px; font-weight:bold; margin:20px 0px 20px 0px; color:#9F5000;	}
#middlecontentwDetail h3		{ font-size:20px; font-weight:bold; margin:10px 0px 20px 0px; color:#9F5000;	}
#middlecontentwDetail p		{ line-height:180%;	}
#middlecontentwDetail img		{ 	}
#middlecontentwDetail li		{ list-style-type:square; margin:10px 40px;	}
#middlecontentwDetail a		{	}
#middlecontentwDetail a:link		{ color:#00F;	}
#middlecontentwDetail a:visited		{ color:#BF6000;	}
#middlecontentwDetail a:active		{ color:#00F;	}
#middlecontentwDetail a:hover		{ color:#BF6000;	}
#middlecontentwDetail a:focus		{ color:#BF6000;	}




#content 			{ width:60%; float:left; margin:30px 0;  }
#content h1		{ font-size:32px; font-weight:bold; margin:10px 0px 10px 0px; color:#000;
               border-bottom:1px #000 dotted; padding-bottom:22px; margin-bottom:22px;	}
#content h2		{ font-size:24px; font-weight:bold; margin:20px 0px 10px 0px; color:#9F5000;	}
#content h3		{ font-size:20px; font-weight:bold; margin:10px 0px 10px 0px; color:#9F5000;	}
#content p		{ line-height:180%;	}
#content img		{ 	}
#content li		{ list-style-type:square; margin:10px 40px;	}
#content a		{	}
#content a:link			{ color:#000;	}
#content a:visited		{ color:#000;	}
#content a:active		{ color:#000;	}
#content a:hover		{ color:#BF6000;	}
#content a:focus		{ color:#BF6000;	}



#sample-popup h3		{ padding-bottom:12px; margin-bottom:12px;
                    border-bottom:1px #000 dotted;
                    text-transform:uppercase; }
#sample-popup h4		{ padding-bottom:12px; margin-bottom:12px;
                    font-size:24px; font-weight:bold; 
                    text-transform:uppercase; color:#954A00; }
#sample-popup p		{ margin-bottom:15px; }
#sample-popup img		{ float:left; margin-right:20px;	}

#myModal1, #myModal2, #myModal3, #myModal4, #myModal5, #myModal6 	{ z-index:9999;	}

#gallery				{	}
#gallery ul li			{ display:inline;	}
#gallery img			{ padding:5px; margin:10px -30px; border:1px #aaa dotted;	}

#faqs img				{ float:left; }
#faqs p				{ margin:0px 0px 20px 60px; }
#faqs h4				{ margin:0px 0px 20px 60px; margin-bottom:8px;
              font-size:16px;  }

#products				{	}
#products	h3			{ font-family:Arial, Helvetica, sans-serif; clear:both;
                 margin:40px 0 20px 0;  }
#products h4			{ font-size:16px; font-weight:bold; margin:15px 0; }
#products p			{ font-family:Arial, Helvetica, sans-serif; margin:0 0 12px 0; 	}
#products img			{ float:left; margin:0 20px 20px 0; }

#footer 				{ clear:both; padding:15px 0px;
              border-top:1px #333 dotted;  }
#footer a				{ font-size:11px; font-weight:bold; text-align:center; display:block; }

#footer a:link			{ color:#000;	}
#footer a:visited		{ color:#000;	}
#footer a:active		{ color:#000;	}
#footer a:hover		{ color:#BF6000;	}
#footer a:focus		{ color:#BF6000;	}

#share				{ margin:20px auto; text-align:center; }

#box1 img, #box2 img 	{ /*width:300px; height:200px;*/ 
    margin:0 0 5px 0; border:8px #F8D7AB solid;	}

#box1 { width:265px; float:left; margin:20px 40px 30px 0; }

#box2 { width:265px; float:left; margin:20px 0 30px 0;    }

#box3 {   }

#box4 {   }

#box5 {   }

#box6 {   }


/* Forms */

form ol { list-style-type:none; }

form 	{ text-align:left; margin:20px;}

label 	{ 
    float: left; width: 150px; margin-top:5px;
    text-align:right; display:block; background:none; font-weight:bold;
}

submit	{ background:none; 	}

input 	{ 
    width: 280px; margin:0 0 16px 10px;
    border:1px #bbb solid; padding:5px; background:none; 
}

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


textarea {
    width: 280px; height: 150px; margin:0 0 0px 0px;
    border:1px #bbb solid; padding:0px; background:none;
    align-content:flex-start; text-justify:auto;
}


select { margin-bottom:20px;	}

.month { margin-left:155px;	}

.submit {
    width:90px; height:25px;
    margin-left:160px;
    font-size:12px;
}

br		{ clear: left; 	}

.clear	{ clear:both; }


/* Miscellaneous  */

.bottom-25		{ margin-bottom:25px; }

.copyright-text	{ font-size:80%; font-style:italic; color:#333; }
.footer-text		{ font-size:14px; font-weight:bold; color:#333; text-align:center;
                padding-bottom:5px; margin-bottom:5px;  }

.title			{ font-size:18px; font-weight:bold; color:#333;  }
.subtitle			{ font-size:14px; font-style:italic; color:#333; }

.artist			{ font-size:16px; font-weight:bold; color:#333;  }
.author			{ font-size:14px; font-weight:bold; color:#555;   }
.editor			{ font-size:14px; font-style:italic; color:#555;  }

.pub-date			{ font-size:10px; font-style:italic; color:#555;  }
.article-date		{ font-size:10px; font-style:italic; color:#555;  }
.location			{ font-size:10px; font-style:italic; color:#555;  }

.float-right		{ float:right; margin:5px 0 8px 20px; }
.float-left		{ float:left; }
.clear			{ clear:both; }

.hide			{ display:none; }
.block			{ display:block; }
.inline			{ display:inline; }

.first			{ font-weight:bold; }
.last			{ font-weight:bold; }
.left			{ font-weight:bold; text-align:left; }
.right			{ font-weight:bold; text-align:right; }

.added      		{ background:#D7D7FF; }
.removed    		{ background:#FFCECE; color:#f00; }
.changed			{ background:#FFB; }


/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */

.error, .alert, .notice, .success, .info {
    padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error, .alert 	{ background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }

.notice			{ background: #fff6bf; color: #514721; border-color: #ffd324; }

.success   		{ background: #e6efc2; color: #264409; border-color: #c6d880; }

.info 			{ background: #d5edf8; color: #205791; border-color: #92cae4; }

.error a 	{ color: #8a1f11; }
.alert a 	{ color: #8a1f11; }

.notice a   { color: #514721; }
.success a  { color: #264409; }
.info a		{ color: #205791; }

.dropdown {
    float: left;
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    /*background-color: #f9f9f9;*/
    background-color: #f1f1f1;
    color: blue;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}


/* --------------------- */

.dropmenu {
    position: relative;
    display: inline-block;
}

.dropmenu a {
    color: floralwhite;
    text-decoration: none;
}

.dropmenu a:hover {
    background-color: red;
    color: white;
}

.dropmenu button {
    display: block;
    size: 12px;
    background-color: #f1f1f1;
    color: #00f;
    font-size: 12px;
    text-align: left;
    text-decoration: none;
}

.dropmenu button:hover {
    color: white;
}

.dropmenu-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    color: blue;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 0px 0px;
    z-index: 1;
}

.dropmenu:hover .dropmenu-content {
    display: block;
}

.dropmenu-content p {
    margin-top: 1px;
}

.dropmenu-content a {
    display: block;
    color: #00f;
    font-size: 14px;
    padding: 8px 16px;    
    text-decoration: none;
}

/* Change the link color on hover */
.dropmenu-content a:hover {
    background-color: #1F86C6; /* red; */
    color: white;
    height: 20px;
}

.dropmenu-content button {
    display: block;
    background-color: #f1f1f1;
    color: #00f;
    min-width: inherit;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    text-decoration: none;
}

/* Change the link color on hover */
.dropmenu-content button:hover {
    background-color: #1F86C6; /* #555;*/
    color: white;
}

/* when added an image, set it of the given size and left-aligned.*/
.dropmenu-content img {
    width: 20px;
    height: 100%;
    float: left;
    margin-right: 5px;
}

.notification {
    background-color: #f1f1f1;
    color: white;
    text-decoration: none;
    padding: 1px 5px;
    position: relative;
    display: inline-block;
    border-radius: 2px;
}

.notification:hover {
    background: red;
}

.notification .badge {
    position: absolute;
    top: 0px;
    right: -12px;
    padding: 5px 5px;
    border-radius: 50%;
    background-color: red;
    color: white;
}