@import "reset.css";




body { background-color: #a1dade; color: #666666; font: .76em/normal Arial, Helvetica, sans-serif; text-align: center; }

a:link,a:visited { color: #0ABAB5; text-decoration: none; } 
a:hover,a.important { color: #0ABAB5; text-decoration: underline; }

p { margin-bottom: 1em; }
strong {color: 01a8cc; }


/* Headings */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; }

h1 { font-size: 20px; }

h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

/* Main layers */

#container { width: 781px; margin: 12px auto 0; text-align: left; background: #fff url(images/box-bg.gif) top left repeat-y; }
#containerBefore { background: url(images/box-top.gif) top left no-repeat; }
#containerAfter { background: url(images/box-bottom.gif) bottom left no-repeat; padding: 35px 41px 20px 42px; }



/* Header Banner */

#banner-home { height: 100px; margin-bottom: 0px; border: 0px; background: url(images/logo.gif) top left no-repeat; }
#footer { clear: both; width: 100%; }

* html #containerAfter { height: 1px; }
* html #content { height: 250px; }

/* Navigation */

#navbar { }
#nav { padding: .5em 0; background: #fff  ; font-size: 12px; text-align: center; }
#nav li { display: inline; margin: 0 3px; }
#nav li a, #nav li a:visited { padding-left: 15px; background: url(images/bullet.gif) -100% -100% no-repeat; color: #808080; text-decoration: none; font-weight: bold;}
#nav li a:hover, #nav li a.on {font-weight: bold;color: #000;background-position: center left !important; }

#contentwrapper{
float: left;
width: 100%;

}

#contentcolumn{
margin-left: 360px; /*Set left margin to LeftColumnWidth*/

}

#leftcolumn{
float: left;
width: 340px; /*Width of left column*/
margin-left: -698px; /*Set left margin to -(MainContainerWidth)*/
background: #fff;
}
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 30px;
}

.innertuberight{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 50px;
}


.innertube2{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 30px;
text-align:center
}


/* Footer */

#footer { font-size: 92%; }
#footer p { margin-bottom: 0; padding: 1em 17px; text-align:center; }
#footer a, #bot a:visited{color: #666666;text-decoration:none; font-weight: normal; }

#footer a:hover, #bot a:active{color: #000;text-decoration:underline; font-weight: normal; }

#bee { width: 745px; margin: 0 auto; font-size: 92%; text-align: right; color:#fff}
#bee a,:link,:visited { color: white; text-decoration: underline; color:#fff} 
#bee a:hover,a.important { color: white; text-decoration: underline;color:#fff }







/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: 180px;
clear: left;
margin: 0;
padding: 10px 0 8px 0;
padding-left: 125px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.label{
font-weight: bold;
}

.input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 150px;
}

.textarea{
width: 150px;
height: 75px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/*bottom menu and copyright*/

#bot {clear:all;font-size: 92%;width:100%;text-align:left;margin:3px 0px 0px 0px;padding: 1em 17px;}

#bot a, #bot a:visited{color: #666666;text-decoration:none; font-weight: bold; }

#bot a:hover, #bot a:active{color: #000;text-decoration:none; font-weight: bold; }



#bot_right {width: auto; float: right; margin-right: 35px; }