/* Savantis Layout CSS
   Date: 10/10/2008
   By: Christopher Scott    
   Email: c.scott84@ymail.com
*/


/* Container Properties*/

html, body {
height: 100%;
}

#container /* Defines Size of Container (Overall Site Width) */
{
	width:924px; 
	min-height:100%;
	height:100%;
	height:auto;
	margin:0 auto;
	}
	
/*Header Properties*/

#header
{
	width:924px;
	float:left;
	height:230px;
   
	}
    
.banner{
    width:924px;
    height:230px;
}

/*Navigation Properties*/


#navigation
{
	width:924px;
	float:left;
	height:auto;
	}


/*Content Properties*/
	
#maincontent /* Defines width and padding to main content area */
{
	float:left;
	width:690px;
	height:auto;
	border-right: thin dotted #EFEFEF;
	padding:2px 10px 0px 24px; /*Note = Top - Right - Bottom - Left */
	}

.contentbox /* Applies Dotted Spacer to Content*/
{
    float:left;
	height:auto;
	width:690px;
	border-bottom: thin dotted #EFEFEF;
	padding:15px 0px 15px 0px; /*Note = Top - Right - Bottom - Left */
	}
	
.admincontentbox /* Applies Dotted Spacer to Content*/
{
    float:left;
	height:auto;
	width:690px;
	border-bottom: thin dotted #EFEFEF;
	padding:15px 0px 15px 26px; /*Note = Top - Right - Bottom - Left */
	}
	
.contentheader{
    float:left;
    height:auto;
	width:auto;
	padding:10px 0px 10px 0px; /*Note = Top - Right - Bottom - Left */
	
	
	}
/*Right Side Content Properties*/
	
#sidecontent /* Defines hight and padding*/
{
    float:left;
	width:175px;
   	height:auto;
	/*border-left: thin dotted #EFEFEF;*/
	padding:2px 13px 0px 10px; /*Note = Top - Right - Bottom - Left */ 
	}
	
.sidecontentbox /* Applies Dotted Spacer to Content*/
{
    float:left;
	width:175px;
	border-bottom: thin dotted #EFEFEF;
	padding:0px 0px 10px 0px; /*Note = Top - Right - Bottom - Left */
	}
	
/*Footer Properties*/
#footerbox{
    float:left;
	width:924px;
	height:60px;
	clear:both;	
	height:auto;
    }
	
.footerimg{
    width:924px;
    height:30px;
	background:url(../../images/layout/Footer.png) no-repeat;
	}
	
#footertxt
{
	float:left;
	width:924px;
	height:30px;
	padding:0px 0px 0px 0px;
	font-size:89%;
	
	}

pre 
{
	overflow:auto;
	font-size:100%;
	font-family: "trebuchet ms", verdana, arial, tahoma;
    }
	
/* End*/


/* CSS Document */
.rhm1{
	width:900px;
	height:64px;
	margin:0 auto;
	background:url(../../images/layout/rhm1_bg.gif) repeat-x;
}
.rhm1-left{
	background:url(../../images/layout/rhm1_l.gif) no-repeat;
	width:15px;
	height:64px;
	float:left;
}
.rhm1-right{
	background:url(../../images/layout/rhm1_r.gif) no-repeat;
	width:15px;
	height:64px;
	float:right;
}
.rhm1-bg{
	background:url(../../images/layout/rhm1_bg.gif) repeat-x;
	height:64px;
}
/* Root = Horizontal, Secondary = Vertical */

ul#navmenu {
  margin: 0px auto;
  border: 0 none;
  padding: 5px;
  list-style: none;
  height: 36px;
 
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 36px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width:160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 36px;
  left: 0;
}

ul#navmenu ul:after /*For IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
  border: 0 none;
}

ul#navmenu ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  border: 0 none;
  
}

