/* 
    Document   : site.css
    Created on : Jul 27, 2009, 1:43:42 PM
    Author     : Fred Jiles
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*{
    margin:0;
    padding:0;
}

body{
    font-size:14px;
    font-family:Helvetica, Arial, sans-serif;
    background:#ccc;
}


img{
    border:none;
}
p{
    margin:7px 0;
    line-height:130%;
}

.left{
    float:left;
}

.right{
    float:right;
}

.clear{
    clear:both;
}
p.errors {
	display:block;
	background:url(../images/error.png) 1% 10% no-repeat #ffcccc;
	padding-left: 50px;
	color:#000;
	min-height:50px;
        min-width:300px;
        border:1px solid #ff0000;
        font-weight:bold;
}
span.link{
    color:blue;
    text-decoration:underline;

}
tr.color{
    background:#dddddd;
}
#container {
    width:750px;
    background:#ffffff;
    margin:0 auto;
}
#header{
    height:162px;
    width:750px;
    
}

#menu{
    height:27px;
    width:750px;
    background: url(../images/menu_bg.jpg) repeat-x;
    border-bottom: 2px solid #000;
}
#footer{
    width:740px;
    background:#D4E25B;
    padding:5px;
    font-size:10px;
}
/**************************************** Header Styles *****************************/

#header img, #header_content{
    float:left;
    width:151px;
    margin:0;
    padding:0;
}
#header img{
    margin-top:20px;
}
#header_content{
    width:599px;
    background:#ffca08 url(../images/title_bg.jpg) repeat-x;
}
#header h1{
    color:#fff;
    font-size:20px;
    height:25px;
    line-height:25px;
    margin-left:20px;
    width:579px;
}

/**************************************** Navigation Styles *****************************/
#nav, #nav ul { /* all lists */
		list-style:none;
		padding:0;
		margin-left:3px;
                float:left;
	}

#nav a {
	text-decoration:none;
	display:block;
	font-size:13px;
	color:#fff;
	padding-right:8px ;
	margin:7px 4px 4px 3px;
	font-weight:bold;
        border-right:1px solid #fff;
}

#nav a:hover {
	color:#ffca08;
	}
#nav li { /* all list items */
		line-height:12px;
		float:left;
		/*padding:3px;*/
}
#nav li ul { /* second-level lists */
		position: absolute;
		margin:0;
		padding:0;
		display:none;
                background:#E1A215;
                border:1px solid #000;
                border-bottom:none;
}
#nav li ul li {
		float:none;
		margin:0;
		padding:0;
                border-bottom:1px solid #000;
}

#nav li ul li a {
		margin:0;
		padding:5px;
		font-size:12px;
		width:150px;
		display:block;
		color:#000000;
}

#nav li ul li a:hover {

	color:#FFF;
        background:#000;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
		display:block;
}
/**************************************** Content Styles *****************************/

#content {
    padding:10px;
    width:730px;
}
#content .index {
    padding:10px 0;
    width:750px;
}
#content ul{
    margin:5px 15px;
}
#content li{
    margin:5px;
}
h2.subTitle, h2.title{
    color:#c6111a;
    font-style:italic;
    font-size:16px;
    border-bottom:1px solid #ffca08;
    padding-bottom:2px;
    margin-bottom:10px;
}
/* index page styles */
#col1, #col2{
    float:left;
}
#col1{
    width:280px;
    padding:10px 10px 10px 0;
}
#col2{
    width:430px;
    padding:10px 0 10px 10px;
}
div.videoBox{
    
    padding-bottom:20px;
}
div.videoBox img{

    width:200px;
    float:right;

}
div.videoBox h5{

    color:#666666;

}
div.videoBox p{

    font-size:12px;

}
/**************************************** Footer Styles *****************************/
#footer p{
    text-align:center;
}

/* --------------------------- Add / Change Forms ------------------------------ */
form.change {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font: 14px arial,sans-serif;
  margin: 0;
  padding: 0;
  line-height: 16px;
}
form.change img{  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	border: 0;
	}
form.change :focus, form.dbsearch :focus {
		outline:1px #fbc200 solid;
		}

form.change fieldset {
  border-top:#CCCCCC 1px solid;
  border-bottom:#CCCCCC 1px solid;
  border-left:#CCCCCC 1px solid;
  border-right:#CCCCCC 1px solid;
  padding:10px;        /* padding in fieldset support spotty in IE */
  margin:10px;
}
form.change label {
	display: block;  /* block float the labels to left column, set a width */
	/*float: left;
	width: 125px;
 */
        font-weight:bold;
	padding: 0;
	margin: 20px 15px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left;
	color:#333333;
        font-size: 14px;
	line-height:14px;
}
form.change label.long{
	width:300px;
}
form.change fieldset legend {
	font-size: 12px; word-spacing: 1px; letter-spacing: 1px;
	font-weight: bold;
	color: #666666;
}

