/*#############################################################
Name: CryWolf Style Sheet - Purple Version	
Date: September 14, 2009
Author: Public Safety Corporation  

Color Palette - Search and Replace these values to change color scheme
El Paso Purple: #261450
Dark Gray Text and Accents: #525054
Replace background-mediumpurple.jpg with appropriate background
#############################################################*/

/* This is required to make the asp.net menu dynamic displays to show in IE8 */
.menuZOrder {
    z-index: 1;
    text-decoration:none;
}

#header > a { /* Targets only the logo in the header */
    /* Giving the logo a little breathing room.  Middle aligns don't work well here. */
    display: inline-block;
    padding: 10px 0 0 10px;
}

/* standard elements  ========================================================================================== */
* {
	padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

/* page structure  ========================================================================================== */
body				{ 
    color: #525054;
	background-color:silver; /* #F1F1F1;*/
	/*background-image: url(../images/background-mediumpurple.jpg);
	background-repeat: repeat-x;*/
	font-size: 70%; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
	}
	
/* forces a scroll bar on every page - prevents horizontal shift between pages */
html { 
   overflow-y: scroll;
   }
   
/* this is the container that everything on the page sits in  ============================================================================== */
div#page-wrap {
    width: 75%; /* 930px; */
    margin: 0px auto;
    position: relative;
    text-align: left;
}

.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }


.required:not(input){
    color:red;
}

.alarm-types > td {
    padding-top: 10px;
}
.alarm-types input + label {
    padding:0 20px 0 5px;
    cursor:pointer;
}
/* header and header elements for all pages  ========================================================================================== */
#header {
    height: 124px;
    padding: 0px 0px 0px 0px;
    width: 928px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFF;
    border-left-color: #000;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-color: #000;
    border-right-width: 1px;
}

#header h1 {
	color: #525054;
	font: normal 1.3em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	text-align: right;
	vertical-align: baseline;
	font-weight: bold;
	float: right;
	position:absolute;
	top: 95px;
	right: 20px;
}
/* headinks are the small links on the top righhand side of the header for contact, privacy, etc. */
#headlinks{
	font: normal 1em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	padding:0;
	list-style:none;
	text-transform:uppercase;
	text-align: right;
	float:right;
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0px;
	position: absolute;
	top: 6px;
	right: 18px;
}
#headlinks li{
	float:left;
	padding:1px 4px;
	border-right:1px solid #525054;
}
#headlinks li.last{
	border:0;
	padding-right:0;
}
#headlinks a,
#headlinks a:link{
	color:#000;
	text-decoration:none;
	padding:1px 4px;
}
#headlinks a:hover{
	color:#000;
	text-decoration:underline;
}
/* To adjust vertical placement of agency logo, edit top. Logo image size is maximum 100px high */
#logo {
	border:0;
	position:absolute;
	top:20px;
	left:24px;
}



/* standard text style elements ======================================================================================== */
/* 9/2/2010 
   This next section was controling pargraphs and lists. It was messing up 
   the school. So I blocked it out*/
/* p, cite, code, ul, ol
 {
	font-size: 1.2em;
	padding-bottom: 1.3em;
	line-height: 1.4em;
	text-align: left;
}*/

a,
a:link {
	color: #261450;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;	
}

dl{
	font-size: 1.1em;
	line-height: 1.3em;
}

td p{
	
	line-height: 1.5em;
	padding-left: 3px;

}

h1 {
	font-size: 1.4em;
	margin-bottom: 25px;
	color: #261450;
}


#main h1 {
	font-size: 1.4em;
	margin-bottom: 25px;
	margin-right: 15px;
	color: #261450;
}
h2{
	font-size:1.2em;
	margin-bottom: 4px;
	color: #261450;
}


h3 {
	font-size: 1.1em;
	padding-top: 6px;
	margin-bottom: 4px;
	color: #525054;
	font-weight: bold;
}
/* Creates a first paragraph that has large text to serve as an introduction to the page */
.intro {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1.3em;
	color: #525054;
}

/* Creates a centered paragraph for notes. Used mostly in the forms. */
.notes {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #261450;
	text-align: center;
}
/* Small red text for tip content; used mostly in forms. */
.tip {
	font: 9px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #C00;
	padding-left: 5px;
}
/* Small red text for use in forms. */
.instruct {
	font: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #261450;
	font-size: 11px;
	font-weight: bold;
}


