﻿/* 	Villa Madonna Academy Website CSS
   	Updated:	4/22/2008
   	Author: Jeremy Lucas | Tier1Performance.com
   	Developer: Mark Buelsing  | DataMark Computer Services, ltd | mark@datamark.cc
   	----------------------------------------------------*/
   

/* TABLE OF CONTENTS

	GENERIC
	QUICKLINKS
	CONTENT
	FOOTER
	NAVIGATION
    SOLPART MENU
	
*/

/* COLORS

	Body Background: 	#002659
   	Main Text:         	#72755c
   	Links:             	#3168af

*/


/*  =GENERIC
   	----------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
Body {
	background-color: #002659;
}
.WholePage{
	/*background: #002659 url('_imgs/BG-body-pattern.gif') repeat-x center top;*/
	background: #002659;
	color: #72755c;
	height: 100%;
	width: 100%;
	font: 12px/16px Arial, Helvetica, sans-serif;
}
.CenterATable{
	margin: 0 auto;
}
a {
	color: #3168af
}
img {
	border: none;
	vertical-align: middle;
}
p { 
}
table {
	border-collapse: collapse;
}
td {
	vertical-align: top;
	border-collapse: collapse;
}
#container {
	width: 900px;
	margin: auto auto;
	margin-left: auto;
	margin-right: auto;
}
#container-bottom {
	padding-top: 0px;
}
.TopPane{
	 background-color: white;
	 width: 880px;
	 height: 155px;
	 background-image: url('_imgs/hdr155-generic.jpg');
	 background-repeat: no-repeat;
}
.TopPaneHomePage{
	 background-color: white;
	 width: 880px;
	 height: 155px;
}
#inside {
	width: 880px;
	border-top: 1px white solid;
	border-left: 10px white solid;
	border-right: 10px white solid;
	border-bottom: 10px white solid;
	background-color: white;	
}

/*  Phased Out
#flash {
display: block;
width: 880px;
height: 265px;
border: 1px solid blue;
background: yellow;
}
*/
#ContactAndSearch{
	width: 615;
}

/*  =QUICKLINKS
   	----------------------------------------------------*/
#quicklinks {
	width: 230px;
	padding-bottom: 0px;
}

#quicklinks h1 {
	font-style: oblique;
	color: #bed6fb;
	height: 32px;
	display: block;
	background:url('_imgs/BG-ql-h1.png') right top;
	padding-left: 35px;
	font-variant: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 30px;
	font-family: "Times New Roman", Times, serif;
}

#quicklinks h2      {
	background:url('_imgs/BG-ql-list.png') repeat-y right top;
	height: 30px;
	line-height: 40px;
	color: #193a6f;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #acc2e3;
	padding-left: 30px;
}

#quicklinks ul {
	background:url('_imgs/BG-ql-list.png') repeat-y right top;
}

#quicklinks li {
	list-style: none;
	line-height: 22px;
	border-bottom: 1px solid #acc2e3;
	width: 230px;
}

#quicklinks a {
	display: block;
	color: #193a6f;
	background:url('_imgs/bllt-blue.gif') no-repeat 10px 6px;
	padding-left: 30px;
	text-decoration: none;
}

#quicklinks a:hover {
	background:#afcdfa url('_imgs/bllt-blue.gif') no-repeat 10px 6px;
}
#contactvma h1 {
	height: 26px;
	color: #133266;
	font-weight: bold;
	padding-left: 0;
	text-transform: uppercase;
}
#contactvma a {
	display: inline;
	color: #3168af;
	padding-left: 0;
	text-decoration: underline;
	padding: 2px;
}

#contactvma a:hover {
	background:#e6ecf2;
}

#contactvma p {
	margin-bottom: 6px;
}


/*  =CONTENT
   	----------------------------------------------------*/

