/* standard element styles */

@media all
{
	
* /* all elements */
{
	margin:0px;
	padding:0px;
}

body
{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	background-color:#FFFFFF;
}

input, select
{
	padding:2px;
	font-size:1em;
}
textarea
{
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
}


img
{
	border-width:0px;
}

p
{
	margin-bottom:.5em;
}

a:link, a:visited
{
	color:#000000;
	text-decoration:underline;
}

a:hover
{
	color:#0000CC;
}
a:hover:visited
{
	color:#666666;
}

h1
{
	font-size:1.5em;
	font-weight:normal;
	
	margin-bottom:.5em;
}
h1 a:link, h1 a:visited
{
	text-decoration:none;
}
h1 a:hover
{
	text-decoration:underline;
}
h2
{
	font-size:1.4em;
	font-weight:normal;

	margin-bottom:.5em;
}
h2 a:link, h2 a:visited
{
	text-decoration:none;
}
h2 a:hover
{
	text-decoration:underline;
}
h3
{
	font-size:1em;
	font-weight:bold;
	
	margin-bottom:.5em;
}
h3 a:link, h3 a:visited
{
	text-decoration:none;
}
h3 a:hover
{
	text-decoration:underline;
}
h4
{
	margin-bottom:1em;
	
	font-weight:normal;
	font-size:.7em;
}

li
{
	list-style-position:outside;
}
ul, ol
{
	padding-left:30px;
}
ul li
{
	list-style-type:disc;

	margin-bottom:.5em;
}
ul li ul li
{
	list-style-type:circle;
	
	margin:.5em 0px 0em 0px;
}

ol li
{
	list-style-type:decimal;

	margin-bottom:.5em;
}
ol li ol li
{
	list-style-type:upper-alpha;
}
ol li ol li ol li
{
	list-style-type:decimal;
}
ol li ol li ol li ol li
{
	list-style-type:lower-alpha;
}
ol li ol li ol li ol li ol li
{
	list-style-type:lower-roman;
}
blockquote
{
	margin-left:30px;
}
sup, sub
{
	font-size:.8em;
}
sup a:link, sup a:visited
{
	text-decoration:none;
}
sup a:hover
{
	text-decoration:underline;
}

sub a:link, sub a:visited
{
	text-decoration:none;
}
sub a:hover
{
	text-decoration:underline;
}

table
{
	position:relative; /* allows absolute positioning of elements within this element */
	
	border-width:1px 0px 0px 1px;
	border-color:#999999;
	border-style:solid;
}
td, th
{
	vertical-align:top;
	padding:.5em;
	
	border-width:0px 1px 1px 0px;
	border-color:#999999;
	border-style:solid;
}
th
{
	text-align:left;
}
td.connectToNext, th.connectToNext
{
	border-right-width:0px;
	padding-right:0em;
}
table.borderless, table.borderless td, table.borderless th
{
	border-width:0px;
}

hr
{
	height:1px;
	padding:0px;
	margin:.5em 0px 1em 0px;
	
	display:block;
	color:#999999;
	background-color:#999999;
	border-width:0px;
}
fieldset
{
	position:relative; /* allows absolute positioning of elements within this element */
}

/* common element styles */

.doubleSpace
{
	margin-bottom:1em !important;
}
.singleSpace
{
	margin-bottom:0em !important;
}

img.icon
{
	float:none !important;
	margin:0px !important;
	
	vertical-align:middle;	
}

img.alignRight
{
	float:right;
	margin:0px 0px 15px 15px;
}

div.contentColumn
{
	float:left;
	margin:0px 20px 0px 0px;
}

div#message div
{
	padding:.5em;
	margin:0px 0px 1em 0px;
	
	background-color:#CCCCCC;
	background-image:url("/assets/images/common/message.gif");
	background-repeat:repeat;
}

div.highlight
{
	padding:.5em;
	margin:0px 0px 1em 0px;
	
	background-color:#CCCCCC;
}
tr.highlight td
{
	background-image:url("/assets/images/common/background/white-50.png");
	background-repeat:repeat;
}
img.thumbnail
{
	float:left;
	margin:0px 10px 10px 0px
}
div.linkThumbnail
{
	padding-bottom:5px;
	margin-bottom:20px;
	border-bottom:1px solid #999999;
}
div.linkThumbnail h1, div.linkThumbnail h2, div.linkThumbnail h3, div.linkThumbnail h4, div.linkThumbnail p 
{
	padding-left:110px;
}
div.linkThumbnail img
{
	float:left;
}

.clear
{
	clear:left;
}
.more
{
	display:block;
	height:22px; /* total:24px*/
	padding-top:2px;
	
	background-image:url("/assets/images/common/buttons/arrowright.png");
	background-repeat:no-repeat;
	background-position:0px 0px;
	
	text-indent:29px;
}
.more:hover
{
	background-position:0px -24px;
}

div#overlay
{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	
	background-image:url("/assets/images/common/background/black-30.png");
	z-index:5;
	
	visibility:hidden;
}
.dialogue
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	
	background-color:#FFFFFF;
	border:1px solid #000000;
}