/* breadcrumbs for the subpages */
#crumbs{
	display: inline;
	padding-left: 0;
	margin-left: 0;
	line-height: 1em;
	font-size: .9em;
 	padding: 0px 0px 0px 0px;
	float: right;
	text-align: right;
}
#crumbs li {
	display: inline;
	padding-left: 8px;
}
#crumbs li a {
	color: #261450;
	text-decoration: none;
	font-family: Trebuchet, Verdana, "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: normal;
	text-align: right;
	line-height: 1em;
}
#crumbs a:hover {
	color: #261450;
	text-decoration: underline;
}	
/* Eds test menu controls*/

.EdsMenus
{
	vertical-align:top;
	background-color:#261450;
	/*background-color:   Green;*/
	border-bottom-color:#666;
	border-bottom-style:solid;
	border-bottom-width:thick;
	width:928px;
	height:30px;
}
.EdsMenusRight
{
	float:right;
	vertical-align:top;
}
/* main navigation bar for all pages ============================================================================== */
#navigation{
	background-color: #261450;
	font: bold 1.2em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	height: 29px;
	width: 928px;
	margin:0 0 0 0px;
    padding: 6px 0px 0px 0px;
	text-align: right;
	border-bottom-color: #666;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-left-color: #000;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 1px;
	color: #FFF;
	list-style:none;

}
#navigation li{
	float:right;
	font-weight:bold;
	padding:3px 0;
}
#navigation a,
#navigation a:link{
	color:#FFF;
	text-decoration:none;
	padding:9px 12px;
	margin:0 10px 0 0;
}
#navigation a:hover{
	background:#dedede;
	color:#261450;
	text-decoration:none;
}
*html #navigation a,
*html #navigation a:link{
	height:1%;
}


/* home main ======================================================================================= */
.home #main {
	clear: both;
}

/* interior main ===================================================================================== */
.interior #main {
	clear: both;
	width:75%; /* 930px; */
	background: #ffffff;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(../images/background_box-main.gif);
	background-repeat: repeat-y;
}

.interior #contentfullwidth {
	width: 890px;
	padding-right: 20px;
	position: relative;
	top: 15px;
	left: 15px;
}

.interior #contentnarrow {
	width: 600px;
	position: relative;
	margin: 20px auto; 
	position:relative;
	
}
.interior #contentregistration {
	width: 680px;
	position: relative;
	margin: 5px auto; 
	position:relative;
	
}
#signinbox {
background-image: url(../images/signinbox.png);
width: 370px;
height: 220px;
background-repeat: no-repeat;
margin-top: 30px;
padding: 40px 15px 5px 15px;
}
#signinbox h2{
	font-size: 1.4em;
	margin-bottom: 20px;
	color: #507f4f;	
	margin-left: 100px;
}
	
/* left sidebar for subnavigation on interior pages ============================================================= */
.interior #subnav {
	padding: 0px 0px 0px 0px;
	float: left;
	width: 200px;
	position: relative;
	top: 15px;
	left: 15px;
	}

.interior #subnav .top{
	height: 20px;
	background: url(../images/subsidebar_top.png) no-repeat;
}
.interior #subnav .bottom{
	height: 20px;
	background: url(../images/subsidebar_btm.png) no-repeat;
}
.interior #subnav .inside{
	background-color:#f1f0f0;
	border-left-color: #dedede;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: #dedede;
	border-right-width: 1px;
	border-right-style: solid;
}
.interior #subnav dl{
	margin: 0 0 0px 0;
}
.interior #subnav dt{
	color: #261450;
	font-size: 1em;
	height: 17px;
	margin:0;
	font-weight: bold;
	text-transform: uppercase;
	}
.interior #subnav dt.long{
	color: #261450;
	font-size: 1em;
	height: 17px;
	margin:0 0 15px;
	font-weight: bold;
	text-transform: uppercase;
	}
.interior #subnav dd{
	list-style-image: none;
	list-style-type: none;
	line-height: 14px;
	vertical-align: middle;
}

