/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
	font-family:Arial;
	font-size:0.75em;
	line-height:1.333em;
	color:#44779c;
	vertical-align: top;
	}

input, select {
	vertical-align:middle;
	font-weight:normal;
	font-size: 10px;
}

a {color:#a5d2f2;}
a:hover{text-decoration:none;}
p {padding-top:16px;}
strong {color:#a5d2f2;}



/* ============================= main layout ====================== */

li { background:url(images/list-bg.gif) no-repeat 0 7px; padding-left:15px; font-weight:bold;}
li a { line-height:1.583em;}

h2 {color:#fff; font-size:1.083em; margin-bottom:16px;}

.imgindent {margin:0 20px 0 0; float:left;}

.bookreq {padding-left: 140px; padding-right: 100px; background-color: #FFFFFF; 
          font-size: 12px; font-family: century gothic; color: black;
          padding-top: 20px; padding-bottom: 20px;}
.stylereq {font-family: century gothic; font-weight: bold; font-style: italic;
          color: #000000; font-size: 12px;}
#stylereq .a {font-family: century gothic; font-weight: bold; font-style: italic; color: #000000; font-size: 12px;}

.stylereq1 {font-family:  Verdana, sans-serif; font-weight: bold; font-style: italic;
          color: #4B4B4B; font-size: 12px;}

.style10{font-family: century gothic; font-weight: normal;
          color: #FFFFFF; font-size: 12px;}
.style10i{font-family:  Verdana, sans-serif; font-weight: normal;
          color: #4B4B4B; font-size: 11px; font-style: italic;}
          
.style11{font-family: century gothic; font-weight: bold;
          color: #FFFFFF; font-size: 13px;}
          
.style11i{font-family: century gothic; font-style: italic; font-weight: bold;
          color: #FFFFFF; font-size: 11px;}
/* GOOD FOR BUTTONS */          
.style12{font-family: century gothic; font-weight: normal;
          color: #000000; font-size: 11px;}
          
.style12i{font-family:  Verdana, sans-serif; font-weight: normal;
          color: #4B4B4B; font-size: 11px;}
.style13i{font-family: Verdana, sans-serif; font-weight: bold;
          color: #696969; font-size: 18px; padding-top: 10px;}  
  
/* USED FOR HEADERS ON PAGES*/
.style13{font-family: century gothic; font-weight: bold;
          color: #000000; font-size: 18px; padding-top: 10px;}
.style14i{font-family: century gothic; font-weight: normal;
          color: #000000; font-size: 11px;} 
          
.style14{font-family: century gothic; font-weight: normal;
          color: #FFFFFF; font-size: 11px;} 
    
          
#style14 .a {font-family: century gothic; font-weight: bold; font-style: italic;
          color: #000000; font-size: 12px;}
/* USED FOR WHITE TEXT OVER BLACK AT THE END OF PAGES */

         
.style15{font-family: century gothic; font-weight: bold;
          color: #FFFFFF; font-size: 15px;}    
/*USED IN FORMS */
.style16{font-family: century gothic; font-weight: normal;
          color: #FFFFFF; font-size: 13px;}           

/*USED IN logins */
.style17 {font-family: century gothic; font-weight: normal; color: #000000; font-size: 12px;}       
          
.stylepics {font-family: century gothic; font-weight: normal;
          color: #000000; font-size: 12px; text-decoration:none;}
.stylepics a {text-decoration:none; color: #003978; }

.stylepics a:hover {text-decoration:underline; color:#393F42;}

.stylefront{font-family: century gothic; font-weight: normal; color: #FFFFFF; font-size: 10px; text-align: center;}  

.controlalign { padding-left:200px;font-family: century gothic; font-weight: normal;
          color: #000000; font-size: 12px; text-decoration:none; color:#000000;}

.controlalign a {text-decoration:none; color: #000000; }

.controlalign a:hover {text-decoration:underline; color:#393F42;}

.portheader { font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal;
          color: #000000; font-size: 14px; text-decoration:none; color:#000000; padding-top:10px;}

.styleheader {font-family: century gothic;  color: #000000; font-size: 14px;}
.styleheader a {text-decoration:none; font-family: century gothic; font-size: 14px; color: #003978;}
.styleheader a:hover {text-decoration:underline; font-family: century gothic; font-size: 14px;  color:#393F42;}
                  
.style1 {
	font-size: 18px
}
.style2 {
	color: #CCCCCC;
	font-size: 10px;
}
.style4 {
	color: #CCCCCC;
	font-size: 12px;
}
.style5 {
	color: #414343;
	font-size: 12px;
}

.style6 {
	color: #3F4343;
	font-size: 12px;
}

.style7 {
	color: #FFFFFF;
	font-size: 12px;
}
.style8 {
	color: #0C050C;
	font-size: 12px;
}
.style9 {
	color: #FFFFFF;
	font-size: 11px;
}
/* ============================= header ====================== */

.logo {
	margin-bottom:0px;
	margin-top: 1px;
}
.menu {background:#190a11;}
.menu ul {width:100%; overflow:hidden;}
.menu li {float:left; padding:0; background:none; margin-left:-1px;}
.menu li a {display:block; background:url(images/menu-line.gif) top left no-repeat; padding:14px 27px 14px 27px; color:#fff; text-decoration:none; margin-left:1px;}
.menu li a:hover {background:#fff; color:#000;}
.menu .active a {background:#fff; color:#000;}

/* ============================= content ====================== */

.arrow-left {position:absolute; margin:249px 0 0 -50px;}
.arrow-right {position:absolute; margin:249px 0 0 820px;}

.bg1 {background:#190a11;}
.bg2 {background:#000000;}
.bg3 {background:#333333;}
.indent {padding:34px 25px 41px 30px;}

.box {background:#FFFFFF url(images/box-right-tail.gif) right repeat-y;}
.box .tail-left {background:url(images/box-left-tail.gif) left repeat-y;}
.box .tail-top {background:url(images/box-top-tail.gif) top repeat-x;}
.box .tail-bottom {background:url(images/box-bottom-tail.gif) bottom repeat-x;}
.box .anti-right {background:url(images/box-anti-line.gif) right repeat-y;}
.box .anti-left {background:url(images/box-anti-line.gif) left repeat-y; width:100%;}
.box .indent {padding:34px 20px 43px 32px;}


.box2 {background:#FFFFFF; border-width: 1px; border-color:#000000;}
.box2 .tail-left {border-style: solid; border-width: 1px;border-color:#000000;}
.box2 .tail-top {border-width: 1px; border-color:#000000;}
.box2 .tail-bottom {border-width: 1px; border-color:#000000;}
.box2 .anti-right {border-width: 1px; border-color:#000000;}
.box2 .anti-left {border-width: 1px; border-color:#000000; width:100%;}
.box2 .indent {padding:34px 20px 43px 32px;}

.boxmain {background:#29465D; border-width: 1px; border-color:#000000;}
.boxmain .tail-left {border-style: solid; border-width: 1px;border-color:#000000;}
.boxmain .tail-top {border-width: 1px; border-color:#000000;}
.boxmain .tail-bottom {border-width: 1px; border-color:#000000;}
.boxmain .anti-right {border-width: 1px; border-color:#000000;}
.boxmain .anti-left {border-width: 1px; border-color:#000000; width:100%;}
.boxmain .indent {padding:34px 20px 43px 32px;}



.avail {background:#C4D9FF center repeat-y; width:98%}
.avail .tail-left {background:url(images/box-left-tail.gif) left repeat-y;}
.avail .tail-top {background:url(images/box-top-tail.gif) top repeat-x;}
.avail .tail-bottom {background:url(images/box-bottom-tail.gif) bottom repeat-x;}
.avail .anti-right {background:url(images/box-anti-line.gif) right repeat-y;}
.avail .anti-left {background:url(images/box-anti-line.gif) left repeat-y; width:50%;}
.avail .indent {padding:34px 20px 43px 32px;}


.line {background:url(images/line.gif) bottom left repeat-x; padding-bottom:17px; margin-bottom:13px;}

.border {border:1px solid #000;}
.padding1 {padding-top:16px;}
.col-pad1 {padding-right:40px;}
.phone {float:right; margin-right:62px;}

/* ============================= footer ====================== */

#footer {color:#5b5d5f; text-transform:uppercase; font-weight:bold; font-size:0.917em;}
#footer a {color:#5b5d5f; text-decoration:none;}
#footer a:hover {color:#000;}


/* ============================= forms ============================= */


#ContactForm .rowi {height:44px;}

#ContactForm .rowi2 {color:#000000; font-size:12px; width:200px;}
#ContactForm a {font-weight:bold; float:right; margin-left:10px; font-family: century gothic;}

.input {width:193px; height:16px; border:1px solid #7e7e7e; background:#fff; padding:0 0 0 5px; font-size:1em; color:#000000;}
textarea {width:198px; height:60px; border:1px solid #7e7e7e; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em; margin-bottom:12px;}



.stylesub {	color: #3F4343;	font-size: 12px;}
