/* 
   default text styles - background and colors overriden by
   album 'bgcolor', 'background', and 'textcolor' properties.
*/
body {
	background-color: #000000;
	color: #cc0000;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, "Gill Sans Std";
}
body   {
    /* more specific to override imported rule */
    font-size:    x-small;      
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    small
    /* intended value for better browsers */
    }

html>body {
    font-size:    small
    /* be nice to Opera */
    }
TD, P 
	{ 
	  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	  /*font-size: 10pt; */
	}
/* 
   link colors - overridden by the album 'linkcolor' property.
*/
A   	{ color: #CC0000; text-decoration: none; }
A:link	{ color: #CC0000; text-decoration: none; }
A:visited { color: #CC0000; text-decoration: none; }
A:active { color: #CC0000; }
A:hover	{ color: #CC0000; }
/* 
   text styles 
*/
.title                          /* album titles on main page */
	{ 
	  /*line-height:140%;*/
	  padding:2px;
	  margin-top:2px;
	  width: 100%;
	}
.title a,
.title a:link,
.title a:visited,
.title a:active {
	  font-family:verdana, arial, sans-serif;
	  color:#CC0000;
	  font-size:x-small;
	  font-weight:bold;
	  /*letter-spacing: .2em;*/  
	  text-decoration: none;
	}
.title a:hover {
	  color: #CC0000;
	  text-decoration: none;
	} 
.mod_title	/* album title  Text is controled by .title */ 
	{ 
          /*background-image: url(../images/mod_titlebar.jpg);*/
          width: 100%;
          height: 28px;
	}
.mod_title_bg	/* album title hightlight Text is controled by .title */ 
	{ 
	}
.mod_title_right  /* album title hightlight  Text is controled by .title*/ 
	{ 
	}
.mod_title_left  /* album title hightlight  Text is controled by .title */ 
	{ 
	}
.albumdesc  /*album description includes all text and background*/
	{
	  font-family:verdana, arial, sans-serif;
	  color:#000000;
	  font-size:x-small;
	  font-weight:bold;
	  /*line-height:140%;*/
	  padding:2px;
	  margin-top:2px;		
	  border:1px dashed #F5BF50;
	}
.desc  /* album descriptions on main page just description and author*/
	{ 
	  font-family:verdana, arial, sans-serif;
	  color:#000000;
	  font-size:x-small;
	  font-weight:bold;
	  /*line-height*/:140%;
	  padding:2px;
	  margin-top:2px;		
	  /*letter-spacing: .2em;*/ 
	}
.caption  /* photo captions on all pages */
	{ 
	  font-size: 10px; 	
	}
.modcaption  /* modifies background for caption text to reside  - for individual photos*/
	{
	  font-family:verdana, arial, sans-serif;
	  color: #cccccc;
	  /*text-align: right;*/
	  background-color: #000000;
	  font-size: 10px;
	  font-weight:bold;
	  /*line-height*/:140%;
	  padding:2px;
	  margin-top:2px;		
	  border:0px dashed #000000;
	}
.error  /* all error text */
	{ 
	  color: red; 
	  font-size: 12px; 
	}
.attention /* voting instructions */
	{
	}
.headbox  /* box around the page headers */
	{
	}
.head  /* page headers behind the Gallery title*/
	{ 
	  font-family:verdana, arial, sans-serif;
	  color:#CC0000;
	  font-size: 16px;
	  font-weight:bold;
	  /*background-image: url(../images/mod_titlebar.jpg);*/
	  /*line-height:140%;*/
	  /*letter-spacing: .2em;*/
	  border:0px dashed #000000;
	  height: 28px;  
	}
.head a,
.head a:link,
.head a:visited,
.head a:active 
	{
	  font-weight: normal;
	  color:#cccccc;
	  text-decoration: none;
	}
.head a:hover
	{
	  font-weight: normal;
	  color: #CC0000;
	  text-decoration: underline;
	}
.mod_headliner  /* Gallery & Album titles. Text is controled by .head */ 
	{ 
         /* background-image: url(../images/mod_titlebar.jpg);*/
          width: 100%;
          height: 28px;
	}
.mod_toplight_bg  /* Gallery & Album titles. Text is controled by .head */ 
	{ 
	}
.mod_toplight_right  /* Gallery & Album titles. Text is controled by .head*/ 
	{ 
	}
.mod_toplight_left  /* Gallery & Album titles. Text is controled by .head */ 
	{ 
	}
.bread  /* used in breadcrumb bars */
	{ 
	  font-size: 10px;
	}

.bordertop
	{
	}
.borderright
	{
	}
.borderleft
	{
	}
.fineprint  /* used for fine print */
	{ 
	  font-size: 10px; 
	}
.popuphead
	{
	  font-size: 16px;
	}
.popup
	{
	  font-size: 12px;
	}
.editlink,  /* Used for the [edit] tags */
.editlink a,
.editlink a:link,
.editlink a:visited,
.editlink a:active
	{
	  font-size: 10px;
	  font-weight: normal;
	  color: #CC0000;	  
	}
.modnavbox  /* main navigation bar next and previous */ 
	{ 
	  font-family:verdana, arial, sans-serif;	
	  color:#cccccc;
	  font-size: 12px; 
	  font-weight:bold;
	  /*background-color: #F5BF50;*/
	  background-color: #000000;
	  line-height:140%;
	  /*letter-spacing: .2em;*/
	  border:0px dashed #000000;
	  width: 100%;
	  height: 14px;
	}
.modnavbox a,
.modnavbox a:link,
.modnavbox a:visited,
.modnavbox a:active {
	  font-weight: normal;
	  color:#cccccc;
	  text-decoration: none;
	}
.modnavbox a:hover {
	  font-weight: normal;
	  color: #CC0000;
	  text-decoration: underline;
	}
.admin  /* used in admin bars - the serch text*/
	{ 
	  font-size: 10px;
	  color: #CC0000; 
	  font-weight: bold;
	}

.adminform
        {
          font-size: 10px;
          font-weight: bold;
          color: #CC0000;
        }

.search  /* used in admin bars - the serch text*/
	{ 
	  font-size: 10px;
	  color: #CC0000; 
	  font-weight: bold;
	}
.leftspacer /* amount of space to the left of the header and titles */
	{
	  /*width: 50px;*/
	}
.modnavboxtop  /*navagation bar top of screen where admin buttons show*/
	{ 
	  font-family:verdana, arial, sans-serif;
	  color: #CC0000;
	  font-size: 10px;
	  font-weight:bold;
	  /*background-color: #FFF366;*/
	  background-color: #000000;
	  /*line-height:140%;*/
	  letter-spacing: .1em;
	  border:0px dashed #000000;
	  width: 100%  
	}
.modnavboxtop a,
.modnavboxtop a:link,
.modnavboxtop a:visited,
.modnavboxtop a:active {
	  font-weight: normal;
	  color: #cc0000;
	  text-decoration: none;
	}
.modnavboxtop a:hover {
	  font-weight: normal;
	  color: #CC0000;
	  text-decoration: none;
	}
.modnavboxmid  /*navagation bar middle where the link for the albums show*/
	{ 
	  font-family:verdana, arial, sans-serif;
	  color: #CC0000;
	  font-size: 10px;
	  font-weight:bold;
	  /*line-height:140%;*/
	  border:0px dashed #000000;
	  width: 100%  
	}
.modnavboxmid a,
.modnavboxmid a:link,
.modnavboxmid a:visited,
.modnavboxmid a:active {
	  font-weight: normal;
	  color:#cc0000;
	  text-decoration: none;
	}
.modnavboxmid a:hover {
	  font-weight: normal;
	  color: #cccccc;
	  text-decoration: underline;
	}
.modfooter  /*footer where the Gallery version is located*/
	{ 
	  font-family:verdana, arial, sans-serif;
	  color:#cc0000;
	  font-size: 8px;
	  font-weight:normal;
	  background-color: #000000;
	  /*line-height:140%;*/
	  padding:2px;
	  border:0px dashed #000000;
	  width:100%   
	}
.modfooter a,
.modfooter a:link,
.modfooter a:visited,
.modfooter a:active {
	  text-decoration: none;
	}
.modfooter a:hover {
	  text-decoration: none;
	}
	
	/*AK additions*/
	
	
#header {
	position:absolute;
	top:30px;
	left:10px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #cc0000;
	color:#cc0000;
	font-weight: normal;	
	font-size:14px
}
#titleBlock {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;
	margin-left: 5px;
	padding-left: 10px;
}
#titleBlock p{
	margin-top: 5px;
	margin-bottom: 0px;
}

h1 {
	font-size: 24px;
	color: #cc0000;
	font-weight: normal;
	margin-top:0px;
	margin-bottom: 5px;
}
h2 {
	font-size: 18px;
	color: #cccccc;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom:0px;
}
h3{
	font-size: 14px;
}
#header1 p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#highLevelMenu{
	position: absolute;
	font-size: 14px;
	right: 0px;
	top: 115px

}

#highLevelMenu ul {
	margin-top:0;
	margin-bottom:0;
}
#highLevelMenu li{
	margin-bottom:10px;	
	display: inline;
	list-style-type: circle;
	padding-left: 13px;
	
	voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
	background-image: url(http://www.jgphotographer.co.uk/assets/images/whiteBullet.gif);
	background-repeat: no-repeat;
	background-position: left center;	
    /* intended value for better browsers */
}