/* blog */

div.alignLeft
{
	float:left;
}
div.alignRight
{
	float:right;
}
div.post
{
	margin-bottom:3em;
}
#sidebar
{
	font-size:small;
}
#sidebar ul
{
	padding-left:0px;
}
#sidebar ul li
{
	display:block;
}
#sidebar ul ul
{
	padding-left:1.5em;
}
#sidebar ul ul li
{
	display:list-item;
	list-style-type:disc;
}
#sidebar h2
{
	font-size:medium;
	font-weight:bold;
	margin:1em 0px 0px 0px;
}
div.nextPrevLinks
{
	margin-bottom:2em;
}
ol.commentlist
{
	margin-bottom:2em;
}

/* buttons */

a.buttonDelete, div.buttonDelete, a.buttonEdit, a.buttonShow, a.buttonHide, 
div.buttonClose, div.buttonRotateLeft, div.buttonRotateRight, div.buttonFavorite,
div.buttonArrowUp, div.buttonArrowDown
{
	text-indent:-10000px;
	
	display:block;
	float:left;
	overflow:hidden;
	margin:0px 5px 5px 0px;
	
	background-repeat:no-repeat;
	background-position:0px 0px;
	cursor:pointer;
}
a.buttonDelete, div.buttonDelete
{
	width:24px;
	height:24px;
	background-image:url("/assets/images/common/buttons/delete.png");
}
a.buttonDelete:hover, div.buttonDelete:hover
{
	background-position:0px -24px;
}
a.buttonEdit
{
	width:24px;
	height:24px;
	background-image:url("/assets/images/common/buttons/edit.png");
}
a.buttonEdit:hover
{
	background-position:0px -24px;
}
a.buttonShow
{
	width:24px;
	height:24px;
	background-image:url("/assets/images/common/buttons/show.png");
}
a.buttonShow:hover
{
	background-position:0px -24px;
}
a.buttonHide
{
	width:24px;
	height:24px;
	background-image:url("/assets/images/common/buttons/hide.png");
}
a.buttonHide:hover
{
	background-position:0px -24px;
}
div.buttonClose
{
	width:24px;
	height:24px;
	background-image:url("/assets/images/common/buttons/close.png");
}
div.buttonClose:hover
{
	background-position:0px -24px;
}
div.buttonRotateLeft
{
	width:24px;
	height:24px;
	background-image:url("/assets/images/common/buttons/rotateleft.png");
}
div.buttonRotateLeft:hover
{
	background-position:0px -24px;
}
div.buttonRotateRight
{
	width:24px;
	height:24px;
	background-image:url("/assets/images/common/buttons/rotateright.png");
}
div.buttonRotateRight:hover
{
	background-position:0px -24px;
}
div.buttonFavorite
{
	width:24px;
	height:24px;
	background-image:url("/assets/images/common/buttons/favorite.png");
}
div.buttonFavorite:hover
{
	background-position:0px -24px;
}
div.buttonArrowUp
{
	width:24px;
	height:24px;
	background-image:url("/assets/images/common/buttons/arrowup.png");
}
div.buttonArrowUp:hover
{
	background-position:0px -24px;
}
div.buttonArrowDown
{
	width:24px;
	height:24px;
	background-image:url("/assets/images/common/buttons/arrowdown.png");
}
div.buttonArrowDown:hover
{
	background-position:0px -24px;
}

/*  FAQ styles */

div.faq
{
	padding-top:1em;
	margin-bottom:2em;
}

/* photo gallery styles */

div.gallery
{
	color:#CCCCCC;
	background-image:url("/assets/images/common/background/black-100.png");
	overflow:visible;
}
div.galleryLoading
{
	position:relative;
	width:100px;
	margin:auto;
}
div.gallery2
{
	position:relative;
	max-width:800px;
	margin:0px auto;
}

