/* Victoria Telecomunity Networks CSS */

/*-- basic tags --*/

body  { text-align:center; margin:0; padding:0; font-family:'helvetica', 'arial', 'san-serif'; }

a { text-decoration:none; color:#038; }

a:hover { text-decoration:underline; color:#36c;  }

/*-- END basic tags --*/


/*-- misc tags --*/

#container { position:relative; width:790px; margin:2px 0 2px 0; }

.stripe { position:absolute; top:35px; left:0; height:28px; width:100%; background:#aacc88; z-index:0;}

#footer { position:relative; width:100%; left:0; border-top:1px dashed #aacc88; } 

/*-- END misc tags --*/


/*-- body tags --*/

#head, #main, #main_alt, #lftSidePane, #rgtSidePane { text-align:left; position:relative; }

#head { width:100%; }

#main { padding:0 8px 0 0; }

#main_alt { float:left; width:490px; }

#lftSidePane { float:left; width:276px; margin-right:8px; }

#rgtSidePane { float:left; width:276px; margin-left:8px; }

/*-- END body tags --*/


/*-- head tags --*/

#head { height:240px; }

#head .banner { position:absolute; width:500px; height:173px; top:64px; left:0px; }

#head .search { position:absolute; width:280px; height:173px; top:64px; right:0px; }

#head #nav { position:absolute; width:100%; height:28px; top:20px; right:30px; z-index:1; }

/*-- END head tags--*/


/*-- nav tags --*/

#nav a { display:block; color:#fff; }

#nav a:hover { text-decoration:none; }

#nav .pane { position:relative; height:28px; padding:0; margin:0;  background:#fff; float:right; }

#nav span { position:relative; float:left; margin:2px 0 2px 0; padding:0; height:24px; }

#nav span.home { margin-left:2px; margin-right:2px; width:26px; }

#nav span.home a { background:url(./Images/home.gif) no-repeat; height:24px; }

#nav span.home a:hover { background:url(./Images/home_alt.gif) no-repeat; height:24px; }

#nav span.services, #nav span.telNet, #nav span.support { width:100px; margin-right:2px; }

#nav span.services a, #nav span.telNet a, #nav span.support a { width:100%; height:24px; margin:0; padding:0; background:#99ccff; }

#nav span p { text-indent:4px; margin:0; padding-top:3px; }

#nav span.services a:hover, #nav span.telNet a:hover, #nav span.support a:hover { background:#3399cc; }

#nav span a.selected, #nav span a.selected:hover { background:#3399cc; }

#nav span.home a.selected, #nav span.home a.selected:hover { background:url(./Images/home_alt.gif); }

/*-- END nav tags--*/


/*-- main tags --*/

#main h1, #main_alt h1 { display:block; margin:0 0 2px 0; width:100%; font-size:1.4em; text-indent:1em; background:#aacc88; color:#fff; }

#main h2, #main_alt h2 { display:block; margin:2px 0 2px 0; font-size:1.2em; text-indent:1em; background:#3399cc; color:#fff; }

#main h3, #main_alt h3 { margin:2px 0 2px 1em; }

#main p, #main_alt p { margin:.5em 2px .5em 1.2em; text-indent:1em; }

#main p.small, #main_alt p.small { font-size:.8em; margin:0 0 0 2.5em; }

#main ul, #main_alt ul { margin:.5em 0 0 0; padding:0; font-size:1em; }

#main li, #main_alt li { list-style:none; margin:0 2px 0 2em; padding:0; }

#main_alt .resources h2 { display:inline; color:#36c; background:transparent; }

#main_alt .resources h2 a { display:inline; color:#36c; }

#main_alt .resources h2 a:hover { display:inline; color:#69f; }

#main_alt .resources hr { text-align:center; margin:1px 0 0 0; height:2px; background:#ac8; color:#ac8; }

#main h2 a { color:#fff; }

#main h2 a:hover { color:#fff; text-decoration:none; }

#main .links a { padding:0 1px 2px 1px; }

#main .links { padding:0 0 0 4em; }

#main .topLink { text-align:center; margin:1em 0 .4em 0; }

#main_alt a.title_link { color:#fff; }

#main_alt a.title_link:hover { text-decoration:none; color:#ac8; }

/*-- END main tags --*/


/*-- sidePane tags --*/

#rgtSidePane .login, #rgtSidePane .portal { position:relative; width:100%; border-bottom:4px solid #fff; background:#bfdfff; }

.login h1, .portal h1 { width:100%; font-size:1.2em; text-indent:1em; margin:0; border-bottom:2px solid #fff; background:#39c; color:#fff; }

.login ul, .portal ul { list-style:none; margin:0; padding:0; }

.login li, .portal li { margin:1px 1em 1px 1em; clear:both; }

.login span { float:left; }

.login input.text { width:140px; float:right }

.login .loginButton { color:#039; display:block; width:9em; height:2em; background:#fff; border:1px solid #39c; margin-top:0.5em; float:right; }

.login .loginButton p { margin:.1em 0 .1em 0; text-indent:0; text-align:center; }

.login .loginButton:hover { text-decoration:none; }

.login .loginButton:active { background:#39c; border-color:#fff; }

.login .loginButton:active p { color:#fff; }

.login p.small { font-size:.8em; margin:.2em .5em .2em 0; float:right; }

#rgtSidePane .affiliates { background:#dfe7d7; }

.affiliates h1 { border-bottom:2px solid #fff; text-align:center; background:#aacc88; color:#fff; width:100%; font-size:1.2em; padding:0; margin:0;} 

.affiliates ul { list-style:none; margin:0; padding:0; }

.affiliates li { margin:0 0 0 0; }

.affiliates a img { border:0; margin:0 0 0 2em; }

.affiliates p { margin:1px 2px 1px 1.5em; }

.affiliates hr { background:#fff; color:#fff; }

#lftSidePane h1 { display:block; width:100%; font-size:1.2em; background:#3399cc; color:#fff; text-align:center; margin:0; }

#lftSidePane h2 { display:block; margin:0 1em 0 1em; font-size:1em; background:#aacc88; color:#fff; text-align:center; }

#lftSidePane .rates { margin:0 1.5em 0 1.5em; font-size:.8em; display:block; }

#lftSidePane p { font-size:.9em; margin:.8em 1em .8em 1em; }

#lftSidePane table { width:238px; }

#lftSidePane table td { margin:1px; background:#dfe7d7; }

#lftSidePane table td.price { text-align:right; }

#lftSidePane ul { margin:.5em 0 0 0; padding:0; font-size:1em; }

#lftSidePane li { list-style:none; margin:0 2px 0 2em; padding:0; }


/*-- END --*/

#faq li { list-style:none; margin:0 2px 0 2em; padding:.1em; }
#faq li:first-letter { color:red; }

/*-- --*/

/*-- END --*/