<?
	$page_width = 1050;
?>

	/* General styles */
	
	/*
	html
	{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
		overflow-y: auto;
	}
	*/
	
	body 
	{
		width: 100%;
		/*width: <?=$page_width?>px;*/
		min-width: 1000px;
		background: #fff;
		font-family: "Lucida Grande", "Arial", "Verdana";
		font-size: 12px;
		text-align: left;
		vertical-align: top;
		margin: 0;
		padding: 0;
		border: 0;
		overflow-x: hidden;
		overflow-y: auto;
	}
	
	a:link { color: #000000; text-decoration: underline; }
	a:active { color: #000000; text-decoration: underline; }
	a:visited { color: #666666; text-decoration: underline; }
	a:hover { color: #CC0000; text-decoration: underline; }

	a.subhead:link { color: #fff; text-decoration: underline; }
	a.subhead:active { color: #ffff99; text-decoration: underline; }
	a.subhead:visited { color: #fff; text-decoration: underline; }
	a.subhead:hover { color: #ffff99; text-decoration: underline; }
	
	h1, h2, h3 
	{
		margin: .2em 0 .2em 0;
		padding: 0;
	}
	
	p 
	{
		margin: 0 0 1em 0;
		padding: 0;
	}
	
	.bullet ul 
	{
		list-style-type: square;
		list-style-position: inside;
		margin-left: 0;
		margin-top: 0;
		padding-left: 1em;
		text-indent: -1em;
	}	

	td 
	{
		font-family: "Lucida Grande", "Arial", "Verdana";
		font-size: 100%;
		text-align: left;
		vertical-align: top;
	}
	
	
	/*
	img 
	{
		margin: 10px 0 5px;
	}
	*/
	
		
	/* Sticky nav */
	
	#header 
	{
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 110px;
		padding: 0;
		padding-top: 5px;
		margin: 0;
		background-color: #fff;
		overflow: hidden;
		z-index: 1;
	}
	
	#content 
	{
		padding: 0px;
		padding-top: 115px;
		padding-right: 0;
		padding-bottom: 55px;
		margin: 0;
		overflow-x: hidden;
		background-color: #fff;
	}

	#sidebar 
	{
		position: fixed;
		top: 8.5em;
		left: 0;
		width: 11em;
	}
	
	#sidebar p 
	{
		padding: 0 0.5em;
	}
	
	#footer 
	{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 55px;
		border-top: 1px solid #900;
		padding: 0;
		margin: 0;
		font-family: "Lucida Grande", "Arial", "Verdana";
		font-size: .65em;
		font-style: normal;
		text-align: center;
		color: #999;
		z-index: 100;
	}


	/* Column layouts */
	/* Borrowed from Matthew James Taylor: http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-ems.htm */
	
	/* column container */
	.col-mask 
	{
		position: relative;		/* This fixes the IE7 overflow hidden bug */
		float: left;
		clear: both;
		width: 100%;			/* width of whole page */
		overflow: hidden;		/* This chops off any overhanging divs */
		text-align: left;
	}
	
	/* common column settings */
	.col-right,
	.col-main,
	.col-left 
	{
		float: left;
		width: 100%;			/* width of page */
		position: relative;
	}
	
	.content-main,
	.content-left,
	.content-right 
	{
		float: left;
		position: relative;
		padding: 0 0 1em 0;		/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow: hidden;
	}
		
	/* 3-Column-layout settings */
	.threecol
	{
		background: #fff;		/* right column background color */
		font: 12px "Lucida Grande", "Arial", "Verdana";
	}

	.threecol .col-main 
	{
		right: 23%;				/* width of the right column */
		background: #fff;		/* center column background color */		
	}

	.threecol .col-left 
	{
		right: 55%;				/* width of the middle column */
		background: #fff;		/* left column background color */
	}

	.threecol .content-main
	{
		width: 51%;				/* width of center column content (column width minus padding on either side) */
		left: 102%;				/* 100% plus left padding of center column */
	}	

	.threecol .content-left
	{
		width: 18%;				/* width of left column content (column width minus padding on either side) */
		left: 29%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		text-align: right;
	}

	.threecol .content-right 
	{
		width: 19%;				/* Width of right column content (column width minus padding on either side) */
		left: 88%;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
	/* 2-Column-layout settings */
	.leftmenu 
	{
	    /*background: #fff;*/
		font: 12px "Lucida Grande", "Arial", "Verdana";
	}

    .leftmenu .colright	/* over-sized wrapper for main content */
    {
        float: left;
        width: 200%;
        position: relative;
        left: 14em;
        /*background: #fff;*/
    }

    .leftmenu .col1wrap	/* empty box to force main content to left */
    {
	    float: right;
	    width: 50%;
	    position: relative;
	    right: 13em;
	    padding-bottom: 1em;
	}

	.leftmenu .col1 	/* main content */
	{
        margin: 0 2em 0 16em;
	    position: relative;
	    right: 100%;
	    overflow: hidden;
	}

    .leftmenu .col2 	/* left sidebar */
    {
        float: left;
        width: 12em;
        position: relative;
        right: 13em;
        text-align: right;
    }


	/* Content styles */
	
	.page_title
	{
		font-family: "Lucida Grande", "Arial", "Verdana", sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #c00;
		margin-top: 8px;
	}
	
	.series-box
	{
		float: left;
		width: 195px;
		height: 171px;
		padding: 0px;
		margin: 5px;
		font: 11px "Lucida Grande", "Arial", "Verdana";	
		vertical-align: center;
	}
	.series-box td
	{
		border-bottom: 1px dotted black;
	}
	
	.thumbnail 
	{
		position: relative;
		float: left;
		padding-top: 0px;  
		padding-bottom: 10px;
		padding-left: 5px;
		padding-right: 5px;
		margin: 5px;
		width: auto;
		text-align: center;
		z-index: 100;
	}

	.video_thumbnail 
	{
		position: relative;
		float: left;
		padding: 1px;
		margin: 0px;
		border: 1px solid #999;
		width: 120px;
		height: 90px;
	}

	.photo_content 
	{
		float: left;
		width: 70%;
		border-left: 1px;
		border-left-color: #FFFFFF;
		border-left-style: solid;
		padding-left: 25px;
		padding-top: 30px;
		margin: 0;
		text-align: left;
		z-index: 100;
	}
	
	.divider
	{
		width: 100%; 
		height: 1px; 
		margin-top: 2px; 
		margin-bottom: 2px; 
		border-bottom: 1px solid #999;
	}

	.divider_dotted
	{
		width: 100%; 
		height: 1px; 
		margin-top: 2px; 
		margin-bottom: 2px; 
		border-bottom: 1px dotted #999;
	}
	
	.news_div
	{
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 12px;
		padding-right: 12px;
		margin: 0;
		margin-top: 3px;
		margin-bottom: 3px;
		margin-right: 25px;
		background-color: #efefef;
		border: 1px solid #ddd;
		cursor: pointer;
	}
	
	.news_div:hover
	{
		background-color: #ffff99;
		border: 1px solid #999;
	}
	
	.placeholder
	{
		float: left;
		width: 100px;
		height: 100px;
		padding: 0px;
		margin-top: 0;
		margin: 5px;
		font: 11px "Lucida Grande", "Arial", "Verdana";	
		vertical-align: center;
		text-align: center;
		border: 1px solid black;
	}
		
	.partner_div
	{
		position: relative;
		float: left;
		padding: 15px;
		padding-bottom: 20px;
		/* padding-right: 20px;
		padding-bottom: 20px; */
		margin: 0;
	}
	
		
	/* Home page feature box with rounded corners */	
	.box_home 
	{
		margin: 0px auto;
		min-width: 20em;
		color: #000;
	}
	
	.box_home .head .content,
	{
		height: 49px;
	}
	
	.box_home .foot .content 
	{
		font-size: 1px; /* ensure minimum height */
		height: 32px;
	}
	
	.box_home .head 
	{
		height: 49px;
		background: transparent url(/images/box_home_top_left_feature.png) no-repeat 0px 0px;
	}
	
	.box_home .head .content 
	{
		height: 49px;
		background: transparent url(/images/box_home_top_right.png) no-repeat;
		background-position: 588px 0px;
	}
	
	.box_home .head .title 
	{
		position: relative;
		bottom: -8px;
		margin: 0px 8px 0px 4px;
		padding: 10px 20px 10px 20px;
		font-size: 100%;
		font-weight: bold;
	}
	
	.box_home .body 
	{
		background: transparent url(/images/box_home_mid_left_feature.png) repeat-y 0px 0px;
	}
	
	.box_home .body .content 
	{
		background: transparent url(/images/box_home_mid_right.png) repeat-y;
		background-position: 588px 0px;
	}
	
	.box_home .body .content .inner 
	{
		margin: 0px 8px 0px 4px;
		padding: 10px 20px 10px 20px;
	}
	
	.box_home .foot 
	{
		height: 32px;
		background: url(/images/box_home_bottom_left_feature.png) no-repeat 0px 0px;
		z-index: 100;
	}
	
	.box_home .foot .content 
	{
		height: 32px;
		background: url(/images/box_home_bottom_right.png) no-repeat;
		background-position: 588px 0px;
	}


	/* Home page news box with rounded corners */	
	.box_home_news 
	{
		margin: 0px auto;
		min-width: 20em;
		color: #000;
	}
	
	.box_home_news .head .content,
	{
		height: 49px;
	}
	
	.box_home_news .foot .content 
	{
		font-size: 1px; /* ensure minimum height */
		height: 32px;
	}
	
	.box_home_news .head 
	{
		height: 49px;
		background: transparent url(/images/box_home_top_left_news.png) no-repeat 0px 0px;
	}
	
	.box_home_news .head .content 
	{
		height: 49px;
		background: transparent url(/images/box_home_top_right.png) no-repeat right 0px;
	}
	
	.box_home_news .head .title 
	{
		position: relative;
		bottom: -8px;
		margin: 0px 8px 0px 4px;
		padding: 10px 20px 10px 20px;
		font-size: 100%;
		font-weight: bold;
	}
	
	.box_home_news .body 
	{
		background: transparent url(/images/box_home_mid_left_news.png) repeat-y 0px 0px;
	}
	
	.box_home_news .body .content 
	{
		background: transparent url(/images/box_home_mid_right.png) repeat-y;
		background-position: 365px 0px;
	}
	
	.box_home_news .body .content .inner 
	{
		margin: 0px 8px 0px 4px;
		padding: 10px 20px 10px 20px;
	}
	
	.box_home_news .foot 
	{
		height: 32px;
		background: url(/images/box_home_bottom_left_news.png) no-repeat 0px 0px;
		z-index: 100;
	}
	
	.box_home_news .foot .content 
	{
		height: 32px;
		background: url(/images/box_home_bottom_right.png) no-repeat right 0px;
	}


	.fade-box 
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 163px;
		height: 116px;	
		padding: 0;
		margin: 0;
	}

	.team
	{
		position: relative;
		float: left;
		padding: 0;
		padding-right: 5px;
		padding-bottom: 5px;
		margin: 0;
	}
	
	.team .photo
	{
		position: relative; 
		width: 200px; 
		height: 227px; 
		padding: 0;
		margin: 0;
	}
		
	.team .name
	{
		position: relative; 
		top: -3px; 
		width: 200px; 
		height: 30px; 
		cursor: pointer;
		padding: 0;
		margin: 0;
	}
	
	
	/* Table styles */
	.dataTable 
	{
		width: 100%;
		border:0;
		border-collapse: collapse;
 		border-bottom: 2px solid #000;
 		border-top: 1px solid #000;
		padding: 0;
		font: 11px "Lucida Grande", "Arial", "Verdana";
		color: #000;
		text-align:left;
	}
	
	.dataTable tr 
	{
		background: #ddd;
		vertical-align: top;
		border-bottom: 1px solid #fff;
	}
	
	.dataTable th 
	{
		background: #000;
		font-size: 11px;
		font-weight: bold;
		color: #eee;
		padding: 2px 3px;
	}

	.dataTable td 
	{
		font: 11px "Lucida Grande", "Arial", "Verdana";
		color: #333;
		padding-left: 2px;
		height: 21px;
		line-height: 21px;
 		border: 0;
	}
	
	.dataTable .tableHeader th
	{
		background: #333;
		text-transform: uppercase;
	}
	
	.adminTable
	{
		border-collapse: collapse;
 		border: 1px solid #999;
		padding: 0;
		margin: 0;
		font: 12px "Lucida Grande", "Arial", "Verdana";
		color: #000;
		
	}
	
	.adminTable tr 
	{
		background: #fff;
		vertical-align: top;
		border-bottom: 1px solid #999;
	}
	
	.adminTable th 
	{
		background: #c00;
		text-align: left;
		color: #fff;
		padding: 3px 5px;
		border: 1px solid #c00;
		margin: 0;
	}

	.adminTable td 
	{
		font-size: 95%;
		vertical-align: top;
		border-bottom: 1px solid #999;
		padding: 4px 4px;
	}

	.label
	{
		font-family: "Lucida Grande", "Arial", "Verdana";
		font-weight: bold;
		font-size: 100%;
		text-align: right;
		background-color: #f2f2f2;
	}
	
	.clearfloat 
	{
		/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
		clear: both;
    	height: 0;
    	font-size: 1px;
    	line-height: 0px;
	}


	/*--- iPhone only CSS ---*/

	@media screen and (max-device-width: 480px)
	{
		#footer 
		{
			position: relative;
			overflow: hidden;
		}
	}

	@media screen and (max-device-width: 1024px)
	{
		#footer 
		{
			position: relative;
			overflow: hidden;
		}
	}