.interior #subnav dd a.userinfo,
.interior #subnav dd a:link.userinfo{
	color: #261450;
	display: block;
	height: 50px;
	padding: 15px 4px 0px 60px;
	text-decoration: none;
	background: url(../images/icon_userinfo.png) no-repeat 0 0px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
}
.interior #subnav dd a.password,
.interior #subnav dd a:link.password{
	color: #261450;
	display: block;
	height: 50px;
	padding: 15px 4px 0px 60px;
	text-decoration: none;
	vertical-align: middle;
	background: url(../images/icon_changepassword.png) no-repeat 0 2px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
}
.interior #subnav dd a.reports,
.interior #subnav dd a:link.reports{
	color: #261450;
	display: block;
	height: 50px;
	padding: 15px 4px 0px 60px;
	text-decoration: none;
	vertical-align: middle;
	background: url(../images/icon_reports.png) no-repeat 0 2px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
}
.interior #subnav dd a.searchacct,
.interior #subnav dd a:link.searchacct{
	color: #261450;
	display: block;
	height: 50px;
	padding: 15px 4px 0px 60px;
	text-decoration: none;
	vertical-align: middle;
	background: url(../images/icon_searchacct.png) no-repeat 0 2px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
}
.interior #subnav dd a.history,
.interior #subnav dd a:link.history{
	color: #261450;
	display: block;
	height: 50px;
	padding: 15px 4px 0px 60px;
	text-decoration: none;
	vertical-align: middle;
	background: url(../images/icon_reviewhistory.png) no-repeat 0 2px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
}
.interior #subnav dd a.pay,
.interior #subnav dd a:link.pay{
	color: #261450;
	display: block;
	height: 50px;
	padding: 15px 4px 0px 60px;
	text-decoration: none;
	vertical-align: middle;
	background: url(../images/icon_creditcards.png) no-repeat 0 2px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
}
.interior #subnav dd a.school,
.interior #subnav dd a:link.school{
	color: #261450;
	display: block;
	height: 50px;
	padding: 15px 4px 0px 60px;
	text-decoration: none;
	vertical-align: middle;
	background: url(../images/icon_alarmschool.png) no-repeat 0 2px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
}
.interior #subnav dd a.utilities,
.interior #subnav dd a:link.utilities{
	color: #261450;
	display: block;
	height: 50px;
	padding: 15px 4px 0px 60px;
	text-decoration: none;
	vertical-align: middle;
	background: url(../images/icon_utilities.png) no-repeat 0 2px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
}
.interior #subnav dd a.ordinance,
.interior #subnav dd a:link.ordinance{
	color: #261450;
	display: block;
	height: 50px;
	padding: 15px 4px 0px 60px;
	text-decoration: none;
	vertical-align: middle;
	background: url(../images/icon_ordinance.png) no-repeat 0 2px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
}
.interior #subnav dd a.appeals,
.interior #subnav dd a:link.appeals{
	color: #261450;
	display: block;
	height: 50px;
	padding: 15px 4px 0px 60px;
	text-decoration: none;
	vertical-align: middle;
	background: url(../images/icon_appeals.png) no-repeat 0 2px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
}
.interior #subnav dd a.login,
.interior #subnav dd a:link.login{
	color: #261450;
	display: block;
	height: 50px;
	padding: 15px 4px 0px 60px;
	text-decoration: none;
	vertical-align: middle;
	background: url(../images/icon_login.png) no-repeat 0 2px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
}
.interior #subnav dd a.logout,
.interior #subnav dd a:link.logout{
	color: #261450;
	display: block;
	height: 50px;
	padding: 15px 4px 0px 60px;
	text-decoration: none;
	vertical-align: middle;
	background: url(../images/icon_logout.png) no-repeat 0 2px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
}
.interior #subnav dd a:hover.login,
.interior #subnav dd a:hover.logout,
.interior #subnav dd a:hover.school,
.interior #subnav dd a:hover.pay,
.interior #subnav dd a:hover.history,
.interior #subnav dd a:hover.password,
.interior #subnav dd a:hover.searchacct,
.interior #subnav dd a:hover.reports,
.interior #subnav dd a:hover.userinfo,
.interior #subnav dd a:hover.ordinance,
.interior #subnav dd a:hover.appeals,
.interior #subnav dd a:hover.utilities
{
	text-decoration: underline;
}
*html .interior #subnav dd a,
*html .interior #subnav dd a:link{
	height:1%;
}

/* content area on interior pages */
.interior #content {
	margin: 0 0 0 230px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 20px 0px 0px; 
	top: 15px;
	position: relative;
}
.interior #leftcol {
	margin: 0px 10px 0 0; 
	position: relative;
	width: 340px;
}
.interior #rightcol {

	float:right;
	width:340px;
	}