#highLevelMenu li a{
	padding-right:30px;
	color: #cc0000;
	text-decoration: none;
	/*width:90px;*/
}
#highLevelMenu a:active{
	color: #cc0000;
}
#highLevelMenu a:hover{
	color: #cccccc;
}
#jgGalleryContent {
	position:relative;
	margin-left: 10px;
	margin-right: 10px;	
	margin-top:155px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #cccccc;
/*	color: #cccccc;*/
	/*padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;	*/
}
#imageFrame{
	color: #cccccc;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;	
	margin-top: 155px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #cccccc;
}
#imageFrame table {
	color: #cccccc;
}
table#imageFrame {
    /* more specific to override imported rule */
    font-size:    x-small;      
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    small
    /* intended value for better browsers */
}

#imageFrame td{
	color:#cccccc;
	/*font-size:smaller;*/
	padding: 5px;
}
#imageFrame li{
	text-align: right;
	color: #cc0000;
}
#info {
	font-size:14px;
	width: 800px;
	margin-left: 14px;
}
#info li{
	text-align: left;
	color: #cccccc;
	margin-top:4px;
}
#info a{
	color: #cc0000;
	text-decoration: none;
}
#info a:hover{
	color: #cccccc;
	text-decoration: none;
}
.infoTable, .infoTable td, .infoTable th {
	border: 1px solid #333333;	
	font-size:14px;
	text-align:center;
}