.ContentPane{
	width: 650px;
	padding-top:20px;
	padding-left: 16px;
	vertical-align: top;
	text-align: center;
}
.ContentPane p {
	margin: 0 30px 15px 0px;
}
.ContentPane p.quote {
	background: #f7f9e3 url('_imgs/BG-quote.png') no-repeat left top;
	padding: 15px 15px 0 15px;
	margin: 0 20px 0 0px;
}
.ContentPane span.quotebottom {
	background: #f7f9e3 url('_imgs/BG-quote-bottom.png') no-repeat left bottom;
	display: block;
	height: 20px;
	margin: 0 20px 15px 0px;
}
.LeftParentPane{
	background-color: #cee0fc;
	height: 100%;
	background:url('_imgs/BG-ql-list.png') repeat-y right top;
}
.LowerLeftPane{
	padding-left: 10px;
	height: 0%;
	vertical-align: bottom;
	background-color: #cee0fc;
	background:url('_imgs/BG-ql-list.png') repeat-y right top;
	width: 230px;
}
.LeftPaneTable{
}
.FullWidth{
    width: 1%;
}

#footer {
	width: 880px;
	height: 50px;
	font-size: 9px;
	text-align: center;
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px solid #CCC;
}

#nav {
	width: 880px;
	height: 30px;
}

#header {
	height: 115px;
	width: 580px;
	background:transparent url('_imgs/placeholders/BG-headerShort.gif') no-repeat fixed left top;
}

#searchbar{
	width: 300px;
	background:transparent url('_imgs/placeholders/SearchBar.gif') no-repeat fixed right bottom;
	height:97px;
	margin-left:120px;
}

.SearchBarLoc{
	
	width="600px";
	padding-top: 87px;
}

#container-bottom {
	background: white;
	width: 900px;

}
.LeftIndent{
	width: 35px;
}
.SearchArea{
	background-color: #CEE0FC;	
	FONT-WEIGHT: bold;	
	FONT-SIZE: 8.5pt;	
	COLOR: #003366;	
	FONT-FAMILY: Tahoma, Arial, Helvetica;	
	TEXT-DECORATION: none;
	width: 100%;
	vertical-align:middle;
}

.SearchArea a:hover{
	color: #002659;
	text-decoration:underline;
	}

.breadcrumbRow{ 
	width: 650px;
	height: 5px;
	vertical-align:middle;
	padding-left: 20px;

	margin-top: 0px;
	margin-bottom: 0px;
}

.BreadCrumb{
	padding-left: 2px;
	text-decoration:underline;
    font-weight:normal;
    color:#696b6e;
    font-size:10px;

}
.breadCrumb a:visited{
    text-decoration:underline;
    font-weight:normal;
    color:#696b6e;
    font-size:10px;
    }

.breadCrumb a{
    text-decoration:underline;
    font-weight:normal;
    color:#696b6e;
    font-size:10px;    
    }

.breadCrumb a:hover{
    color:#fff;
    background-color:#696b6e;
    padding-bottom:2px;
    font-size:10px;
    }
/*  Links at the bottom of the page  *************** */
.LinksRow{ 
	width: 100%;
	height: 12px;
	vertical-align:middle;
	margin-top: 10px;
	margin-bottom: 10px;
}
.LinksCSS{
	padding-left: 2px;
    font-weight:normal;
    color:#696b6e;
    font-size:10px;
}
.LinksRow a:visited{
    font-weight:normal;
    color:#696b6e;
    font-size:10px;
    }
.LinksRow a{
    font-weight:normal;
    color:#696b6e;
    font-size:10px;
    }
.LinksRow a:hover{
    text-decoration:underline;
    padding-bottom:2px;
    font-size:10px;
    color:#696b6e;
    }
.AddressBar {
	font-weight: bold;
    font-size: 8.5pt;
    color: #0033CC;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
    width: 880px;
}
#AddressBar A {
    color:#0033CC;
}
A.AddressBar:link {
    text-decoration:    none;
    color:#0066FF;
}
A.AddressBar:visited  {
    text-decoration:    none;
    color:#0066FF;
}
A.AddressBar:hover    {
    text-decoration:    none;
    color:#0066FF;
}
A.AddressBar:active   {
	text-decoration:    none;
    color:#0066FF;
}

/*House Index Used for the Site Map  */

/* /DotNetNuke/DesktopModules/HouseIndex/module.css */ 
/* Appplied to the parent UL element for the index */
.PageList {
	width: auto;
	font-size: 12px;
	line-height: 16px;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
}