/* white content area on the home page */
.box-main2			{
	width: auto; /* 930px; */
    height: 580px;
	background: #ffffff;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
     padding: 20px 5px 20px 20px;
/*	background-image: url(../images/background_box-main.gif);
	background-repeat: repeat-y;*/
}

.box-main			{

	width: 75%; /* 930px; */
	background: #ffffff;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(../images/background_box-main.gif);
	background-repeat: repeat-y;

}
.box-main .inside	{ 
    padding: 20px 5px 20px 20px; }

.buttonbox			{
	width: 928px;
	background: #ffffff;
	border-left-color: #dedede;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #dedede;
	border-right-style: solid;
	border-right-width: 1px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.buttonbox .inside	{ 
    padding: 10px 18px 10px 20px; }

.box-bottom {
	margin: 0px;
	width: 75%; /* 930px; */
	clear:both;
	height: 20px;
	background-image:url(../images/curvebottom.png);
	background-repeat: no-repeat;	
	
}
.box-top {
	margin: 10px 0px 0px 0px;
	width: 930px;
	clear:both;
	height: 20px;
	background-image:url(../images/curvetop.png);
	background-repeat: no-repeat;
	}



/* for photo on signin pages */
.photoRighthmpg			{
	float: right;	
	display:inline;
	margin-left: 15px;
	margin-top: 45px;
	}
/* for photo on home page */
.photoRight			{
	float: right;	
	display:inline;
	margin-left: 15px;
	}
/* these are the three button areas at the base of the home page above the footer*/
.home #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 277px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 179px; /* 120px; 170px */
	padding: 8px 0px 10px 0px; /* padding keeps the content of the div away from the edges */
	background-image:url(../images/homebuttonboxbg.png);
	background-repeat:no-repeat;
	text-align: center;
}
.home #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 277px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 179px; /* 170px; */
	padding: 8px 0px 10px 0px; /* padding keeps the content of the div away from the edges */
	background-image:url(../images/homebuttonboxbg.png);
	background-repeat:no-repeat;
	text-align: center;
}
.home #centerbar {
	margin: 0 277px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #centerbar div's text to fill the sidebar spaces when the content in each sidebar ends. */
	height: 179px; /* 170px; */
	padding: 8px 0px 10px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(../images/homebuttonboxbg.png);
	background-repeat:no-repeat;
	background-position: center top;
	text-align: center;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that will fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* this is the HTML text below the button - change the color to suit the palette */
.home .buttonbox dl{
	margin: 0 0 2px 0;
}
.home .buttonbox dt{
	color: #261450;
	font: normal 11px "Lucida Sans Unicode", Verdana, Geneva, Arial, sans serif;
	height: 14px;
	margin:0;
	text-align: center;
	}
.home .buttonbox dt.long{
	color: #261450;
	font: bold 1.3em "Lucida Sans Unicode", Verdana, Geneva, Arial, sans serif;
	height: 14px;
	margin:0 0 15px;
	font-weight: bold;
	text-align: center;
	}
.home .buttonbox dd{
	list-style-image: none;
	list-style-type: none;
	line-height: 14px;
	text-align: center;
}
.home .buttonbox dd a,
.home .buttonbox dd a:link{
	color: #261450;
	display: block;
	text-decoration: none;
	vertical-align: baseline;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
}
*html .home .buttonbox dd a,
*html .home .buttonbox dd a:link{
	height:1%;
}
.home .buttonbox dd a:hover{
	color: #261450;
	text-decoration: underline;
}

/* For inside pages definition list */
dl.deflist1{
	padding:10px 15px 10px 50px;
	width:550px;
	float:left;
	border: 1px solid #dedede;
}
dl.deflist1 dt{
	float:left;
	margin: 5px 0 0 -50px;
}