div.galleryControlsA
{
	position:absolute;
	top:20px;
	left:10px;
}
a.photoPrevious, a.photoNext,
a.photoPlay, a.photoStop,
div.photoScrollLeft, div.photoScrollRight
{
	display:block;
	float:left;
	width:50px;
	height:50px;
	
	text-indent:-10000px;
	background-image:url("/assets/images/photos/controls.png");
	background-repeat:no-repeat;
}
a.photoPrevious, a.photoPrevious:visited
{
	background-position:-225px -25px;
}
a.photoPrevious:hover
{
	background-position:-225px -125px;
}
a.photoNext, a.photoNext:visited
{
	background-position:-325px -25px;
}
a.photoNext:hover
{
	background-position:-325px -125px;
}
a.photoPlay, a.photoPlay:visited
{
	margin-right:10px;
	background-position:-125px -25px;
}
a.photoPlay:hover
{
	background-position:-125px -125px;
}
a.photoStop, a.photoStop:visited
{
	background-position:-25px -25px;
}
a.photoStop:hover
{
	background-position:-25px -125px;
}
div.galleryControlsB
{
	position:relative;
}
div.photoScrollLeft, div.photoScrollRight
{
	position:absolute;
	width:17px;
	z-index:1;
	
	cursor:pointer;
}
div.photoScrollLeft, div.photoScrollLeft:visited
{
	background-position:-425px -25px;
}
div.photoScrollLeft:hover
{
	background-position:-425px -125px;
}
div.photoScrollRight, div.photoScrollRight:visited
{
	right:0px;
	background-position:-525px -25px;
}
div.photoScrollRight:hover
{
	background-position:-525px -125px;
}

div.photoCaption
{
	position:absolute;
	top:90px;
	left:0px;
	width:180px;
}
div.photoCaption div.photoCaptionA
{
	position:absolute;
	padding:15px;
	z-index:2;
}
div#photoCaptionB
{
	clear:left;
	
	color:#FFFFFF;
	background-image:url("/assets/images/common/background/black-50.png");
	background-repeat:repeat;
}
div#photoCaption
{
	padding:49px 10px 20px 15px;
}

div.photoCaption a.buttonShow
{
	background-image:url("/assets/images/photos/show.png");
}
div.photoCaption a.buttonHide
{
	background-image:url("/assets/images/photos/hide.png");
}

img.photoFore
{
	display:block;
}
img.photoBack
{
	position:absolute;
}


div.photoThumbnails
{
	position:relative;
	height:50px;
	padding-left:23px; /* needs padding greater than the width of photoScrollLeft which covers part of it */
	
	overflow:hidden;
}
div.photoThumbnailsInside
{
	height:60px; /* needs to be high enough for the thumbnails, but only for one row of thumbnails, so they extend sideways */
}

div.photoThumbnail, a.photoThumbnail
{
	display:block;
	position:relative;
	float:left;

	text-decoration:none;
	
	height:50px;
	width:50px;
	margin:0px 6px 6px 0px;
}
.photoThumbnail img
{
	position:absolute;
}
.photoThumbnail span
{
	position:absolute;
	display:block;
	bottom:0px;
	right:0px;
	
	padding:0px 2px 0px 1px;
	
	color:#FFFFFF;
	font-weight:bold;
	
	cursor:pointer;
	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity:.8;
	opacity:.8;
}
.photoThumbnail:hover span
{
	color:#FFFFFF;
}
.photoThumbnail:visited span
{
	color:#FFFFFF;
}

div.photoNavigationExtras
{
	border:1px solid #CCCCCC;
}

a.photoLinkToThisPhoto
{
	display:block;
	position:relative;
	float:right;
	
	margin:0px 0px 0px 15px;
}
form.photoPlaySpeed
{
	float:left;
	position:relative;
	
	margin-right:15px;
}
div.photoAudioForward, div.photoAudioReverse
{
	display:block;
	float:left;
	
	height:20px;
	width:20px;
	
	background-color:#FFFFFF;
	background-position:center;
	background-repeat:no-repeat;
	
	cursor:pointer;
}
div.photoAudioForward
{
	margin-right:10px;
	
	background-image:url("/images/common/photos/next-small.gif");
}
div.photoAudioReverse
{
	background-image:url("/images/common/photos/previous-small.gif");
}
div.photoAudioForward:hover
{
	background-image:url("/images/common/photos/next-small-on.gif");
}
div.photoAudioReverse:hover
{
	background-image:url("/images/common/photos/previous-small-on.gif");
}

iframe.photoSubmit
{
	position:relative;
	top:0px;

	width:100%;
	margin:0px;
	padding:0px;
	height:2em;
	
	overflow:visible;
	border:0px;
	background:none;
	background-color:transparent;
}
table.photoListItem
{
	width:100%;
	
	border-top-width:0px;
}
div.photoListItem
{
	padding:.5em;
	
	border-color:#FFFFFF;
	border-style:solid;
	border-width:0px 1px 1px 1px;
}

}