/*
 SilverStripe BlackCandy Theme
 http://www.silverstripe.com
 */
 

/************
  * Misc Styles and defaults 
  */


html {
  /* background: #626467 url(../images/bg.gif) repeat; */
  background: #000;
}

a img{
	border:0;
}

.clear{
	clear:both;
}




/**************
 	Site Container Box
*/

#BgContainer {
  /* float: center; */
  background: #000;
  margin: 0 auto;
  margin-top: 18px;
  width: 899px;
  overflow: hidden;
}

#Layout {
  background: #000;
  overflow: auto;
  margin-left: 180px;
   height:100%;
}

div#LayoutSecondary {
  background: #000;
  overflow: auto;
  margin-left: 0px;
   height:100%;
}

#HomeContent {
   float: left;
   width:90%;
   margin-left:25px;
   margin-right:20px;
   
}

blockquote { color: #ffffff; font: italic normal normal 18px "Times New Roman" ; }

#Content {
   float: right;
   margin: 0px 0px 0px 0px;
   padding: 5px 5px 5px 5px;
}


   .Content p {
      color: #fff;
      font: normal normal normal 13px arial ;
      padding-bottom:24px;
   }

   .Content a:link { 
   color: #fff; 
   text-decoration: underline; 
   }

   .Content h1 {
      color: #fff;
      font: normal normal bold 18px arial ;
      margin: 0 0 0 0px;
      }

   .Content h2 {
      color: #fff;
      font: normal normal bold 14px arial ;
      text-transform: uppercase;
   }

   .Content h3 { 
   color: #fff; 
   font: normal normal bold 13px arial; 
   }

   .Content ul {
   margin-top: 3px;
   margin-bottom: 3px;
   list-style-position:inside;
   list-style:none;
   padding: 0;
   font-size: 13px;
   font-family:Arial, Helvetica, sans-serif;
   }
   
   .Content li {
   background: transparent url(/glamorris/mysite/images/content_bullet.jpg) no-repeat;
   background-position:10px 6px;
   padding-left:15px;
	line-height:20px;
   }
   
      .Content ol
   {
   margin-top: 3px;
   margin-bottom: 3px;
   list-style:inside;
   list-style-position:inside;
   padding: 0;
   font-size: 13px;
   font-family:Arial, Helvetica, sans-serif;
   }
   .Content ol li {
   background:none;
   background-image:none;
   line-height:20px;
   }
   
.Content img.right {
	float:right;
	margin-left:20px;
}
.Content img.left {
	float:left;
}
.Content img.center {
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.glatable {
   padding: 0 10px 0 10px;
   font: normal normal normal 14px arial ;
   color:#000;
   border-width:1px; 
   border-stype: solid; 
   border-collapse:collapse;
   }

   .glatable td,th {
      border-color:#fff;
      border-width:1px;
      border-style: solid;
      border-collapse:collapse;
   }

   .glathead  { background: #fff; }

   .glathl   { color: #ffffff;
               width:50%;
               text-align: left;
               font-weight: bold;
			   background: #746744;  }

   .glathr   { color: #ffffff;
               width:50%;
               text-align: left;  }



   .glatrEven { background: #000; }

   .glatrOdd  { }

   .glatdvar1 { color:#fff; }

   .glatdvar2 { color:#fff; }

   .glatdvar3 { color:#fff; }

   .glatdvar4 { color:#fff; }





/*** Main Nav ***/

#NavHolder {
    font: normal normal bold 14px tahoma ;
   width:210px;
}

   ul#Nav { 
      float: left; 
      margin: 0px 20px 0 0;
	  padding: 0 0 0 0; 
	  list-style: none;
   }

      ul#Nav li { 
         list-style: inside;
		 list-style-type:none;
         margin: 0 20px 0px 0;  
         float: left;
     
      }

         ul#Nav li a { 
            float: left;
            text-decoration: none;
            display: block; 
            padding: 0 0 0 0px; 
            color: #fff;
         }

            ul#Nav li a span {
               text-align: left;
               float: left;
               padding-left: 20px;
			   padding-top:10px;
            } 

            ul#Nav li a:hover { 
               color: #fff;
               cursor: pointer;
            }

            ul#Nav li a.current,
            ul#Nav li a.section,
            ul#Nav li a.section:hover,
            ul#Nav li a.current:hover { 
                color: #fff;
            }
   

/** Breadcrumbs **/

#Breadcrumbs { 

 	color: #B7C0C5;

	text-align: left;

	font-size: 0.9em; 

	margin: 0px 5px 10px 0;

	}

	#Breadcrumbs p {

		margin: 0;

	}



/*** Message Boxs ***/



.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}

span.middleColumn .message {
	margin: 4px 0 0 3px;
}

.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}

p.info {
	font-size: 1em;
	color: #999;
	margin: 2px;
}