*html dl.deflist1 dt{
	margin-left:-34px;
}
dl.deflist1 dt img{
	padding: 1px;
	margin: 5px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
dl.deflist1 dd.title{
	color: #261450;
	font-size: 13px;
	font-weight:bold;
	margin-top:30px;

}
/* For inside pages definition list */
dl.deflist2{
	padding:10px 15px 10px 60px;
	width:255px;
	float:left;
	border: 1px solid #dedede;
	margin-bottom:8px;
}
dl.deflist2 dt{
	float:left;
	margin: 5px 0 0 -60px;
}

*html dl.deflist2 dt{
	margin-left:-34px;
}
dl.deflist2 dt img{
	padding: 1px;
	margin: 5px 25px 5px 5px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
dl.deflist2 dd.title{
	color: #261450;
	font-size: 13px;
	font-weight:bold;
	margin-top:15px;
}
/* this is the footer =========================================================================== */
.headerfooter {
	font-size: 1em;
	color: #FFF;
	line-height: 18px;
	margin: 0px;
	text-align: center;
	width: auto; /* 930px; */
	font-family: Trebuchet, Verdana, "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	clear:both;
	height: 28px;
	background-color:#261450;
	/*border-top-color: #666;
	border-top-style: solid;
	border-top-width: 4px;*/
	padding-top: 4px;
}
#footer {
	font-size: 1em;
	color: #FFF;
	line-height: 18px;
	margin: 0px;
	text-align: center;
	width: 75%; /* 930px; */
	font-family: Trebuchet, Verdana, "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	clear:both;
	height: 28px;
	background-color:#261450;
	border-top-color: #666;
	border-top-style: solid;
	border-top-width: 4px;
	padding-top: 4px;
}
#footer a {
	color: #FFF;
	text-decoration: underline;
}
#footer a:hover {
	color: #dedede;
	text-decoration: underline;
}
/* this is the Powered by CryWolf logo area below the footer */
#credits {
	text-align: right;
	width: 75%; /* 930px; */
	clear:both;
	height: 40px;
	padding-top:6px;
	border:0;
}


/* Form styling for the citizen, admin and ac signin pages ============================================================== */

