/* Stylesheet for Surpha, Inc */
/* Prepared by Steve Wright of Sandman Studios 2006 */
/* Copyright © 2006 all rights reserved */

@import url("navigation.css");



/* General Page Layout */

body{
	margin:0;
	padding:0;
	font: 400 80% Arial, Helvetica, sans-serif;
	background:#005179 url(/images/surpha/body.gif) repeat-x 0 0;
}


#page_container{
	margin:0;
	padding:0;
	color:#fff;
	background:#008bbc url(/images/surpha/bg-bottom.gif) repeat-x 0 bottom;
	min-width:880px;
	min-height:50em;
	overflow:auto;
	}
#page_container hr{ display: block; clear: left; margin:0; visibility: hidden;}


#header_nav{
	color:#99b9c9;
}
#footer_nav{
	clear:both;
	padding:1em;
	font-size:80%;
	color:#99b9c9;
	/* for link styles see navigation.css */
}

#left_column{width:160px; float:left; margin:0; margin-right:2em; padding:1em 0;}
#body_column{width:460px; float:left; margin:0; margin-right:1em; padding:1em 0;}
#wide_column{width:50em; float:left; margin:0; margin-right:1em; padding:1em 0;}
#right_column{width:120px; float:left; margin:0; margin-right:1em; padding:1em 0;}


/* GENERAL ================================================================ */
/* Standard Tags  */

td {vertical-align:top;}

h1{font: 800 150% Arial, Helvetica, sans-serif; margin:0;}
h1.extra{ color:#ffcc66; font: 700 135% Arial, Helvetica, sans-serif; margin:0;}

h2{margin:0; padding:0; color:#ccffff; font:600 120% Arial, Helvetica, sans-serif; text-transform:uppercase;}

h3 {
	margin:0; padding:6px 6px 6px 15px;
	color:#ccffff;
	font:600 80% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border:1px solid #66cccc;
	background:#005179 url('/images/bullet.gif') no-repeat left center;
	}

h4{color:#ffcc66; font: 700 135% Arial, Helvetica, sans-serif; margin-bottom:0;}


fieldset {padding:1em;border:1px solid #2DA3CD; margin-bottom:2em;}
legend{font-weight:800; font-size:95%; color:#ffcc66;}

p{}
a{color:#ffcc66;}
a:hover{text-decoration:none;}



/* Stylized Elements  */
div.trim_bottom {
	margin:0; padding:0;
	height:17px;
	border-top:1px solid #fff;
	background:url(../images/surpha/bdr-bottom.gif) repeat-x left bottom;

}

div.trim_top {
	margin:1em 0; padding:0;
	height:10px;
	background:url(/images/surpha/bdr-top.gif) repeat-x left top;

}

div.item_group {
clear:both;
	margin:1em 0;
	border-top:1px solid #2DA3CD;
}

img.header {margin-top:1em;}
img.reflected{background:transparent url(../images/surpha/tile-reflect.gif) repeat-x left bottom; padding-bottom:20px;}

/* text styles ================================================================ */
.orange {color:#ffcc66;}
.txt_label {font-weight:800; font-size:80%;}
.tight {margin:0 auto;}

/* Vertical List Without Nav on blue */
ul.list_items{ font-weight:600; list-style-type:none; margin:1em 2em; padding:0;}
ul.list_items li {}
ul.list_items li {display:block; color:#fff; padding:.4em 0; border-bottom:1px solid #66cccc;}

ol.numbered_list{margin:1em 2em; padding:0;}
ol.numbered_list li {}
ol.numbered_list li {display:block; color:#fff; padding:1em 0; border-bottom:1px solid #66cccc;}


/* Table Styles  */
table.home_content td.left_home{padding:1em 0;}
table.home_content td.right_home{padding:1em 0 1em 2em;}

table.home_content td.left_001{padding:1em 0;}
table.home_content td.right_001{padding:1em 2em;}

table.column_list td { padding: .5em; border-bottom:1px solid #66cccc;}
table.column_list td.date{width:25%; text-align:right;}
table.column_list td.photo{width:50%; text-align:center;}
table.column_list a{font-weight:800; font-size:110%;}


div.news_home{width:160px; margin:0 0 2em 2em;}
div.news_home p.date{font-size:85%; font-weight:600; margin-bottom:0;}
div.news_home p.story{font-size:85%; margin:0;}




/* Button Graphics  */
div.button_01 { text-align:center; background: transparent url(../images/surpha/btn-b01-right.gif) no-repeat right center;}
div.button_01 a{display:block; padding:.8em 3em; background: transparent url(../images/surpha/btn-b01-left.gif) no-repeat left center;}
div.button_01 a:link, div.button_01 a:visited{ font-weight:600; color:#fff; text-transform:uppercase;  text-decoration:none;}







/* text style used for most text rendered by modules */
.Normal
{
	
}

.NormalSmall
{
	font-size: 80%;
	
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalCheckBox
{
    margin-left: -4px;
    font-size: 11px;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalRadio
{
    font-size: 11px;
    text-indent: -5px;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalButton
{
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    font-weight: normal;
    text-indent: -5px;
/*    border-style: solid;
    border-width: 1px;
    border-color: #cccc99;
    background-color:#ccccaa;  */   
}

.NormalRed
{
    font-weight: 600;
    color: #CCFF00;
}

.NormalBold
{
    font-size: 95%;
    font-weight: 800;
}

.NormalSmallBold
{
	font-size: 90%;
    font-weight: 800;
}

.NormalItalic
{

}

.TableHeader
{
	font-size: 110%;
    font-weight: 800;
	background-color: #CCD8E1;
}

.TableBody
{
	font-size: 11pt;
	color: black;
	font-family: Arial, Sans-Serif;
	background-color: white;
}

.TableAttention
{
	border-right: #ccd8e1 thin inset;
	border-top: #ccd8e1 thin inset;
	font-weight: bold;
	font-size: 11pt;
	border-left: #ccd8e1 thin inset;
	color: white;
	border-bottom: #ccd8e1 thin inset;
	font-family: Arial, Sans-Serif;
	background-color: #1b6ca2;
}

.LegalNormal
{
	font-size: 80%;

}

.Tab_Active
{
	font-weight: bold;
	font-size: 8pt;
	text-transform: capitalize;
	color: white;
	font-family: Arial, Sans-Serif;
}

.Tab_Inactive
{
	font-weight: bold;
	font-size: 8pt;
	text-transform: capitalize;
	color:Gray;
	font-family: Arial, Sans-Serif;
	text-decoration: none;
}


/* =================================================================== */