* { margin:0; padding:0;}

html, body {
height: 100%}
	
body {
background: #84b1ce;
font-family: "trebuchet ms", arial, helvetica; 
font-size: 13px;
line-height: 22px;
color: #4A4C4C;}

.column { float:left;}
.clear { clear:both;}

table {
margin-left: auto;
margin-right: auto;}

li.content {
font-size: 13px;
width: auto;
padding: 2px;
text-align: justify;
margin-left: 10px;
list-style-image: url(http://www.cappa.net/images/bullet.gif);
list-style-type: square;
list-style-position: inside;
background-color: #fff;
float: none;}

li.certification {
font-size: 13px;
width: auto;
padding: 8px;
margin-left: 10px;
text-align: justify;
list-style-image: url(http://www.cappa.net/images/bullet.gif);
list-style-type: square;
list-style-position: inside;
background-color: #fff;
float: none;}

a {
color: #5491b3;
text-decoration: underline}

a:hover {
text-decoration: none}

#header{
background: #FFFFFF;
width: 770px;
border-left: 1px solid #656565;
border-right: 1px solid #656565;}

#header .row1 {
background:url(http://www.cappa.net/images/header.jpg) no-repeat}

#wrapper {
background:#FFFFFF;
text-align: left;
width: 770px;
border-left: 1px solid #656565;
border-right: 1px solid #656565;}

#footer {
background:url(http://www.cappa.net/images/foot.gif) repeat-x #F5F5F5;
padding: 10px;
text-align: center;
font-size: 11px;
color: #676767;
border-left: 1px solid #656565;
border-right: 1px solid #656565;
width: 750px;
height: 70px;}

p {
text-align: justify;
padding: 10px;}

p.center {
text-align: center;}

p.right {
text-align: right;
margin-top: 10px;}

p.blog {
margin-top: -10px;
font-size: 11px;
color: #5491b3;}

h1 {
font-weight: bold;
font-size: 16px;
text-align: right;
padding-right: 10px;
color: #5491b3;}

h2 {
font-weight: bold;
padding-left: 10px;
font-size: 16px;
color: #656565;
margin-top: 15px;}

h3 {
font-weight: bold;
padding-left: 10px;
font-size: 14px;
color: #656565;
margin-top: 15px;
margin-bottom: -10px;}

h3.nomargin {
margin-bottom: 0px;}

h3.meet-our-faculty {
margin-bottom: 0px;
margin-top: 0px;}

h4 {
font-weight: bold;
font-size: 16px;
color: #5491b3;}

img.leadership-board {
float: left;
border: 1px solid #656565;
margin: 0px 10px 3px 0px;}

img.local-attractions {
border: 1px solid #656565;
margin: 5px;}

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

img.balloon {
border: 0px;
float: left;
margin: 0px 10px 0px 0px;}

img.border {
border: 2px;}

.indent { padding:13px 42px 18px 0}
.indent1{ padding:13px 35px 33px 0}
.indent2{ padding:0 27px 18px 0}
.indent3{ padding:0 70px 19px 0 }

input, textarea, option, select {
font-family: "trebuchet ms", arial, helvetica;
font-size: 13px;
color: #676767;
background-color: #ededed;
border: 1px solid #cfcfcf;
padding: 5px;
line-height: 20px;}

option {
padding: 0px;
border: 0px;
width: auto;}

input {
width: 350px;}

input#mailing-list {
width: 120px;}

textarea {
height: 150px;
width: 350px;}

input#none {
background-color: #fff;
width: auto;
border: 0px;}

input#submit {
background-color: #656565;
color: #ededed;
width: auto;}

input#medium {
width: 80px;}

input#small {
width: 25px;}

code {
display: block;
width: 400px;
margin: 20px auto 10px;
background-color: #ededed;
padding: 5px;
font-family: "trebuchet ms", arial, helvetica;
border: 1px solid #cfcfcf;
font-size: 11px;
text-align: center;}

img {
border: 0px}

.clearit {
clear: both;
height: 0px;}

#p7menubar, #p7menubar ul {
padding: 0px;
margin: 0px;
list-style: none;
font-size: 11px;
text-align: center;
font-family: "trebuchet ms", arial, helvetica;}

#p7menubar a {
display: block; 
padding: 0px;
margin: 0px;}

#p7menubar li {
float: left;
width: 15em;}

#p7menubar li ul, #p7menubar ul li  {
width: 15em;}

#p7menubar ul li a  {
color: #676767;
border-right: 0px;
padding: 1px 13px 1px 13px;}

#p7menubar li ul {
position: absolute;
display: none;
background-color: #ededed;
border: 1px solid #cfcfcf;}

#p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a {
color: #676767;
text-decoration: none;}

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
display: block;}

#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
color: #676767;
background-color: transparent;}

#p7menubar ul a:hover {
color: #5491b3!important;}

#p7menubar li {
width: auto;}

#submenu {
width: 700px;
margin: 20px auto 30px;
background-color: #ededed;
padding: 5px;
border: 1px solid #cfcfcf;
font-size: 11px;
text-align: center;}

#submenu a {
color: #676767;}

#quick-links {
width: 170px;
margin: 10px;
border: 1px solid #cfcfcf;
background-color: #ededed;
font-size: 11px;
float: left;
text-align: justify;}

li.quick-links {
font-size: 11px;
margin-left: 5px;
list-style-image: url(http://www.cappa.net/images/bullet.gif);
list-style-type: square;
list-style-position: inside;}

li.quick-links a {
color: #4a4c4c;}

#vision {
background-color: #68899e;
margin: 20px auto 30px auto;
width: 700px;
border: 1px solid #5e5e5e;
color: #fff;
padding: 5px;
text-align: justify;
font-size: 13px;}

#card {
margin: 20px auto 0px auto;
width: 400px;
height: 255px;
font-size: 14px;
font-family: arial, helvetica;
text-align: center;
border: 1px dashed #000;}

#question {
padding: 10px;
width: auto;
font-size: 14px;
font-weight: bold;
color: #5491b3;
text-align: justify;}

span.card-title {
font-size: 24px;
font-weight: bold;}

span.card-name {
font-size: 20px;
font-weight: bold;}

img.img-thumbnail {
margin: 4px;
border: 1px solid #656565;}

img.img-picture {
border: 1px solid #656565;}

img.img-picture2 {
border: 2px solid #656565;}

.td-picture-caption {
text-align: center;
font-weight: bold;}

.td-main-title-spgm-link {
text-align: center;
font-size: 11px;}

.td-picture-navi {
text-align: center;}

.td-thumbnails-navi {
text-align: center;}

.div-galheader {
font-weight: bold;
padding-left: 10px;
font-size: 16px;
color: #656565;
margin-top: 15px;}

#alert {
width: 160px;
padding: 5px;
text-align: center;
margin: 0px auto;
border: 1px solid #942e20;
background-color: #f6a99f;}

#alert a {
color: #942e20;}