/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #FEFEFE;
}
.skinmaster {
	height: 100%;
	background-color: #F3F5FA;
	BORDER-RIGHT: #7994CB 1px solid; 
	BORDER-TOP: #7994CB 1px solid; 
	BORDER-LEFT: #7994CB 1px solid; 
	BORDER-BOTTOM: #7994CB 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
}
.skinheader {
}
.skingradient {
	BACKGROUND-IMAGE: url(gradient_DkBlue.jpg); HEIGHT:30px;
}
.controlpanel {
	width: 99%;
	margin: 2px 5px 5px 5px;
	background-color: #f0f0f0;
}
.topleft {
	width: 100%;
	background-color: transparent;	
    color: white;
}
.toppane, .topright {
	width: 98%;
	background-color: transparent;
	padding-left: 12px;
	padding-right: 4px;
	padding-top: 6px;
    color: white;
}
/* Headings */
.toppane h1, .toppane h2, .toppane h3, .toppane h4, .toppane h5, .toppane h6 {
	color: white;
	margin: 0 0 .7em;
	padding: 0;
	font: bold 140%/1.2 "Lucida Grande",verdana,arial,helvetica,sans-serif;
}
.toppane h1 {
	margin: 0;
	padding: 0;
	font: bold small-caps 200%/1.4em Tahoma, serif;
	color: white;
}
.toppane h2	{
	font-size: 135%;
	color: white;
}
.toppane h3 {
	font-size: 120%; 
	margin: 0 0 .3em;
	color: white;
}
.toppane h4 {
	font-size: 115%;
	color: white;
}
.toppane h5 {
	font-size: 108%;
	color: white;
}
.toppane h6 {
	font-size: 108%;
	margin-bottom: .2em;
	color: white;
}
.contentpane {
	width: 100%;
	background-color: transparent;			
}
.leftpane {
	width: 225px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.centerpane {
	width: 225px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
	width: 225px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.topright {
	width: 100%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
.middleright {
	width: 100%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
.bottomright {
	width: 100%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
.leftlinks {
	width: 97%;
	background-color: transparent;
	padding-left: 15px;
	padding-right: 0px;
	padding-top: 0px;	
}
/*.leftlinks a {
	text-decoration: none;	
}
.leftlinks a:link {
	color: white;
	font-family: Verdana;
	font-weight: bold;
    font-size:small;
}
.leftlinks a:visited {
	color: white;
	font-family: Verdana;
	font-weight: bold;
    font-size:small;
}
.leftlinks a:hover, a:active {
	color:#C8B216;
	text-decoration: none;
}*/
.maintitle {
	width: 75%;
	background-color: transparent;
	padding-left: 225px;
	padding-right: 0px;
	padding-top: 0px;			
}
.MainMenu_MenuContainer 
{
	display: inline-block; 
	margin-right: auto; 
	margin-left: auto;
	align: center;	
	text-align: center; 
	width: 50%; 
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.MainMenu_MenuItem {
	border-left: #125276 0px solid; 
	border-bottom: #125276 0px solid; 
	border-top: #125276 0px solid; 
	border-right: #125276 0px solid;
	cursor: pointer; 
	cursor: hand; 
	color: white; 
	font-family: verdana; 
	font-size: 10pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
}
.MainMenu_MenuIcon {
	background-color: #125276; 
	border-left: #125276 0px solid; 
	border-bottom: #125276 0px solid; 
	border-top: #125276 0px solid; 
	cursor: pointer; 
	cursor: hand; 
	text-align: left; 
    padding-left: 4px; 
	height: 23px;
}
.MainMenu_SubMenu {
	background-color: #125276;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);	
}
.MainMenu_MenuBreak {
	border:none;
    height:1px;
    background-color:Transparent;
}
.MainMenu_Separator 
{ 
    background-color: #125276;
    color: #FFFFFF;
    font-size: 10pt;
    font-family: verdana;
    font-weight: bold; 
    height: 20px; 
    padding-left: 5px;   
}

.MainMenu_MenuItemSel {
	background-color: #125276; 
	cursor: pointer; 
	cursor: hand; 
	color: #C8B216; 
	font-family: verdana; 
	font-size: 10pt; 
	font-weight: bold; 
	font-style: normal;
}
.MainMenu_MenuArrow {
	border-right: #125276 0px solid; 
	border-bottom: #125276 0px solid; 
	border-top: #125276 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton     {
    background: #7994CB none; 
    color: #FFFFFF;
    font-family:Verdana, sans-serif; 
    font-size: 11px;
    font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #DFE5F2;
	BORDER-RIGHT: #7994CB 1px solid; 
	BORDER-TOP: #7994CB 1px solid; 
	BORDER-LEFT: #7994CB 1px solid; 
	BORDER-BOTTOM: #7994CB 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px
}
.TreeViewMenu_Header {
	BACKGROUND-IMAGE: url(gradient_LtBlue.jpg);
}
.Head   {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  18px;
    font-weight:    normal;
    color: #333333;
}

body {
	margin: 0;
	padding: 0;
	font: normal .9em/1.4em verdana,arial,helvetica,sans-serif;
	background: #f0f0f0;
}
th, b, strong {
	font-weight: bold;
}
i, em, cite {
	font-style: italic;
}
sup, sub {
	font-size: 75%;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear {
	clear: both;
}

/* Links */
a {
	text-decoration: none;
}
a:link {
	color: #394792;
}
a:visited {
	color: #666666;
}
a:hover, a:active {
	text-decoration: underline;
}

/* Paragraphs */
p {
	margin: 0 0 1.4em;
	font-size: .9em;
}
.small {
	font-size: 85%;
}
.big {
	font-size: 130%;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}

/* Lists */
ul, ol {
	margin: 0 0 .5em 1.5em;
	padding: 0 0 0 15px;
}

/* Images */
a img {
	border-style: none;
}

/* Floating images */
img.float-left {
	float: left;
	margin: 0 8px 8px 0;
}
img.float-right {
	float: right;
	margin: 0 0 8px 8px;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	color: #000;
	margin: 0 0 .7em;
	padding: 0;
	font: bold 140%/1.2 "Lucida Grande",verdana,arial,helvetica,sans-serif;
}
h1 {
	margin: 0;
	padding: 0;
	font: bold small-caps 200%/1.4em Tahoma, serif;
	color: #125276;
}
h2	{
	font-size: 135%;
}
h3 {
	font-size: 120%; 
	margin: 0 0 .3em;
}
h4 {
	font-size: 115%;
}
h5 {
	font-size: 108%;
}
h6 {
	font-size: 108%;
	margin-bottom: .2em;
}

/* -------------
Layout
---------------*/
#container {
	width: 980px;
	margin: 0 auto;
	padding: 0 12px 0 0;
	background: url(images/bg_shadow_rt.png) top right repeat-y;
}
#inner-container {
	width: 968px;
	margin: 0 auto;
	padding: 0 0 0 12px;
	background: url(images/bg_shadow_lt.png) top left repeat-y;
}

/* Global Nav */
#global-nav {
	float: none;
	margin: 0;
	padding: 7px;
	font-size: .9em;
	text-align: center;
	background: #125276;
}
#global-nav li {
	display: inline;
	list-style: none;
	padding: 0 10px;
	border-left: 1px solid #fff;
}
#global-nav li.first {
	border: none;
}
#global-nav a {
	color: #fff;
}
#global-nav a:visited {
	color: #ccc;
}