p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}

.entry {
	border-bottom: 1px solid #eee;
}

p.comment { font-size: 1em;}

/* Forms
*******************************************************/

fieldset {
	border: 0;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}


textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form ul {
	list-style: none;
}

.middleColumn {
 	display: block;
 	margin: 5px 0px 5px 0px;
	background: #E9E9E9;
	padding: 4px;
	width: 306px;
	clear: left;
}

	#Sidebar .middleColumn {
		margin: 0 0 0 8px;
		display: inline;
	}


input.text, textarea, select {
	padding: 2px;
	border: 1px solid #A7A7A7;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	width: 300px;
}

select {
	width: auto;
}

input.action {
	padding: 2px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;

}

input:focus span, textarea:focus span {
	border: 3px solid #000;
}

input.action:hover,
input.action:focus {
	cursor: pointer;
}

#Search {
	width: 105px;
}

input#Search_Form_SearchForm_Search {
	width: 110px;
	padding: 3px;
	margin-left: -4px;
	font-size: 1.2em;
	}

#Sidebar input.action {
	font-size: 1.2em;
	float: right;
	padding: 1px;
	margin: -22px 10px 0 0;
}

	

/* Comments

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

#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}

ul#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}

ul#PageComments li.odd {

	background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
	padding-left: 40px;
	padding-right: 10px;
	border-bottom: 2px solid #BCE4FE;
}


ul#PageComments li.even {
	background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
	padding-right: 40px;
	padding-left: 10px;
}

ul#PageComments li.odd p.info {
	color: #3AA0C3;
}

/* Search Results 
*****************************************/
ul#SearchResults {
	margin: 10px 0;
}

ul#SearchResults li {
	list-style: none;
	margin: 5px 0;
	font-size: 1em;
}


/* The rest of this file is for the second tutorial */

#NewsList,
#StaffList {
   background:#f0f0f0;
   border:1px dotted #ccc;
   padding:10px;
}

   #NewsList li,
   #StaffList li {
      margin: 0;
      list-style-type: none;
   }

      #NewsList li.newsDateTitle span {
        color:#666;
         line-height:2em;
      }

      #NewsList li.newsDateTitle a {
         font-size:1.3em;
         font-weight:bold;
         color:#0083C8;
         text-decoration:none;
         padding-left:20px;
         background:url(../images/treeicons/news-file.gif) no-repeat left center;
      }

         #NewsList li.newsDateTitle a:hover {
            border-bottom:1px dotted #0083C8;
         }

      #NewsList li.newsSummary {
         margin-bottom:20px;
      }

         #NewsList li.newsSummary span {
            font-size:1.1em;
            line-height:1.5em;
            color:#333;
         }

         #NewsList li.newsSummary a.readMoreLink {
            color:#0083C8;
            text-decoration:none;
         }

            #NewsList li.newsSummary a.readMoreLink:hover {
               border-bottom:1px dotted #0083C8;
            }

div.newsDetails {
   margin-bottom:10px;
}

   div.newsDetails p {
      color:#666;
      margin:0;
     font-size:1em;
   }

#StaffList .staffname {
   clear: both;
   padding-left: 60px;
   height: 1.2em;
}

#StaffList .staffphoto {
   float: left;
   margin-left: 3px;
   margin-top: -1.2em;
}

   #StaffList .staffphoto img {
      border:1px solid #AAA;
   }

   #StaffList .staffdescription {
      margin-left: 60px;
      margin-bottom:30px;
   }

#StaffPhoto {
      float: left;
      margin-right: 10px;
}

   #StaffPhoto img {
       border:1px solid #AAA;
   }



div.pageComments {
   background:#f0f0f0;
   border:1px dotted #ccc;
   padding:10px;
}

#PageComments {
   list-style:none;
   background:#e9e9e9;
   border:1px solid #ccc;
   border-bottom:0;
   padding:0;
   margin:0;
}

   #PageComments li {
      list-style:none;
      padding:5px;
      margin:0;
      font-size:1em;
      border-bottom:1px dotted #bbb;
   }

      #PageComments li p span {
         font-style:italic;
      }

   #PageComments a.deletelink {
      font-weight:bold;
   }

#PageNumbers {
   font-weight:bold;
   color:#333;
   font-size:1.1em;
   text-align:center;
   padding:5px;
   border:1px solid #ddd;
   background:#e9e9e9;
}

   #PageNumbers * {
       padding:0 5px;
       line-height:1.5em;
   }

   #PageNumbers a {
      color:#0083C8;
      text-decoration:none;
   }

      #PageNumbers a:hover {
        text-decoration:underline;
      }


/* GLA Morris stuff */

#Header {
   color: #b3ab92;
   font: normal normal normal 12px arial,tahoma ;
   width:100%;
 text-align:center;

}

#BannerHome {
  text-align: center;
}