form.change br {
	clear:left;
}
form.change small {
	color: #FF0000; font-size: 10px;
	font-weight: normal;
}
form.change input, form.change  textarea, form.change select {
	border:  #999999 1px solid;
	margin-top:5px;
	background: #FFFFFF !important;
	}
        /*form.change input{
            width:300px;
        }*/

        form.change input[type='checkbox']{
            width:20px;
            border:none;
            margin-left:15px;
        }
form.change textarea{
	width:500px;
	height:150px;
}
form.change input[type='submit'] {
    width:auto;
}
form.change span.form_note {
	font-size:.8em;
	font-style:italic;
}

span.required{
    color:red;
}

/************************************* Admin List *********************************/

table.list{
    border:1px solid #000;
    padding:0;
    margin:10px auto;
    width:100%;
    
}
table.list th, table.list td {
    padding:2px;
    margin:0;
    border-collapse:collapse;
    text-align:left;
    border:1px solid #000;
}
table.list th{
    background:#000;
    color:#fff;
}
table.list tr.odd{
    background:#ddd;
}
table.list tr {
   margin:0;
   padding:0;
}
/********************** Uploadify ************************************/
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}
/******************************* File Upload Button *********************************/
.wrapper {
	width: 133px;
	margin: 10px;
}

div.button {
	height: 29px;
	width: 133px;
	background: url(../images/button.png) 0 0;
        cursor:pointer;
	font-size: 14px;
	color: #C7D92C;
	text-align: center;
	padding-top: 15px;
}
div.button.hover {
	background: url(../images/button.png) 0 56px;
	color: #95A226;
}
/****************************** Admin Menu *********************************/
#admin_menu{
    margin:10px;
   float:right;
}
#admin_menu li{
     display:inline;
     border:1px solid #D9151F;
     list-style:none;
     padding:5px;
     background:#D4E25B;
}
#admin_menu li a{
    text-decoration:none;
    color:#01A0DA;
    font-weight:bold;
    font-size:12px;
}

#admin_menu li a:hover{
    color:#D9151F;
    text-decoration:underline;
}

/******************************* programs ***********************/
div.program img {
    float:left;
    margin-top:10px;
    margin-right:20px;
}

div.program h3{
    color:#009BD4;
    font-size:20px;
}
div.program {
    margin-bottom:20px;
    border-bottom:1px solid #ffca08;
    padding-bottom:5px;
}

div.videoProgram img {
    float:left;
    
    margin:10px 20px;
}

div.videoProgram h3{
    color:#009BD4;
    font-size:20px;
}
div.videoProgram h3 span{
    font-size:12px;
}
div.videoProgram {
    margin-bottom:20px;
    border-bottom:1px solid #ffca08;
}

/******************* Video Archive **************/
table.videoArchive{
    border:1px solid #ffca08;
}
table.videoArchive thead tr {
    background:#018DC2;
    color:#fff;
    text-align:left;
}
table.videoArchive td{
    vertical-align:top;
    padding:3px;
    
}
td.videoDescription{
    font-size:12px;
}
/***************************************************** paginator *******************/
div.pages{
    float:right;
    margin-bottom:10px;
}
.paginate {

	font-size:1em;
        
}

a.paginate {
	border:1px solid #018DC2;
	padding:2px 6px 2px 6px;
	text-decoration: none;
        color:#018DC2;
}


a.paginate:hover {
	background-color: #806F41;
	color:#FFF;
	text-decoration: underline;
}

a.current {
	border: 1px solid #018DC2;
	font-weight: bold;
	padding:2px 6px 2px 6px;
	cursor: default;
	background:#018DC2;
	color:#FFFFCC;
	text-decoration: none;
}

span.inactive {
	border:1px solid #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding:2px 6px 2px 6px;
	color: #999;
	cursor: default;
}
/********************************* Contact Form **********************/

#form1{
		margin:1em 0;
		padding-top:10px;
		background:url(../images/form_top.gif) no-repeat 0 0;
                
		}
	#form1 fieldset{
		margin:0;
		padding:0;
		border:none;
		float:left;
		display:inline;
		width:260px;
		margin-left:25px;
		}
	#form1 legend{display:none;}
	#form1 p{margin:.5em 0;}
	#form1 label{display:block;}
	#form1 input, #form1 textarea{
		width:252px;
		border:1px solid #ddd;
		background:#fff url(../images/form_input.gif) repeat-x;
		padding:3px;
		}
	#form1 textarea{
		height:125px;
		overflow:auto;
		}
	#form1 div.bottom{
		height:20px;
		background:url(../images/form_bottom.gif) no-repeat 0 100%;
		padding:0 25px 0 25px;
		margin:0;
		text-align:center;
                
		}
	#form1 button{
		width:150px;
		height:37px;
		line-height:37px;
                margin-top:10px;
		border:none;
		background:url(../images/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}