/* Banner - holds the <h1> */
#banner {
	position: relative;
	height: 80px;
	padding: 10px;
	background: url(images/bg_banner.gif) top left repeat-x;
}
#frontpage #banner {
	height: 100%;
	padding: 10px 20px;
	background: url(images/bg_banner.gif) top left repeat;
	text-align: center;
}
.logo_pad{display: block; position: absolute; background-color: transparent; margin: -20px 0 0 10px; padding:0; }

#logo {
	display: block;
	width: 144px;
	height: 95px;
	position: absolute;
	top: -10px;
	left: 20px;
	text-indent: -999em;
	background: url(images/logo_gasd_sm.png) top left no-repeat;
	outline: none;
	z-index: 5;
}
#frontpage #logo {
	width: 267px;
	height: 188px;
	float: none;
	position: relative;
	top: auto;
	left: auto;
	margin: 0 auto;
	background: url(images/logo_gasd_big.png) top left no-repeat;
}
h1 {
	height: 75px;
	margin: 5px 0 0 235px;
	text-indent: -999em;
}
#frontpage h1 {
	height: auto;
	margin: 0;
	font: bold 380% "Times New Roman", Times, serif;
	text-indent: 0px;
}
#frontpage h1 span {
	font-size: 80%;
}
#district h1 {
	text-indent: -999em;
	background: url(images/title_dis.gif) top left no-repeat;
}
#high-school h1 {
	text-indent: -999em;
	background: url(images/title_hs.gif) top left no-repeat;
}
#middle-school h1 {
	text-indent: -999em;
	background: url(images/title_ms.gif) top left no-repeat;
}
#elementary-school h1 {
	text-indent: -999em;
	background: url(images/title_es.gif) top left no-repeat;
}
#primary-school h1 {
	text-indent: -999em;
	background: url(images/title_ps.gif) top left no-repeat;
}
#community h1 {
	text-indent: -999em;
	background: url(images/title_com.gif) top left no-repeat;
}