/* Root Menu */
ul#navmenu a {
  margin:0;
  padding:0;
  padding: 0 15px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #FFF;
  font: bold 12px/26px Arial, Helvetica, sans-serif;
 /* line-height:36px;*/
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  border: 0px none;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  color: #DDE9FF;
  border: 0px none;
  border-bottom:0px double #DDE9FF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
    float: none;
	text-align:left;
    background: transparent url(../../images/layout/opaque.png);
	font-size:11px;
	font-weight: bold;
	color: #666666;
	line-height:36px;
	
}

/* 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: transparent url(../../images/layout/2ndopaque.png);
  color:#DDE9FF;
  border-bottom:0px solid #FF0000;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
    float: none;
	text-align:left;
    background: transparent url(../../images/layout/opaque.png);
	font-size:11px;
	font-weight: bold;
	color: #666666;
	line-height:36px;
}

/* 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: transparent url(../../images/layout/2ndopaque.png);
  color:#DDE9FF;
  border-bottom:0px solid #FF0000;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
    float: none;
	text-align:left;
    background: transparent url(../../images/layout/opaque.png);
	font-size:11px;
	font-weight: bold;
	color: #666666;
	line-height:36px;
}

/* 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: transparent url(../../images/layout/2ndopaque.png);
  color:#DDE9FF;
  border-bottom:0px solid #FF0000;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
  border: 0px none;
}

/* 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;
  border: 0 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;
  border: 0 none;
}

/*Footer Menu */

ul#footer {
  margin: 0px auto;
  width: auto;
  list-style: none;
}
ul#footer li {
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
}
ul#footer a {
  padding: 0 0px;
  color: #666;
  }
  
ul#footer a:hover{ 
	color: #5b8fbe; 
	text-decoration: none; 
	border: 0px none;
}
  
