/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

a {color: #682;}

a:hover {color: #9A6;}

body {
	background: #333 url(images/bg.gif);
	/*color: #333;*/
	font: normal 72.5% "Lucida Sans Unicode",sans-serif;
	margin: 3% 0;
}

/* Image Gallery Code */

.gallerycontainer{
position: relative;
margin-left: 50px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FFFFCC;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
p,ul {
	padding-bottom: 1em;
}

ul {margin-left: 1.2em;}

li {list-style: none;}
.main li {list-style:circle;text-align:left; margin-left:10px;}


h1 {font-size: 1.2em;}
h2 {font-size: 1.0em;}

/*blockquote {
	background: #666;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}
blockquote p {padding: 3px 0;}
*/
h1,h2,h3 {color: #990000;}

/* Span Class */
.clearer {clear: both;}
.main_right .padded {padding: 6px 2px 6px 16px;}
.main_right a {color: #ccc;}
.main_right a:hover {color: #990000;}
.main a {color: #990000;}
.main a:hover {color: #980000;}
.main .padded {padding: 18px 24px;}
.meta {font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}
img.floatright {float: right;}
em {color:#990000; font:normal;}

#maincontainer {
width: 840px;
margin: 0 auto;
}
/* Top section of Webpage */
#header{
	float: left;
	width: 640px;
	/*background: url(images/Header.gif) no-repeat;*/
	background-color:#000000;
	font: normal 2.4em Verdana,sans-serif;
	line-height: 150px;
	text-align: center;	
}

#header h1{
margin: 0;
padding-top: 15px;
text-align:right;
}

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
/*border: 1px solid #FFFFFF;*/
border-width: 1px 0;
background: black url(images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(images/blockactive.gif) center center repeat-x;
}

/*<!--[if IE]>

p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows
padding-top: 1em;
}*/

/* End of Horizontial Navigation */

/* Introduction */

#wrap{
float: left;
width:100%;
}

.main {
	float: left;
	width: 478px;
	background-color:#FFFFFF;
}

.main img {margin: 4px;}

.main_right {
	float: right;
	width: 200px;
	color: #CCC;
	background-color:#333;
}

.main_right h1 {
	color:#ccc;}
	
.subnav {
	float: left;
	width: 160px;
}

.subnav h1 {
	background: #222;
	color: #FFE;
	font: bold 1.1em Verdana,sans-serif;
	line-height: 24px;
	padding-left: 8px;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
	border-bottom: 1px solid #696755;
	list-style: none;
}
.subnav li a {
	background: #89866F;	
	color: #111;
	display: block;
	padding: 8px 0 8px 12px;
	width: 148px;
	text-decoration: none;
}
.subnav li a:hover {
	background: #9C997C;
	color: #000;
}

/* Footer of webpage*/
.footer {
	background: url(images/bgfooter.gif) repeat-x;
	color: #CCC;
	font-size: 0.9em;
	line-height: 39px;
	width: 100%;
	text-align: center;
}
.footer .left,.footer .right {padding: 0 16px;}
.footer a {color: #EEE;}
.footer a:hover {color: #FAFCB0;}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


.video{
margin-left: 60px; /*Margins for inner DIV inside each column (to provide padding)*/
}
.logos{
margin-left: 30px; /*Margins for inner DIV inside each column (to provide padding)*/

}

.right_box {

margin:2px;
margin-bottom:1.0em;
width:180px;
}

/* Pagination*/
.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #990000;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #FFFFFF;
color: #000;
background-color: #990000;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #990000;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}

.fr {

float:right;

}