#BannerHomeImg {
  width:699px;
}

#SectionBanner {
   width: 100%;
   height: 202px;
   color: #fff;
   font: normal normal normal 24px "Footlight MT Light";
}

   #SectionBanner .Title {
      width:198px ;
      overflow: auto;
   }

   #SectionBanner .Image {
      overflow: hidden;
   }



.glalink a:link    { color: #fff; }

.glalink a:active  { color: #fff; }

.glalink a:hover   { color: #fff; }

.glalink a:visited { color: #ffffff; }

div#topm {

    /* background:  #898373a */;
    background: #000;
    color: #fff;
    font: normal normal normal 12px arial,tahoma ;
    height:26px;
    text-align: right;
}

  div#topm .gla-r {
    background: #000;
 }

  div#topm .gla-l {
    background: #000;
    height: 26px;
    overflow: hidden;
  }

#SectionMenu {
  width: 198px;
  float: left;
  padding-top:5px;
}

#Menu2 {
   display:block;
   margin-bottom: 1px;
   color: #ffffff;
   background-color:#000;
   height: 26px;
   /* width: 198px; */
   width: 168px;
   font-weight:bold;
   font-family: "Times New Roman", Times, serif;
   font-size: 14px; 
   text-align: left;
   padding-top: 4px;
   padding-left: 10px;
   margin-left:15px;
   text-decoration:none;
   clear:both;
}

#Menu2 a:link,
#Menu2 a:visited,
#Menu2.link 
   { 
   color: #ffffff; 
   text-decoration:none; 
   font-weight:bold;}

#Menu2 a:hover  { 
   color: #ffffff; 
   display:block;
   background-color:#000;
   height: 26px;
   width: 168px;
   text-decoration:none; 
   position:relative;
   top:-4px;
   left:-10px;
   padding-top: 4px;
   padding-left: 10px;
   }

#Menu2.current   { 
   color: #ffffff; 
   display:block;
   background-color:#000;
   height: 26px;
   width: 168px;
   text-decoration:none; 
   }

#Menu3{
width:168px;
float:left;
font:Arial, Helvetica, sans-serif;
font-size:13px;
}

  ul#Menu3 {
  list-style-position: inside;
  list-style-type:none;
  clear:both;
  margin-left:10px;
  margin-bottom:5px;
  margin-right:0;
  margin-top:0;
  padding:0;
  }

	#Menu3 li{
	padding-left:15px;
	line-height:20px;
    background: transparent url(/glamorris/mysite/images/nav_bullet.jpg) no-repeat;
   background-position:10px 8px;
  }

#Menu3 li.link a,
#Menu3 li.link a:visited,
#Menu3 li.link a:hover
 {
text-decoration:underline;
color: #fff;
}

  #Menu3 li.current a,
  #Menu3 li.section a {
    color:#fff;
    text-decoration: none;
	font-weight:bold;
  }

div.breadcrumbs {

        margin-bottom:10px;
        font-size:1em;
        color:#666;
}

div.breadcrumbs a {
        text-decoration:none;
}

div#wrapperhome {
   background: #000;
   margin: 0px 5px 0px 5px;
   overflow: auto;
}

div#wrappersecondary {
   background: #000;
   margin: 0px 0px 20px 0px;
   padding: 0px;
   height:100%;
}



#Content {
   float: left;
   margin: 0px 10px;
   width:90%;
}


#Main {
  margin:20px auto;
  width:100%;
}


#HomeContentR {
   margin-top:25px;
   float:right;
}

#Highlighted {
   padding: 18px 0px 5px 0px;
}

#Footer {
  width: 100%;
  background: #000;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

  #Footer .address{ 
    margin-top: 4px;
	margin-left:220px;	
  }

  #Footer a { 
   color: #fff; 
   text-decoration: none;
  }

  #Footer a:hover {
    color: #fff;
    text-decoration: underline;
  }

  #Footer .gla-r {
    background:#000;
  }

  #Footer .gla-l {
    background: #000;
    height: 44px;
    /* height: 105px; */
    overflow: hidden;
  }

#Bottom {
   color: #fff;
   background: #000;
   clear:both;
   padding: 0 0 0 0;
   border:1px;
   border-top:0;
   font: normal normal normal 12px arial,tahoma ;
   }

  #bottom a { 
   color: #fff; 
   text-decoration: none;
  }


   #Bottom .left {
      padding-left: 0;
	  margin: 0 0 0 0;
      text-align: left;
	  float:left;
   }
   
      #Bottom .middle{
      padding-left: 25px;
	  margin: 0 0 0 0;
      text-align: left;
	  float:left;
   }

   #Bottom .right {
	  padding-left: 30px;
	  padding-right: 20px;
	  text-align: right;
   }
   
      #Bottom .right a {
   color: #fff; 
   text-decoration: none;
   }