/* ================================
    CSS STYLES FOR Smcculloch.Net Skin
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-color: #CCCCCC;
}

/* background color for the content part of the pages */
Body
{
    background-color: white;  
    font-family: Arial,Helvetica, sans-serif;
	font-size:0.85em;
	margin:4px 4px 0px 8px;
	padding:0px 0px 0px 0px;
	background-color: #ffffff;
	
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: black;
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  1em;
    font-weight: bold;
    color: #000000;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #000000;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}

.NormalBold
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #ff0000;
}
    
/* GENERIC */
H1  {
    font-family: Verdana, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    --
}

H2  {
    font-family: Verdana, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Verdana, Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #003366;
}

H4  {
    font-family: Verdana, Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #003366;
}

H5, DT  {
    font-family: Verdana, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

H6  {
    font-family: Verdana, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

TFOOT, THEAD    {
    font-family: Verdana, Arial, Helvetica;
    font-size:  12px;
    color: #003366;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #FFFFFF;
    background-color: #003366;
}

A:link  {
    text-decoration:    underline;
    color:  #336633;
}

A:visited   {
    text-decoration:    underline;
    color:  #336633;
}

A:active    {
    text-decoration:    underline;
    color:  #336633;
}

A:hover {
    text-decoration:    underline;
    color:  #ff0000;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Verdana, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

/* Custom Styles */

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:11px;
}

img { border: none; }
form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.ModuleBg 
{
	background-color: #336633;
}

#header{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}

#logo{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
	float:right;
}

#topnav{
	 background-color: #012e5a;
	height: 22px;
	margin: 4px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	clear:both;	
	border: solid 1px #012e5a;
}

#title{	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	height:18px;
}

#title h1{
	color:#fab60d;
	font-size:1.2em;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 4px;
}

#utilstrip{
	clear:both;
	font-size:0.9em;
	color:#000000;
	width:100%;
	height:18px;	
	background-color:#cccccc;
}

#breadcrumb{	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;		
	float:left;	
	color: #fab60d;
}

#breadcrumb img{
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
}

#breadcrumb p{
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 6px;		
}

#breadcrumb a:link, #breadcrumb a:visited{	
	color:#fab60d;
}

#login{	
	background-color:#012e5a;
	color: #fab60d;	
	margin:2px 0px 0px 0px;
	padding:0px 0px 0px 0px;		
	float:right;	
	
}

#login p{
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 6px;		
}

#login a:link, #login a:visited{	
	color:#fab60d;
}

#footer{
	clear:both;
	margin:0px 0px 0px 0px;
	padding: 7px 0px 5px 0px;
	background-color:#012e5a;
	color:#012e5a;
	
		
}

#footer p{
	color:#fab60d;
	font-size:0.9em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}

#footer a:link, #footer a:visited{
	color:#fab60d;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;		
}

.LeftPane{
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	clear: right;
}

.RightPane{		
	margin:5px 0px 0px 5px;
	padding:0px 0px 0px 0px;
	float:right;
}

.ContentPane{	
	margin:5px 0px 0px 5px;
	padding:0px 0px 0px 0px;	
	background-color:transparent;
	/*overflow:auto;*/
	float: right;
	height:100%;
	clear: left;
	
}

.EditPane{	
	margin:5px 0px 0px 205px;
	padding:0px 0px 0px 0px;	
	background-color:transparent;
	/*overflow:auto;*/
	height:100%;
}

#Separator
{
	height: 5px;
}


/* text style for the selected tab */
.SelectedTab {
    font-weight: normal;
    font-size: 1em;
    color: #fab60d;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
    text-decoration:    underline;
    color:#fab60d;
	border: solid 1px #012e5a;
}

A.SelectedTab:visited  {
    text-decoration:    underline;
    color:black;
}

A.SelectedTab:active   {
    text-decoration:    underline;
    color:black;
	border: solid 1px #012e5a;
}

