/* color schemes */

/* BLUE colors */
/* h1,#dkBlueHr, #titleBar, .content .title, .contentInner, .dkBlueHr, #titleBar, #navBar, .on #438aea*/ 
/* a #5a98ed */
/* button #f0f6ff */
/* #search, .content, .videoTitle #f0f6fe*/
/* .picture #c5dbfa */




/*.......................global reset for better cross browser handling capablities....*/

img, p, body, h1, h2, h3, h4, h5, h6 {border: 0px solid black; margin: 0; padding: 0}

body{
	font-size: 62.5%;
	font-family: Arial, Helevetica, sans-serif;
	background-color: #ffffff;
	color: #444444;
	background-image: url("img/bg.jpg");
	background-repeat: repeat-x;
	text-align: center;
}



/* text styles */

p{

  	margin: 0 0 .75em;
	font-size: 1.2em;
	line-height: 1.3em;
}


.searchText{
	font-size: 1.1em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1{
	font-size: 1.8em;
}

h2{
	color: #ffffff;
	font-size: 1.3em;
}

h3 {
	font-size: 1.2em;
}

.videoDesc{
	padding-top: 10px;	
}

/* re-usable styles */

.floatLeft{float:left;}
.floatRight{float:right;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter{text-align:center;}

.clearBoth{clear: both;}
.clearLeft{clear: left;}
.clearRight{clear: right;}


/* main layout */

#container{
	margin-right: auto;
	margin-left: auto;
	width: 750px;
	background-color: #fff;
}

#colLeft{
	float: left;
	width: 200px;
	display: inline;
	text-align: left;
}

.colLeftInner {
	padding: 8px;
}


#colRight{
	float: left;
	width: 550px;
	display: inline;
	text-align: left;
}

#colRightInner {
	padding: 15px 12px 12px 12px;
}


#dkBlueHr{
	height: 1px;
	width: 100%;
}

#titleBar{
	height: 30px;
	width: 100%;
	text-align: left;
}

#titleBar #inner {
	padding: 8px;
}

a{ 
	text-decoration: none;
}

.button{
	padding: 5px 8px 5px 8px;
	height: 15px;
	text-align: center;
	float: left;
	font-size: 1.1em;
	clear: both;
}

.button:hover {
	text-decoration: underline;
}

.buttonSpacer{
	width: 10px;
	float:left;
}

/* side bar styles */ 

.selector{
	background-repeat: no-repeat;
	height: 10px;
	width: 20px;
	text-align: left;
	margin-left: 15px;
}


.content{
	margin-top: 10px;
}

.content .title{
	height: 15px;
}

.contentInner {
	padding: 4px 4px 4px 8px;
}





/* dividers */

.dkBlueHr{
	height: 1px; 
	margin: 10px 0px;
}

.ltBlueHr{
	height: 1px; 
	margin: 10px 0px;
}

/* footer */

#footer{
	clear: both;
} 

/* search form */

.searchForm .searchInput {
	border: 1px solid #a7a6aa;
	height: 20px;
	width: 180px;
}

.searchForm div {
	margin-top:5px;
	margin-bottom: 5px;
	font-size: 1.1em;
	}
	
.searchForm .submit {
	width: 100px;

}

.submitB{
	padding-top: 10px;
}


/* page specific css styles */

/* video view page */


.pictureContainer{
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
}

.picture{
	width: 139px;
	height: 139px;
	margin-left: auto;
	margin-right: auto;
}

.videoTitle{
	padding: 5px;
	width: 100%;
	font-size: 14px;

}

.video{
	padding-bottom:20px;
	display: block;
}

div.video ul li, div#colRightInner ul li {
	display: inline;
	font-size: 11px;
	margin: 0 5px 0 0;
}

div.video ul, div#colRightInner ul {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}

div.video img {
	padding: 5px;
	border: 1px solid #EFEFEF;
}

/* video select page */

.videoDesc{

}

.description{
	float: right;
	width: 320px;
}

.still{
	width: 200px;
	float: left;
}

.pageNavigation{
	clear: both;
}

#navBar{
	height: 20px;
	width: 100%;
	color: #fff;
	font-size: 1.1em;

}

#navBarPadding{
	padding: 3px;
}

.pag {
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}

.on {
	background-color: #fff;
	color: #438aea
}