/* Main Content Area */
#district #main, #community #main {
	background: url(images/bg_left_dis.gif) top left repeat-y;
}
#high-school #main {
	background: url(images/bg_left_hs.gif) top left repeat-y;
}
#middle-school #main {
	background: url(images/bg_left_ms.gif) top left repeat-y;
}
#elementary-school #main {
	background: url(images/bg_left_es.gif) top left repeat-y;
}
#primary-school #main {
	background: url(images/bg_left_ps.gif) top left repeat-y;
}

/* Left Sidebar */
#left-sidebar {
	float: left;
	clear: left;
	width: 230px;
	background: #4b589c;
}
#district #left-sidebar, #community #left-sidebar {
	background: #125276;
}
#high-school #left-sidebar {
	background: #798854;
}
#middle-school #left-sidebar {
	background: #c8b216;
}
#elementary-school #left-sidebar {
	background: #002596;
}
#primary-school #left-sidebar {
	background: #ab5420;
}

/* Alert */
#alert {
	padding: 10px;
	background: #990000;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
#frontpage #alert {
	text-align: left;
}
#alert h3 {
	color: #fff;
	font-weight: normal;
}
#alert p {
	margin: 0;
}
#alert a {
	color: #ccc;
}
#section-nav {
	margin: 10px 0 20px 5px;
	list-style: none;
}
#section-nav li {
	border-bottom: 1px dotted #ccc;
}
#section-nav li a {
	display: block;
	padding: 6px 0 6px 3px;
	color: #fff;
}
#section-nav li ul {
	font-size: .8em;
}
#section-nav li a:hover, #section-nav li a.active {
	background: #125276;
	text-decoration: none;
}
#district #section-nav li a:hover, #district #section-nav li a.active, #community #section-nav li a:hover, #community #section-nav li a.active {
	background: #000;
}
#district #section-nav li li a:hover, #district #section-nav li li a.active, #community #section-nav li li a:hover, #community #section-nav li li a.active {
	color: #000;
	background: #125276;
}
#high-school #section-nav li li a:hover, #high-school #section-nav li li a.active {
	color: #000;
	background: #C2C9B1;
}
#middle-school #section-nav li li a:hover, #middle-school #section-nav li li a.active {
	color: #000;
	background: #e6dc95;
}
#elementary-school #section-nav li li a:hover, #elementary-school #section-nav li li a.active {
	color: #000;
	background: #8B9CCF;
}
#primary-school #section-nav li li a:hover, #primary-school #section-nav li li a.active {
	color: #000;
	background: #D9B19A;
}


/* Right Sidebar */
#right-sidebar {
	float: right;
	width: 210px;
	padding: 20px 10px 20px 0;
}

/* Content */
#content {
	margin: 0 0 0 230px;
	padding: 20px;
	width: 468px;
}
.secondary #content {
	width: auto;
}
#content-block {
	padding: 10px;
	border: 5px solid #000;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background: #e7dcac;
}
#district #content-block, #community #content-block {
	border: 5px solid #125276;
}
#high-school #content-block {
	border: 5px solid #798854;
}
#middle-school #content-block {
	border: 5px solid #c8b216;
}
#elementary-school #content-block {
	border: 5px solid #002596;
}
#primary-school #content-block {
	border: 5px solid #ab5420;
}

/* Boxes */
.box {
	margin: 0 0 20px 0;
	padding: 10px;
	border: 1px solid #125276;
	background: #eaeaea;	
}
.box h3 {
	color: #fff;
	background: #125276;
	text-align: center;
}
.box ul {
	margin: 0 0 .5em 1em;
	list-style-image: url(images/bullet_arrow.gif);
	color: Black;
}
.box.size {
	width: 200px;
}
.box.frontpage {
	width: 28.5%;
	border: 5px solid #c8b216;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
.box.frontpage ul {
	text-align: left;
}
.box.float-left {
	margin: 0 10px 0 0;
}

.box.float-right {
	margin: 0 0 0 10px;
}

/* Frontpage container for boxes at the bottom */
#frontpage-boxes {
	padding: 20px 50px;
}

/* Footer */
#footer {
	clear: both;
	padding: 10px;
	background: #125276;
}
#footer p {
	margin: 0;
	color: #fff;
	font-size: .9em;
}
.login {
	color: #fff;
	font-size: .9em;
	text-decoration: none;
}