/* Appplied to nested UL elements */
.PageList ul {
	font-size: 10px;
	line-height: 13px;
	padding-left:30;

}
/* Appplied to the LI element for each tab entry */
.PageItem {
}

/* Applied to the SPAN element for the tab name in each entry */
.PageName {
	font-weight: bold;
}

/* Applied to the SPAN element for the tab description in each entry */
.PageDescription
{}

/* Applied to the SPAN element for the list of keywords in each entry */
.PageKeywords
{}

/* Applied to the SPAN element for the list of modules in each entry */
.PageModules {
	font-style: italic;
}

/* ************ Navigation **************************  */ 
/* this is used for the left side auto menu */
#quicklinksB {
	padding-top: 1px;
	padding-bottom: 1px;
	list-style: none;
	line-height: 22px;
	border-bottom: 1px solid #acc2e3;
	width: 230px;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
}
#quicklinksB a {
	display: block;
	color: #193a6f;
	background:url('_imgs/bllt-blue.gif') no-repeat 10px 6px;
	padding-left: 30px;
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
}
#quicklinksB a:hover {
	background:#afcdfa url('_imgs/bllt-blue.gif') no-repeat 10px 6px;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
}
/* ********** Solpart Menu ************** */
.MainMenu_MenuContainer{
    padding-left: 15px;
    background-color: Transparent;

}
.MainMenu_MenuBar{
    cursor: pointer;
    height: 29px;
    background-color: Transparent;    
}
.NavBackground{
	background: #002659 url('_imgs/NavBackground.jpg') repeat-x;
		height: 29px;
		padding-top:8px;
		width: 870px;
		border-top: 10px white solid;
		border-left: 10px white solid;
		border-right: 10px white solid;
		border-bottom: 2px white solid;	
		padding-left:10px;	
}
.MainMenu_MenuItem
{
    cursor: pointer;
    font-style: normal;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    padding-right: 18px;
    padding-left: 1px;
    height: 20px;
    border-bottom: 1px solid #B2BBCA;
	border-top: 0px none;
	width: 100%; 
	padding-top: 2px;
    color: #002659;
    background-color: #C0C0C0;
}
.MainMenu_RootMenuItem{
}
TR.MainMenu_MenuBar TD{ 
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 5px;
	
} 
TR.MainMenu_MenuItemSel TD{
    padding-right: 4px;
	padding-left: 4px;
    color:#CEE0FC;
} 
.MainMenu_MenuIcon
{
	display: none;
}
/* this is the parent block for the whole submenu that opens from the main menu */
.MainMenu_SubMenu
{
    background-color: transparent;
    z-index: 1000;
    cursor: pointer;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    height: 16px;
    font-size: 11pt;
	padding-left: 2px;
	padding-top: 10px;
}
.MainMenu_MenuItemSel
{
    background-color: #CCCFD4;
    cursor: pointer;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    height: 20px;
    border-right: 0px;
    padding-right: 0px;
    padding-top: 2px;
    padding-left: 1px;
    /*border-top: 1px solid #B2BBCA;
    */
	
/* this one stops the dance in the open menu */
    padding-right: 18px;
    color: #002659 ;
}
.MainMenu_MenuArrow
{
display: none;
}
/* colors the dots between main menu items */
.MainMenuSeparatorCSSClass{
	background: #002659
}
.menubreakcssclass{
	    background-color: #002659;
}
.MainMenu_RootMenuArrow
{
display: none;
}

/* This is the main menu visible all the time */
.RootMenuItemCSSClass {
	color: white;
	background: transparent;
	/* height: 29px;  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	 border-bottom: 10px solid #002659;
}
.MainMenu_RootMenuItemActive{
	color: #C0C0C0;
	background-color: transparent;
}
.StandardButton{
    background: #7994cb none;
    color: #ffffff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

/* ********** FCKImageGallery *********** used to browse to locate images */
.FCKImageGalleryHeaderContainer{
	width:100%;
	padding-left:10;
	background-color: lightblue;
}

.FCKImageGalleryPathContainer{
	width:100%;
	padding-left:10;
	background-color: lightblue;
}


/* these are duplicated from the default.css in an attempt to fix bullets in IE  */
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}
OL UL LI {	LIST-STYLE-TYPE: disc}