form.signin fieldset input { float : right; width : 68%; }
form.signin fieldset input:hover { border-color : #666; } /* this is the hover state for the text boxes*/
form.signin fieldset input:active, input:focus { border-color : #261450; }
form.signin label, label span { display : block; padding-bottom : .25em; }
form.signin label { float : left; width : 100%; }
form.signin label span { float : left; width : 30%; text-align : right; }
form.signin div { margin-bottom : 20px; padding : 10px 20px; text-align : center; } /* this is the area around the SUBMIT button*/

/* =fieldset */
form.signin fieldset {
	margin : 0 35px 5px 0;
	padding : 20px;
	border : 1px solid #dedede;
	overflow : hidden;
	font-size: 1.2em;
}

form.signin fieldset legend
{
	-moz-border-radius: .2em;
	background-color: #eee;
	border: 2px solid #fff;
	color: #261450;
	font-size: 1em;
	margin-left: 1em;
	padding: 0 5px;
}
form.signin fieldset:hover { border-color : #dedede; }

form.signin div input { padding : .25em 1em; 
background-color : #999999;
border : 2px double #666666; 
border-top-color : #dedede;
font : bold 100% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
color : #fff;
text-transform : uppercase;
}

form.signin div input:hover{ background-color : #261450;
}





/* styling for some of the forms on the pages inside password-protected area ================================================================ */

form.interior fieldset input, form.interior fieldset select { float : left; margin-left: 20px; margin-right: 50px; width : 300px; border : 1px solid #dedede;}
form.interior fieldset input.short, form.interior fieldset select.short { float : left; margin-left: 20px; margin-right: 50px; width : 100px; border : 1px solid #dedede; }
form.interior fieldset input.phone, form.interior fieldset select.phone { float : left; margin-left: 20px; margin-right: 2px; width : 40px; border : 1px solid #dedede; }
form.interior fieldset input.phone2, form.interior fieldset select.phone2 { float : left; margin-left: 3px; margin-right:2px; width : 40px; border : 1px solid #dedede; }
form.interior fieldset input:hover { border-color : #666; } /* this is the hover state for the text boxes*/
form.interior fieldset input:active, input:focus { border-color : #261450; }
form.interior label, label span {
	display : block;
	padding-bottom : 0.25em;
	font-weight: bold;
   
}
form.interior label { float : left; width : 100%; }
form.interior label span { float : left; width : 30%; text-align : right; 	background-color: #f1f1f1;}
form.interior div { margin : 0 20px 5px 0; padding : 10px 20px; border : 1px solid #dedede; text-align : center; } /* this is the area around the SUBMIT button*/

/* =fieldset */
form.interior fieldset {
	margin : 0 20px 5px 0;
	padding : 20px;
	border : 1px solid #dedede;
	overflow : hidden;
	font-size: 12px;
    background-color: #f1f1f1;
}

form.interior h2 {
	font-size:1.2em;
	margin-top:25px;
	margin-bottom: 12px;
	color: #261450;
}

form.interior fieldset legend
{
	-moz-border-radius: .2em;
	background-color: #261450;
	border: 2px solid #fff;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	margin-left: 20px;
	padding: 0 10px;
	text-transform:uppercase;
}
form.interior fieldset:hover { border-color : #261450; }

form.interior div input { padding : .25em 1em; 
background-color : #999999;
border : 2px double #666666; 
border-top-color : #dedede;
font : bold 100% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
color : #fff;
text-transform : uppercase;
}

form.interior div input:hover{ background-color : #261450;
}

form.interior dl {clear:both;}
form.interior dt {float:left; text-align:right; width:90px; line-height:25px; margin:0 10px 10px 0;}
form.interior dd {float:left; width:475px; line-height:25px; margin:0 0 10px 0;}



/* more complex form styling using NiceForms  ==============================================================================================*/

form.NF {margin-top: 40px; } /*provides margin at the top of the form */
form.NF fieldset {background:#f1f0f0; padding:10px 3px 10px 20px; border:1px solid #dedede; margin-bottom:10px; margin-top:25px; width:653px; } /*the size and color of the fieldset */
form.NF fieldset:hover { border-color : #261450; } /*border color of fieldset changes upon mouseover */
form.NF input, form.NF textarea, form.NF select {font:12px/12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; padding:0; margin-right: 1px; }


form.NF fieldset.action {background:#fff; border-color:#dedede; margin-top:-20px; text-align:center;} /*formats the submit button fieldset*/
form.NF fieldset.action:hover { border-color : #261450; } /*adds mouseover effect to submit button fieldset*/

form.NF legend {
	background:#261450;
	color:#fff;
	font: 13px/16px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	padding:0 10px;
	margin:-26px 0 0 15px;
	font-weight:bold;
	border: 2px solid #fff;
	text-transform:uppercase;
} /* this is the legend or title at the top of the fieldset*/

form.NF label {font-size: 12px; font-weight:bold; color:#525054;}
form.NF label.opt {font-weight:normal; margin-left:2px; margin-right: 15px; }
form.NF dl {clear:both;}
form.NF dl.first {margin-top:15px;} /* use this class for the first DL after the legend because it provides for a top margin */
form.NF dt {float:left; text-align:right; width:120px; line-height:15px; margin:0 10px 10px 0;}
form.NF dd {float:left; width:510px; line-height:25px; margin:0 0 10px 0;}
form.NF dd p {font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; margin-top: 8px;}
form.NF dd p {font: 8px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; margin-top: 8px;}

/*Text inputs*/
.NFText {border:none; vertical-align:middle; font:12px/15px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; background:none;}
.NFTextCenter {height:15px; padding:3px 0; margin:0; float:left; line-height:15px;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}

/*Radio*/
.NFRadio {cursor:pointer; position:absolute; display:block; width:13px; height:13px; border:1px solid transparent; }
/*Checkbox*/
.NFCheck {cursor:pointer; position:absolute; width:12px; height:12px; border:1px solid transparent; }

/* Buttons formatting that uses standard slabstyle look and feel ===================================================*/
form.NF div input { padding : .25em 1em; 
background-color : #999999;
border : 2px double #666666; 
border-top-color : #dedede;
font : bold 100% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
color : #fff;
text-transform : uppercase; }  /* this is the SUBMIT button*/

form.NF div input:hover{ background-color : #261450; }/* this is the SUBMIT button mouseover state*/

form.NF div { margin : 0 2px 5px 0; padding : 10px 20px; border : 1px solid #dedede; text-align : center; } /* this is the area around the SUBMIT button*/
form.NF div:hover { border-color : #261450; } /* this mouseover for the area around the SUBMIT button*/

/*Textareas*/
.NFTextarea {border:none; background:none; font:12px/12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; margin:0;}
.NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right:10px;}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;
    }

.SchoolMargin ol,ul,p
{
}

.SchoolMargin li
{
	/*border-style:solid;
	border-width:medium;
	padding-left:20px;*/
	margin-left:40px;
}