.clients td, .clients th {
	text-align:left;
}
#imageFrame span{
	color: #cccccc;
}
#contactDetails {
	position: relative;
	/*top:160px;*/
	margin-top: 0px;
	color: #cccccc;
	font-size:14px;
}
.copyright {
	margin-top:0px;
	margin-right:15px;
	color: #cccccc;
	margin-bottom: 3px;
	font-size:11px;
}
.albumInstructions {
	font-size:11px;

}



#contactDetails a{
	color:#cccccc;
	text-decoration:underline;
}
#contactDetails a:active {
	color:#cccccc;
	text-decoration:underline;
}
#contactDetails a:hover {
	color:#cc0000;
	text-decoration:underline;
}

#announcement {
	color: #cccccc;
	margin-top:60px;
	margin-left:10px;
}
img {
	border: none;
}
.dropnav {
	position:absolute;
	top:135px;
	right:50px;
	padding:2px;
	background: #000000;
	visibility: hidden;
	color: white;
	/*line-height: 1.5em;*/
	/*LIST-STYLE-TYPE: none;*/
	margin: 0px;
	padding: 0px;
	/*display: block;*/
	z-index: 17;
}
td.lnav {
	color: #fff;
	background-color: #333333;
	text-decoration: none;
	margin: 0px;
	font-size:14px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: 1px;
	border: solid;
	border: #777777;
}
.tableLink {
	display:inline-block;
	width: 100px;
}
#galleries{
	right:150px;
}
#information{
	right:50px;
}
td.lnav a{
	color:#cc0000;
}
td.lnav a:active{
	color:#cc0000;
}
td.lnav a:hover{
	color:#cccccc;
}

input {
	background-color: #cccccc;
}
textarea {
	background-color: #cccccc;
}
.red {
	color: #cc0000;
}
.pdf {
	float:right;
	width: 150px;
	margin: 15px;
	background-color: #333333;
	padding: 10px;
	font-size: 12px;
	border: 1px solid #777777;
}
.pdf p {
	margin-bottom: 0px;
}
sup {
	font-size: 9px;
}