/* CSS Document : General Skye Photo Festival */

html, body {
    height: 100%;
}

body {
	background-color: #001238;
	font: 80% Arial, Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#holder {
	width: 756px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	background-color: #001238;
}

#index_top_image_holder {
	width: 100%;
	height: 214px;
	background-image: url(../library/index_image_top.jpg);
	background-repeat: no-repeat;
}

#index_middle_image_holder {
	width: 100%;
	height: 340px;
	background-image: url(../library/index_image_middle.jpg);
	background-repeat: no-repeat;
}

#index_bottom_image_holder {
	width: 100%;
	height: 207px;
	margin: 0 0 0 0;
	background-image: url(../library/index_image_bottom.jpg);
	background-repeat: no-repeat;
}

/* Tab Containers */
#index_top_tab_container {
	width: 756px;
	height: 30px;
	background-image: url(../library/bg_index_top_tab.jpg);
	background-repeat: no-repeat;
}

#index_bottom_tab_container {	
	width: 100%;
	height: 30px;
	background-image: url(../library/bg_index_bottom_tab.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#sub_top_tab_container {
	width: 100%;
	height: 30px;
	background-color: #001237;
	background-image: url(../library/bg_sub_top_tab.jpg);
	background-repeat: no-repeat;
}

#sub_bottom_tab_container {
	width: 100%;
	height: 30px;
	background-color: #001237;
	background-image: url(../library/bg_sub_bottom_tab.jpg);
	background-repeat: no-repeat;
}

#sub_banner_wrap {
	width: 100%;
	height: 112px;
	background-color: #1A1E37;
} 

#sub_banner_container_left {
	height: 112px;
	width: 230px;
	margin: 0 0 0 0;;
	padding: 0 0 0 0;
	float: left;
	text-align:left;
	background-image: url(../library/logo_banner_sub_black.jpg); 
}

#sub_banner_container_right {
	width: 230px;
	margin: 0 0 0 0;
	padding-right: 20px;
	padding-top: 70px;
	float: right;
	text-align:right;
}

#bottom_crumbs_container {
	width: 100%;
	height: 30px;
	margin: 0 0 0 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

#sub_top_image_holder {
	width: 100%;
}

/* 2 Menu Containers */
#menu_container_index {
	width: 100%;
	height: 20px;
	background-color: #001441;
}

#menu_container_sub {
	width: 100%;
	height: 20px;
	background-color: #021744;
}

#main_content_holder {    /* wrap to contain page content divs, inserted after menu */
	width: 100%;
	margin: 0px, 0px, 0px, 0px;
	background-color: #4D367A;
	background-image:url(../library/bg_gradient.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#gallery_content_holder {
	width: 660px;
	margin: 0px, 0px, 0px, 0px;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 20px;
	background-color: #4D367A;
	background-image:url(../library/bg_gradient.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#main_content_holder_left {
	height: auto;
	width: 530px;
	margin-top:2em;
	padding-left: 30px;
	float: left;
	text-align:left;
	clear: right;
}

#main_content_holder_full{
	height: auto;
	width: 650px;
	margin-top:2em;
	padding-left: 30px;
	float: left;
	text-align:left;
	clear: right;
}

#main_content_holder_right {
	height: auto;
	width: 140px;
	margin-top: 2em;
	margin-right: 4px;
	padding-right: 20px;	
	float: right;
	text-align:left;
}


.main_content_h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:130%;
	font-weight: bold;
}

.main_content_h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
	font-weight: bold;
}

.a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #AFA9CF;
	text-decoration: none;
}

.a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.a_another_link:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.a_another_link:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.a_another_link:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #AFA9CF;;
	text-decoration: none;
}

.a_another_link:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	clear: both;
	color: #FFFFFF;
	text-decoration: none;
}


/* gallery styles */
.gallerypointer {
	font-size: xx-small;
}
.galleryimagetitle {
	text-align:center;
	font-weight:bold;
}
.galleryimage {
	text-align:center;
}
.galleryimage img {
	border:none;
}
.galleryimagecaption {
	text-align:center;
	font-size:xx-small;
	font-style:italic;
}
/******************/


/* news styles ****/
#noticeboard {
	margin:0.3em 0 1em 0;
}
#newslist {
	margin:0;
	padding:0;
	list-style-type:none;
	margin:0.4em;
}
#newslist li {
	/*background-image: url(../../images/bullet3.gif);*/
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	padding-left:0.1em;
}
#newslist li p.title {
	font-weight:bold;
	color:#C0C0C0;
}
/*******************/

/****************/
#marqueecontainer {
	position: relative;
	width: 136px;
	height: 100px;
	overflow: hidden;
	border: none;
}
#vmarquee {
	position:absolute;
	top:0;
	left:0;
	width:98%;
}
/****************/
/* rounded box ****/
div.roundedbox {
	width:145px;
	text-align:left;
}
div.roundedbox p {
	text-align:left;
}