*	{ font-family:arial,helvetica; font-size:12px; box-sizing:border-box; -webkit-text-size-adjust:100%; }
html	{ margin:0px; -webkit-text-size-adjust:100%; overflow-y:scroll; }
body	{ color:#111111; margin:0px; background-color:#FFFFFF; }

/* nav */
#nav	{ z-index:2; top:0px; left:0px; height:50px; width:100%; background:#000066; }
#nav td { font-family:arial,helvetica; font-size:14px; font-weight:bold; text-align:center; cursor:pointer; }
#nav a  { font-family:arial,helvetica; font-size:14px; font-weight:bold; text-decoration:none; }
#nav .on { background-Color:#FFDEC2; color:#000000; border-left:1px solid #222288; border-right:1px solid #FEE325; }
#nav .of { background-Color:#000066; color:#FFFFFF; border-left:1px solid #222288; border-right:1px solid #000000; }
#nav .aon{ color:#000000; }
#nav .aof{ color:#DDDDFF; }

@media (max-width:700px) { #nav td, #nav a { font-size:12px; } } 
@media (max-width:500px) { #nav td, #nav a { font-size:11px; } } 
@media (max-width:400px) { #nav td, #nav a { font-size:10px; } } 

h1	{ font-size:26px; font-weight:normal; }
h2	{ font-size:22px; font-weight:normal; }
h3	{ font-size:18px; font-weight:normal; }
h4	{ font-size:14px; font-weight:normal; }


#slide1	{ position:relative; width: 90%; max-width:1200px; margin:10px auto 10px auto; border:1px solid #000000; border-radius:10px; }
#slide2	{ position:relative; width:100%; height:100%; padding-bottom: 40%; }
#slide3	{ position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; }
#slide4 { position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; padding:5px; overflow:hidden; }
#sldimg	{ width:100%; height:auto; border-radius:8px; padding:0; }
.sldbtn	{ width:30px; height:auto; }

#logo	{ width:90%; left:auto; max-width:1200px; margin:auto auto; padding:1%; overflow:hidden; }

#mainimg{ width:90%; max-width:1200px; margin:1% auto auto auto; border:1px solid #666666; border-radius:10px; overflow:hidden; }
#main	{ width:90%; max-width:1200px; margin:1% auto auto auto; min-height:400px; padding:10px 20px 20px 20px; background:white; border-radius:10px; border:1px solid #666666; }

#copy	{ margin-top:15px; font-size:10px; color:#CCCCCC; text-align:center; }


/* Content Manager Site Map */		
.tree ul { font-size:11px; margin:0px 0px 0px -15px; list-style:none; line-height:18px; }
.tree ul li { position:relative; }
.tree ul li:before { position:absolute; left:-15px; top:0px; content:''; display:block; border-left:1px solid #999; border-bottom:1px solid #999; width:10px; height:9px; }
.tree ul li:after { position:absolute; left:-15px; bottom:-7px; content:''; display:block; border-left:1px solid #999; height:100%; }
.tree ul li.root { margin:0px 0px 0px -20px; }
.tree ul li.root:before { display:none; }
.tree ul li.root:after { display:none; }
.tree ul li:last-child:after { display:none; }
.treeY { text-decoration:none; color:#000000; border:1px solid #FFF; }
.treeN { text-decoration:none; color:#666666; border:1px solid #FFF; }
.treeY:hover { border:1px solid #CCC; background-Color:#FFFFCC; }
.treeN:hover { border:1px solid #CCC; background-Color:#FFFFCC; }
.inputTxt { width:100%; height:24px; border:0px; outline:none; min-width:300px; }
.texta { width:99%; height:20px; border:0px; padding-top:5px; font-family:arial,helvetica; outline:none; }

#datepicker { z-index:100; position:fixed; top:20%; left:20%; width:60%; height:60%; max-height:550px; border:1px solid #CCCCCC; background:#FFFFFF; overflow-y:scroll; padding:15px 20px 20px 20px; box-shadow:2px 2px 6px #333333; }

input[type="text"]   { height:28px; border:1px solid #CCCCCC; border-radius:5px; }
input[type="submit"] { height:34px; background:#DDDDDD; border:1px solid #CCCCCC; border-radius:5px; }
textarea{ border:1px solid #CCCCCC; border-radius:5px; }