/*
======================================
Skin style for Cardinal Academy Skin Layout
Created by Matthew Thompson
======================================
*/
body 
{
	/* set default font size for skin, rest will be percentage based */
	margin: 0;
	padding: 0;
	line-height: 1.1;
	background-color: #FFF;
	/*background-image: url(MaroonSilverCitySeal.png);
	background-repeat: no-repeat;
	background-position: 85% 14%;
	background-attachment: fixed;*/
	/* for IE 5.5 and below */
	font: x-small Verdana, Geneva, Arial, Sans-Serif;
	voice-family: "\")\"";
	voice-family: inherit;
	/* for IE 6+ and all other browsers */
	font: small Verdana, Geneva, Arial, Sans-Serif;
}
#wrap 
{
	min-width: 500px;
	max-width: 1400px;
	padding: 0 5px 0 5px;
}
.tagline
{
	float: left;
	width: 65%;
	padding-left: 25px;
}
#loginlinks
{
	float: right;
	width: 30%;
	text-align: right;
}
#loginlinks a:link, #loginlinks a:visited
{
color: white;
}
#loginlinks a:hover
{
color: green;
}

#logobanner
{
	clear:both;
	width: 100%;

}
#logo
{
	float:left;
	width: 25%;
	padding-right: 25px;
	height: 130px;
}
.banner
{	float: right;
	height: 130px;
	width: 65%;
}
.imagenavbar
{
	clear: both;
padding-top: 40px;
padding-bottom: 15px;
margin-left: 15%;
width: 80%;

}

#content
{
	clear:both;
	float: right;
	width: 79%;
	margin-top: 13px;
}
.contentpane
{
	width: 100%;
	padding-bottom: 15px;
}
.contentpaneleftside
{
	width: 45%;
	float: left;
}
.contentpanerightside
{
	width: 53%;
	float: right;
}

.contentpaneleftsidewide
{
    width: 75%;
    float: left;
}
.contentpanerightsidenarrow
{
    width: 22%;
    float: right;
}
#sidebar
{
	float: left;
	width: 18%;
	margin-top: 15px;
}

#date
{
	clear: both;
	padding-top: 10px;
	color: Maroon;
	text-align: center;
}
#footer
{
	color: #000033;
	text-align: center;	
}

#menubar
{
	width:100%;
	height: 28px;
	margin: 5px 0 60px 0;
}
#MainNavBar
{
	width: 100%;
	margin: 0px 5px 10px 0px;
	padding: 0;
	
}

/*===============================
 Set default font for modules
===============================*/
.Normal, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{
	margin: 0;
	padding: 0;
	line-height: 1.1;
	font: 100% Verdana, Geneva, Arial, Sans-Serif;
}
.Normal li
{
	padding-bottom: 10px;
}
.Normal ul
{
	padding-bottom: 5px;
}
/* =======================================
Style for module titles
=========================================*/
.Head
{
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	font-size: 170%;
	font-weight: bold;
	color: Maroon;
}
/* style of item titles on edit and admin pages */
.SubHead 
{
	font-size: 85%;
}
.AnnouncementTitle
{
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	font-size: 115%;
	color: #000033;
	font-weight: bold;
}
.AnnouncementSubject
{
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	font-size: 85%;
	color: Black;
	font-weight:normal;
}
	