A.SelectedTab:hover    {
    text-decoration:    underline;
    color:black;
}

/* text style for the unselected tabs */
.OtherTabs {
    font-weight: normal;
    font-size: 11px;
    color: black;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
    text-decoration:    underline;
    color:black;
}

A.OtherTabs:visited  {
    text-decoration:    underline;
    color:black;
}

A.OtherTabs:active   {
    text-decoration:    underline;
    color:black;
}

A.OtherTabs:hover    {
    text-decoration:    underline;
    color:black;
}

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */

/* Styles for level 0 */
.clLevel0,.clLevel0over{position:absolute; padding:6px 0px 0px 6px; font-family:,arial,helvetica; font-size: 0.9em; font-weight:bold; text-transform:uppercase; text-align: left;}
.clLevel0{background-color:#012e5a; layer-background-color: #012e5a; color: cornsilk; }
.clLevel0over{background-color: cornsilk; layer-background-color:cornsilk; color: #012e5a; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute;}

/* Styles for level 1 */
.clLevel1, .clLevel1over{position:absolute; padding:6px 0px 0px 6px; font-family:tahoma, arial,helvetica; font-size:0.9em; text-align: left;}
.clLevel1{background-color:#012e5a; layer-background-color:#012e5a; color:white;}
.clLevel1over{background-color:#012e5a; layer-background-color:#012e5a; color:cornsilk; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; layer-background-color:#FFFFFF; background-color:#FFFFFF; visibility:hidden;}

/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; layer-background-color:Navy; visibility:hidden}

#Title .SMHead   {
	color:#01235a;
	font-size:.9em;
	font-weight:normal;
}

/* Main Menu */

.MainMenu_MenuContainer {
border-bottom: #012e5a 0px solid;
border-left: #012e5a 0px solid;
border-top: #012e5a 0px solid;
border-right: #012e5a 0px solid;
background-color: #012e5a;
font-size: 1em;
}

.MainMenu_MenuBar {
cursor: pointer;
cursor: hand;
height:15;
}

.MainMenu_MenuItem {
cursor: pointer;
cursor: hand;
color: #fab60d;
font-family: Arial, Helvetica;
font-size: 1em;
font-weight: bold;
font-style: normal;
border-left: #012e5a 0px solid;
border-bottom: #012e5a 0px solid;
border-top: #012e5a 0px solid;
border-right: #012e5a 0px solid;
}

.MainMenu_MenuIcon {
cursor: pointer;
cursor: hand;
background-color: #012e5a;
border-left: #012e5a 0px solid;
border-right: #012e5a 0px solid;
border-bottom: #012e5a 0px solid;
border-top: #012e5a 0px solid;
text-align: center;
width: 15;
height: 21;
}

.MainMenu_SubMenu {
z-index: 1000;
cursor: pointer;
cursor: hand;
background-color: #012e5a;
filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3) ;
border-bottom: #fab60d 1px solid;
border-left: #fab60d 1px solid;
border-top: #fab60d 1px solid;
border-right: #fab60d 1px solid;
font-size: 1em;
}

.MainMenu_MenuBreak {
border-bottom: #404040 0px solid;
border-left: #FF8080 0px solid;
border-top: #FF8080 0px solid;
border-right: #404040 0px solid;
background-color: #000000;
height: 0px;
}

.MainMenu_MenuItemSel {
background-color: #fab60d;
cursor: pointer;
cursor: hand;
color: #012e5a;
font-family: Verdana;
font-size: 1em;
font-weight: bold;
font-style: normal;
}

.MainMenu_MenuArrow {
font-family: webdings;
font-size: 1em;
cursor: pointer;
cursor: hand;
border-right: #012e5a 0px solid;
border-bottom: #012e5a 0px solid;
border-top: #012e5a 0px solid;
}

.MainMenu_RootMenuArrow {
font-family: webdings;
font-size: 1em;
cursor: pointer;
cursor: hand;
}

