/*Version 1.0 -- Contest Version */
/* ------ Section 1 - Global Body, Font and Link Settings ------ */

body {
font-family: Verdana, Arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
background-color: #fff; margin: 0; padding: 0; color: #000; font-size: 80%;
background-image: url(../image-files/bglogosutra.png);
background-image: url(../image-files/lgst-bg.png);
background-repeat: repeat-x;
background-position: bottom;
background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6 {
font-family: Arial, Verdana, 'Lucida Sans Unicode', 'Lucida Grande',  sans-serif;
background-color: transparent; color: #cc0033; /*  dark red */ clear: both; }

h2, h3, h4, h5, h6 { margin-top: 30px; margin-bottom:0; /* to bring paragraph closer to headline */ margin-left:-10px;}

h1, .threed /* 3d*/{
font-family: Arial, Verdana, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:150%;margin-top: 10px;text-align: center;color:#ff0033;line-height:35px;margin-bottom:0px;}

h2 {font-size:130% }
h3 {font-size:120%; border-bottom: 0 solid #8f8fb3;}
h4 {font-size:115% }
h5 {font-size:110% }
h6 {font-size:105%;}

.Liner {padding: 10px;}

p {line-height:18px; margin:5px 0 10px;}
dt {margin-top:10px;}

a:link img {border: 0;}

/* -- General Link Styling -- */

a:link {color: blue; text-decoration: underline;}
a:visited {color: purple;text-decoration: underline;}
a:hover {color: red; text-decoration: underline;}

/* ------ Section 2 - Global Page Structure ------- */

#PageWrapper {width: 960px; margin: 0px auto;background-color:transparent;min-height:500px;}

#Header {background-color:#fff; background-color:transparent;}
#Header, #Header1, #Header2, #Header3 {position: relative;height: 60px; padding:5px 0;}
/* the 3 shmtl within header  logo- left 468 - center gosearch-right */
#Header .Liner, #Header1 .Liner, #Header2 .Liner, #Header3 .Liner {padding: 0;}

/* header-left*/
#logohome1, #logohome2,#logohome3 {float:left; width:232px;background:#ffb url(../image-files/logohome31.gif);height:60px;}
#logohome1 {background-image: url(../image-files/logohome31.gif); border:1px solid #aaa;border-top:1px solid #eee;border-right:1px solid #eee;}
/* header-centre*/
#ban468{float:left; width:468px; height:60px; margin-left:20px;font-family: Arial, Verdana, 'Lucida Sans Unicode', 'Lucida Grande',  sans-serif;}
#ban468 ul {list-style-type: none;padding: 0;}
#ban468  ul li {display: inline;text-align: center; margin-left:8px;margin-right:8px; line-height:20px; font-size:12px;}
#ban468h{float:left; width:468px; height:60px; /*border:1px dotted black;*/background-color:#eee;}
#ban468h h1 { font-family: 'Times New Roman', 'Lucida Sans Unicode', 'Lucida Grande', Arial, Verdana,  sans-serif;  width:468px; font-size:18px;line-height:24px; letter-spacing:2px;font-style:italic; padding:0px 0 0;background-color:transparent;}
/* header-right*/
#gsearch1 {clear:right; float:right; width:220px;padding-top:7px;}

#ContentWrapper {float: left;width: 100%; background-color: transparent;}

#ContentColumn {margin: 0 400px 10px 0px;   /* STEP 1: set to "0 ExtraColumnWidth 0 NavColumnWidth" */}
#ContentColumn, #ContentColumn1 {background-color:#fff;}
#ContentColumn li, #ContentColumn1 li, #ContentColumn2 li {line-height:22px;}
#ContentColumn .Liner {padding:10px 30px;}

#NaviWrap{float:left; width:372px; margin-left:-390px; background:transparent; font-family: Arial, Verdana, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}

.NaviBox{float:left; width:370px; margin:10px 0;}
.NaviBox p{text-align;  }

#Navi{float: left; width:180px; margin-right:10px;min-height:500px; }
#Navi , #Navi2 {background-color:#eee;font-size: 90%;color: black;}
#Navi .Liner {padding:10px;}
#Navi h4, #Navi2 h4 {font-size: 100%;margin:20px 0; line-height:20px;}
.Navigation {
font-family: Arial, Verdana, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; width: 100%; background-color: transparent;}
.Navigation h3 {
padding: 0;font-size: 110%;color: #c03;border-bottom: 1px solid #e5e5e5;margin: 0px 0 12px;line-height:30px;
border-bottom:2px groove #f5f5f5;}
.Navigation h4 {
padding: 0;font-size: 90%;color: #c03; margin: 0 0 12px;line-height:30px; text-align:center;}
.Navigation ul {list-style-type: none;padding:0; }
.Navigation li {margin-bottom: 5px;}
.Navigation a:link {
color: blue;display: block; /*  this makes the whole box highlight rather than just the text */padding: 3px 0 3px 4px;text-decoration: underline;}
.Navigation a:visited {
color: purple;display: block; padding: 3px 0 3px 4px;text-decoration:underline;}
.Navigation a:hover {
color: red;display: block; padding: 3px 0 3px 4px; text-decoration: none; background:#ffc;}

#Navx {float: left; width:180px; min-height:500px;}
#Navx, #Navx2{background-color:#fff;font-size: 90%; }
#Navx h3, #Navx2 h4 {margin-left:0px; margin-bottom:15px;}
#Navx h4 {margin-top: 0;}
#Navx p {margin-bottom:20px; margin-left:0;} 

.navxlist ul{ list-style-type:none; padding:0; margin:0;}
.navxlist ul li { line-height:18px;}


.ThumbnailLink, .Caption {text-align: center; }
.ThumbnailLink p {}
.ThumbnailLink a:link {text-decoration: underline;}
.ThumbnailLink a:hover .Caption {text-decoration: none;color: red;}
.ThumbnailLink ul{list-style-type:none;margin-left:0; padding:0;}
.ThumbnailLink ul li{text-align:center; margin:10px 0 ;}

#Footer {clear: both;padding: 0;margin: 10px 0; text-align: center;font-size: 85%;border-top:4px double #ccc; height:110px;}
#Footer .Liner {margin: 0;padding: 0;}
#Footer p {font-size:85%;}

.FootNav {font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;}
.FootNav ul {list-style-type: none;padding: 0;}
.FootNav ul li {display: inline;text-align: center; margin-left:10px;}
.FootNav a:link {color: blue;text-decoration: none;text-align: center;padding: 0;}
.FootNav a:visited {color: purple;text-decoration: none;}
.FootNav a:hover {color: red;background-color: #d3e4fb;text-decoration: underline;}

/* ------ Section 6 - Boxes ------ */

.CalloutBox {
background-color:#ffffcc;width: 85%;margin: 18px auto 24px auto;margin: 10px auto;padding:20px;border: 5px solid #ffcc66;text-align:left;}
div.CalloutBox p {margin: 13px;}
div.CalloutBox h1,div.CalloutBox h2, div.CalloutBox h3,div.CalloutBox h4,div.CalloutBox h5,div.CalloutBox h6 {margin: 0;} 
div.CalloutBox  h2{text-align:left;color: #cc0033; font-size:17px;}

.cobDemo {background-color:#fff;width: 85%;margin: 10px auto;padding:20px;border: 5px solid #f5f5f5;}

.cobQuote, blockquote {
background-color:#f0f0f0;width: 410px; /* % caused link to move when mouseover*/margin: 10px auto;padding:20px;border: 6px solid #ccc;}

.ReminderBox {background-color: #ddd;width: 85%;margin: 10px auto; color: #006;border: groove blue 6px;padding:8px;}
.ReminderBox h4 {margin:0 ;padding: 2px;text-align: center;}
.ReminderBox p {font-size: 85%; /*padding: 10px 0 0;*/ line-height: 150%;}

#RSSbox {
width: 148px;background-color: #ffc;border: 1px solid #8f8fb3;margin: 8px auto 10px 3px;padding: 2px 2px 10px 2px;font-size: 100%;font-weight: bold;color: #1d487e;line-height: 120%;text-align: center;}

/* -- floats -- */
.ItemRight {float: right;margin: 0;text-align: center; margin-bottom:20px;width:280px;}
.ItemCenter {margin: 2px auto 12px auto;text-align: center;clear: both;}
.ItemLeft {float: left;text-align: center;width:280px;}

/* ------ Section 7 - Frequently Used Styles ------ */

.bg {background-color:#e5e5e5; line-height:30px;}
.Clear {clear: both;}
.Caption {font-size: 85%;font-weight: bold;color: #000;display: block;line-height:10px;margin-bottom:10px; margin-top:0px;}
code {font-size:100%; color:gray; border:1px dotted #ccc;}
.center {text-align:center;}
img {border: 0 solid #ddd;}
/* -----------   Misc -------*/
.fav {list-style-image: url(../image-files/ls-favicon.gif);}
.cobheadg {margin-top:0;}
.lineunder {border-bottom:1px dotted #ccc;}
.lef{text-align:left;}
.rig {text-align:right;}
.flef {float:left; font-size:11px;margin-top:0px;}
.frig{float:right;font-size:11px;margin-top:0px;}

/*--------------------------------------------------------------------------------------------------------------------------------------------- 2 columns  ------------------------------------------ */

#ContentColumn2 {margin: 0 200px 0 0px;   /* STEP 1: set to "0 ExtraColumnWidth 0 NavColumnWidth" */ }
#NavColumn2 {float: left;width: 180px; margin-left: -200px;}
#Navi2 {float: left;width: 180px; margin-left: -200px;}
#ExtraColumn2 {float: left;width: 180px;margin-left: -200px;}
#Footer {clear: both;padding: 0;margin: 0 ;}
.cen {text-align:center;}

/* --------------------------------------------------------------------------------------------- -------------------            1 column              -----------------------------  */

#ContentColumn1 {margin: 0px; padding:10px 0px;}
#ContentColumn1 dt {font-weight:bold; margin-left:10px;}
#ContentColumn1 dd {margin:0 0 10px 30px;}

#Footer1 {clear: both;padding: 0;margin: 0 ;}
#Footer1 { text-align: center;font-size: 85%;border-top:1px dotted #ddd;}

.box3001, .box3002, .box3003 {width:200px; float:left; border:1px dotted #ccc; background-color:white;clear:right; min-height:100px;text-align:center; margin:10px 40px 20px; padding:0 0 15px;}
/*.box3002 {margin-left: 100px; margin-right:100px; }*/

.box3001 h2 {text-align:center;margin-top:10px;}
.box3002 h2 {text-align:center;margin-top:10px;}
.box3003 h2 {text-align:center;margin-top:10px;} 

.logobox {float:left; width:60px; height:60px; margin-right:60px;}

.ExtraColNav{width: 100%; }
.ExtraColNav h3, .ExtraColNav h4 {text-align:left; margin:20px 0 20px 15px; padding:0;}
.ExtraColNav ul {list-style-type:none;/*list-style-position:inside;*/ margin:10px 0 20px;}
.ExtraColNav li {margin:10px 0 20px -30px; line-height:14px;}