li.footer{
background-image: url(../../images/styles/arrowpoint.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0px 0px 0px 25px; /*Note = Top - Right - Bottom - Left */
margin:5px;
}

li.blank{
padding: 5px 5px 5px 40px; /*Note = Top - Right - Bottom - Left */
}

li.twitter-footer{
background-image: url(../../images/styles/arrowpoint.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0px 0px 0px 25px; /*Note = Top - Right - Bottom - Left */
margin:5px;
}

li.twitter-footer-txt{
padding: 5px 0px 5px 0px; /*Note = Top - Right - Bottom - Left */
margin:0;
}

/*Savantis Styles
  Date: 10/10/2008
  By: Christopher Scott    
  Email: c.scott84@ymail.com
*/

/* ~Body Style Properties*/

body{
	font-family: "trebuchet ms", verdana, arial, tahoma;
	color: #666;
	font-size:80%;
}

.smallarticletxt{
	font-family: "trebuchet ms", verdana, arial, tahoma;
	color: #666;
	font-size:95%;
	padding: 5px 0px 3px 0px; /*Note = Top - Right - Bottom - Left */

}

.floatright{
	float:right;
	padding: 5px;

	}

.floatleft{
	float:left;
	padding: 5px 10px 5px 5px; /*Note = Top - Right - Bottom - Left */
}

.imgfloatright{
	float:right;
	padding: 30px 30px 0px 0px; /*Note = Top - Right - Bottom - Left */
	}

.imgfloatleft{
	float:left;
	padding: 50px 0px 0px 20px; /*Note = Top - Right - Bottom - Left */
}

.clear{
	clear:both;
}
/* List Style Properties*/

ul{
list-style-type: none;
padding: inherit;
margin:  inherit;
}

ul.rss{
list-style-type: none;
padding: 1px 0px 0px 0px; /*Note = Top - Right - Bottom - Left */
margin:  0px;
}


ol{
list-style-type: none;
padding:  inherit;
margin:  inherit;
}

ul#hierarchy {
  margin: 0px auto;
  border: 0 none;
  padding: 0px;
  list-style: none;
 
}

li.first {
  margin: 0;
  border: 0 none;
  padding: 0px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
}

li.gloss{
background-image: url(../../images/styles/point.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0px 3px 20px; /*Note = Top - Right - Bottom - Left */
margin:5px;
}

li.arrow{
background-image: url(../../images/styles/arrowpoint.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0px 3px 20px; /*Note = Top - Right - Bottom - Left */
margin:10px;
}

li.fancyarrow{
background-image: url(../../images/styles/fancyarrow.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0px 3px 30px; /*Note = Top - Right - Bottom - Left */
margin:10px;
}

li.tri{
background-image: url(../../images/styles/tri.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0px 3px 30px; /*Note = Top - Right - Bottom - Left */
margin:10px;
}


li.basiclight{
background-image: url(../../images/styles/basic.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0px 3px 30px; /*Note = Top - Right - Bottom - Left */
margin:10px;
}

li.basicdark{
background-image: url(../../images/styles/basicdark.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0px 3px 30px; /*Note = Top - Right - Bottom - Left */
margin:10px;
}

li.rss{
background-image: url(../../images/styles/rss.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0px 0px 0px 20px; /*Note = Top - Right - Bottom - Left */
margin:0px;
}


/* Image Style Properties*/

img {
	border:none;
}

/* Link Style Properties*/

a:link, a:visited { 
	color: #5b8fbe; 
	text-decoration: none; 
	border: 0px none;
	}
a:hover{ 
	color: #666; 
	text-decoration: none; 
	border: 0px none;
	}


/* Header Style Properties*/


h1.arrow {
	background-image: url(../../images/styles/arrow.png);
	background-repeat: no-repeat;
	background-position: 100%;
	padding-right:30px;
	margin:0px;
	font-size:125%;
	font-weight: bold;
	color: #666;
	font-family: "trebuchet ms", verdana, arial, tahoma;
	
}

h2.arrow {
	background-image: url(../../images/styles/arrow.png);
	background-repeat: no-repeat;
	background-position: 100%;
	padding-right:25px;
	margin:0px;
	font-size:105%;
	font-weight: bold;
	color: #666;
	font-family: "trebuchet ms", verdana, arial, tahoma;
	
}

h1.tri{
	background-image: url(../../images/styles/tri.png);
	background-repeat: no-repeat;
	background-position: 100%;
	padding-right:30px;
	margin:0px;
	font-size:130%;
	font-weight: bold;
	color: #666;
	font-family: "trebuchet ms", verdana, arial, tahoma;
	
}

h2.open {
	background-image: url(../../images/styles/open.png);
	background-repeat: no-repeat;
	background-position: 100%;
	padding-right:35px;
	margin:0px;
	font-size:100%;
	font-weight: bold;
	font-family: "trebuchet ms", verdana, arial, tahoma;
	
}

h2{
	font-size:100%;
	font-weight: bold;
	color: #5b8fbe;
}

h2.bookmark{
	font-size:95%;
	font-weight: bold;
	color: #5b8fbe;
	display:inline;
	padding-right:5px;
}

h3{
	font-size:100%;
	font-weight: bold;
	color: #5b8fbe;
	padding-bottom:0px;
	margin:0px;
}

h2.tweet {
	background-image: url(../../images/styles/twitterbirdsmall.png);
	background-repeat: no-repeat;
	background-position: 100%;
	display:inline-block;
        padding:10px 45px 5px 0px;
        margin:0;
        font-size:105%;
	font-weight: bold;
	color: #666;
}


b.tweet{
        background-image: url(../../images/styles/twitterbirdsmall.png);
	background-repeat: no-repeat;
	background-position: 100%;
	padding:10px 0px 10px 40px;
        display:inline-block;
        margin:0;

}
/* Form Style Properties*/

.cssform p{
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
font-family: "trebuchet ms", verdana, arial, tahoma;
color: #666;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
font-family: "trebuchet ms", verdana, arial, tahoma;
color: #666;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
font-family: "trebuchet ms", verdana, arial, tahoma;
color: #666;
}

.cssform textarea{
width: 80%;
height: 150px;
font-family: "trebuchet ms", verdana, arial, tahoma;
color: #666;
}

span.copyright
{
	font-weight:bold;
	color:#FFF;
	font-size:85%
}

.captcha{
 padding:5px 0px 10px 155px;
}

.submitbutton{
    padding-left:155px;
}
/*END*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}