/* ==========================
button style for standard html buttons
============================== */
.StandardButton
{
	font-size: 90%;
}
/*===========================
HTML Tag Styles
============================*/
H1, H2, H3, H4, H5, DT, H6
{
	font-family: Verdana, Geneva, Arial, Sans-Serif;
}
H1
{
	font-size: 90%;
	font-weight: bold;
	color: black;
}
H2
{
	font-size: 150%;
	font-weight: bold;
	color: #C00;
}
H3
{
	font-size: 140%;
	font-weight: bold;
	color: #000033;
}
H4
{
	font-size: 110%;
	font-weight: normal;
	color: Black;
	margin: 0px;
}
HS, DT
{
	font-size: 90%;
	font-weight: normal;
	color: Black;
	margin: 0;
}
H6
{
	font-size: 80%;
	font-weight: normal;
	color: Black;
	margin: 0px;
}


	
/* ========================================
     leftside vertical housemenu
===========================================*/
#HouseMenuNav2
{
	/* menu wraper */
	
	margin-bottom: 10px;
	font: 110% Arial, Tahoma, Verdana sans-serif;
	padding: 0;
	margin-left: 0;

}
#HouseMenuNav2 ul
{
	padding: 0;
	border: 0;
	margin-left: 15px;
	list-style: none;

}
#HouseMenuNav2 li 
{
	/*all list items */
	/*border around each main menu item 
	border-bottom: 1px solid #CC9900;*/
	list-style: none;
	background-image: url(buttons/blue-ltblue_default.gif);
	background-repeat: repeat-x;
	/*IE hack to control spacing of menu */
	margin-left: 0px;
	voice-family: "\")\"";
	voice-family: inherit;
	/* for IE6+ and all other browsers */
	margin-left: 0px;
	background-color: #000033;	
}
#HouseMenuNav2 li a:link, #HouseMenuNav2 li a:visited
{ 
	/* main color of the menu */
	margin: 0;
	padding: 5px 5px 5px 3px;
	border-left: 5px solid #cc9900;
	border-right: 1px solid #cc9900;
	color: #FFF;
	display: block;
	text-decoration: none;
	/* IE 5.01 hack to remove large white gaps in menu */
	height: 1px;
	voice-family: "\")\"";
	voice-family: inherit;
	/* for IE6+ and all other browsers */
	height: 100%;

}
#HouseMenuNav2 li a:hover
{
	background-image: none;
	background-repeat: repeat-x;	
	background-color: #cc9900;
	color: #000033;
}
#HouseMenuNav2 ul ul
{
	/* second level menu items */
	margin-left: 0;
}
#HouseMenuNav2 ul ul li
{
	border-bottom: 1px solid #999;
	margin: 0;
	list-style: none; 
}
#HouseMenuNav2 ul ul a:link, #HouseMenuNav2 ul ul a:visited
{
	background-image: none;
	background-color: #990000;
	color: #FFF;
}
#HouseMenuNav2 ul ul a:hover
{
	background-image: url(buttons/MaroonWhiteGrdnt_hover.gif);
	background-repeat: repeat-x;
	background-color: #990000;
	color: #FFF;
}
#HouseMenuNav2CurrentLink
{
	background-image: url(buttons/ltgold_select_gif.gif);
	background-repeat: repeat-x;
	color: #000033;
	cursor: default;
}


/* ======================================
Links format added for opera browser
========================================*/
.Normal A:link, .Normal A:visited, .Normal A:active
{
	text-decoration: none;
	color: Blue;
}
.Normal A:Hover
{
	text-decoration: underline;
	color: #630723;
}
/* This is Date eg. any items that are not links */
.SkinItem
{
	text-decoration: None;
	color: #000033;
}
/* This sets the style for all skin items that are links */
A.SkinItem:link, A.SkinItem:visited, A.SkinItem:active
{
	text-decoration: none;
	color: #000033;
}
A.SkinItem:hover
{
	text-decoration: underline;
	color: #630723;
}
/*====================================
styles for the main text and images within the text / html module */

.imageleftside img
{
	margin-right: 15px;
	margin-bottom: 20px;
	float: left;
}
.imagerightside img
{
	margin-left: 15px;
	margin-bottom: 20px;
	float: right;
}
.imageleftsidecaption
{
	font-size: 85%;
	font-style: italic;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.imageleftsidecaption img
{
	margin-bottom: 5px;
}
.imagerightsidecaption
{
	font-size: 85%;
	font-style: italic;
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}
.imagerightsidecaption img
{
	margin-bottom: 5px;
}
.clear
{
	clear: both;
}
.quoteleft
{
	font: italic 105% Georgia, "Times New Roman", Times, Serif;
	padding: 0 10px 0 0;
	margin: 10px 10px 10px 0;
	width: 220px;
	float: left;
	text-align: right;
	border-right: 10px solid Maroon;
	color: Maroon;
}
.quoteright
{
	font: italic 105% Georgia, "Times New Roman", Times, Serif;
	padding: 0 0 0 10px;
	margin: 10px 0 10px 10px;
	width: 220px;
	float: right;
	text-align: left;
	border-left: 10px solid Maroon;
	color: Maroon;
}

.imagelink a:link, .imagelink a:visited, .imagelink a:hover
{
	color: Black;
}
.boldred
{
	color: Red;
	font-weight: bold;
}
.italic
{
	font-style: italic;
}

.listingleft
{
	padding: 10px 10px 10px 5px;
	margin: 5px 0 5px 0;
	width: 45%;
	float: left;
	text-align: left;
	color: #000033;
}
.listingright
{
	padding: 10px 5px 10px 10px;
	margin: 5px 0 5px 0;
	width: 45%;
	float: right;
	text-align: left;
	color: #000033;
}
.listingleft ul .listingright ul
{
	padding: 0;
	margin: 0;
	boarder: 0;
	font-weight: bold;
	list-style: none;
}
.listingleft li, .listingright li
{
	list-style: none;
}
.listingleft ul ul, .listingright ul ul
{
	font-weight: normal;
}