/* CSS Document */

a {text-decoration: none; color:#003399;}
a:hover {text-decoration: underline;}

body {margin:0 auto; padding: 0; background:url(include/bkgnd.jpg); width:100%;}

/* Drop Down */
div.drop-down {position:relative; text-align:left; padding:8px 0;}
div.drop-down a {cursor:pointer; padding-bottom:5px;}
div.drop-down div {display:none; position:absolute; left:15px; top:29px; padding-top:10px;}
div.drop-down div {display:block;}

tr.mainIcons td div p {padding-bottom:20px; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

h1, h2, h3, h4 {padding-left:20px; padding-right:20px;}

h1 {color: #3429ac; font-size:18px; margin:0; padding:20px; text-transform:uppercase; font-weight:900;  font-family:Georgia, "Times New Roman", Times, serif;}

h2 {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:900; color:#3429AC; border-bottom:#CCCCCC dashed 1px; margin:20px; padding:0; display:block; clear:both;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:900; color:#666; border-bottom:#CCCCCC dashed 1px; margin:20px; padding:0; display:block; text-transform:capitalize;}

#school h2 {clear:none}

h1.tag {color:#fff; font-size:25px; margin:0; padding:25px 0; text-transform:capitalize; font-weight:900; font-style:italic; text-align:center;}


#advp {
	margin-top: 20px;
}
p, div, td {font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 12px;}

p {padding:10px 20px; display:block; margin:0;}


/* FORM DISPLAY */
#form, #form li {display:block; list-style:none; margin:0; padding:0; position:relative; background:none; clear:both;}
form {padding:20px; width:560px; margin:0;}
#form li label {display:block; width:200px; background:#E9E9E9; line-height:16px; padding:2px 5px; text-align:right;}
#form li input, #form li textarea, #form li select {position:relative; left:215px; width:345px; top:-21px;}

#form ul {width:100%; padding:0 0 20px 0; margin:0;}
#form ul li {width:49%; float:left; clear:none; padding-bottom:5px;}
#form ul li input, #form li li textarea, #form li li select {position: static; width:auto; top:auto; left:auto;}
#form ul li label {width:auto; background:#fff; display:inline;  text-align:left; line-height:normal;}
#form li.textArea {height:150px;}
#form li.textArea label {position:absolute;}
#form li.textArea textarea { top:0px; height:110px;}

#form li.radioChecks label {width:550px; text-align:left;}
#form p {padding:10px 0;}
#form li.submit label {background:none;}

/* Main Navigation */

#sideNav {width:200px; display:block; padding:7px 0 0 0; margin:0; background:#fff; text-align:left; border-right:#CCCCCC dashed 1px; padding-bottom:4px;}
#sideNav li {display:block; list-style:none; padding:0; margin:0; height:40px; position:relative;}
#sideNav li a {display:block; height:12px; font-size:12px; padding:6px 0; line-height:12px; text-decoration:none; font-weight:900; font-family:Georgia, "Times New Roman", Times, serif;}
#sideNav li a:hover {color:#66CCFF; text-decoration:underline;}
#sideNav li img {float:left; width:35px; height:25px;}
#sideNav li li  {height:13px; padding:2px 0 3px 17px; background:url(img/gray-mini-splach.gif) no-repeat #fff 0 5px;}
#sideNav li li a {padding:4px 0;}
#sideNav li.last {height:80px;}
#sideNav li ul {display:none; padding:0; margin:0; padding-left:51px; position:absolute; top:18px; left:0;}
#sideNav li:hover ul, #sideNav li.sfhover ul {display:block}


/* In-Frame Navigation */

#frame #sideNav {width:auto; text-align:center; background:none;}
#frame #sideNav li {display:inline; height:auto;}
#frame #sideNav li a {padding:5px; display:inline; line-height:18px; font-family:"Times New Roman", Times, serif; font-weight:900; font-style:normal;}
#frame #sideNav li img {display:none;}
#frame #sideNav li ul {display:inline; padding:0; margin:0; position:static;}
#frame #sideNav li li {height:auto; background:none; padding:0;}
#frame #sideNav li li a {padding:5px; display:inline;}
#frame #sideNav li.last {display:none;}
#frame #sideNav li.last li a {display:inline;}

/* left side */
#left {vertical-align:top;
background:#bab7e3;
}

/* content */
#content {background:#FFFFFF; height:700px;}

/*home page*/
#home {background:#bab7e3;
text-align:center;}
#home h1{text-align:center;
font-size:24px;
color: #FFFFFF;
font-style: italic;
text-transform:none;
}


ul.col3 { width:170px; float:left; padding:0  0 0 20px; margin:0;}
ul.col3 li {display:block; list-style:none; background:url(img/bul.jpg) no-repeat 0 2px; line-height:14px; padding:4px 0 4px 13px; margin:0;}

/* Tab drop-downs */

#tabs {padding-top:27px; border-bottom:2px solid #FFFFFF; text-align:center;}
#tabs ul {display:block; padding:0; margin:0; height:44px;}
#tabs ul li {display:block; padding:0; margin:0; list-style:none; position:relative; width:108px; height:44px; float:left;}
#tabs ul li a  img{height:44px; width:99px; margin:0 4px;}

	/* second tier */

#tabs ul ul {width:180px; position:absolute; top:44px; left:5px;}
#tabs ul ul li {display:block; height:18px; width:180px; position:static; float:none;}
#tabs ul ul li a {border:1px solid #999999; display:block; text-align:left; padding:3px; background:#3429AC; color:#FFFFFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; height:12px;}
#tabs ul ul li a:hover {color:#3429AC; background:#fff;}
#tabs ul ul {display:none;}
#tabs ul li:hover ul, #tabs ul li.sfhover ul {display:block;}

/* For catalog icons on short pages */
span.shortPage {display:none;}
#shortPage span {display:none;}
#shortPage span.shortPage {display:block;}
#shortPage #home {background:#fff;}

/* Table Form */
#tableForm {width:560px;}
#tableForm td {padding:4px; margin:0;}
#tableForm td div {background:#fff; padding:2px;}
#tableForm input, #tableForm select, #tableForm textarea {width:95%;}
#tableForm textarea {height:100px;} 
#tableForm input.radioChecks {width:auto;}
#tableForm table.small td {font-size:10px; text-align:left;}
#tableForm td td input {width:60px;} 

/* Styles for Private Store Frames pages */
#privateStore {background:none;}
#privateStore #topRow {display:none;}
#privateStore #topRow td {height:0;}
#privateStore #topRow td * {display:none;}

#privateStore td.privateHide * {display:none;}
#privateStore td.privateHide {width:0;}

#privateStore table.privateHide {width:600px;}