/* Global Declarations for Canvas Marketing Site & Application */

/*@import url("reset.css");*/ /*- uncomment for radiant*/ 
@import url("960.css");

/* Colour Guide
			Dark											Light
Light Blue:  		23aec8	5ac2d6	91d6e3	c8ebf1	
Dark Blue: 		194b6e	537892	8ca5b6	c5d2db
Grey: 		3c3c3c	6d6d6d	9d9d9d	cecece	ecedef	f0f0f0
*/

/* ##### GLOBALS ##### */
html {font-size: 100%;background: url(../images/background.jpg) repeat top left;height:100%;}
body {font: 0.625em/1em Helvetica, Arial, sans-serif;background: url(../images/background-gradient.jpg) repeat-x top left;line-height: 1.25em;min-height:100%;/*Needed for the double background*/}

h1{border-bottom:1px solid #ECEDEF;color:#194b6e;font-size:325%;font-weight:700;line-height:1em;margin:0 0 .5em;}
h2{color:#194b6e;font-size:180%;margin:0 0 1em 0;line-height:1em;}
h3{color:#214B6E;font-size:150%;font-weight:bold;margin:0 0 1em 0;}
h4{color:#194b6e;font-size:140%;font-weight:bold;margin-bottom:.5em;}
h5{color:#194b6e;font-size:130%;margin-bottom:.5em;}
p{color:#666666;font-size:120%;line-height:1.75em;margin-bottom:1.5em;}
a{color:#c18500;}
a:hover{color:#774500;}

ul li{color:#666666;margin-bottom:1em;list-style-type:disc;margin-left:15px;color:#898989;font-size:115%;line-height:1.5em;}



/* ##### MASTER PAGE ELEMENTS ##### */

#main_page {height: 100%;width:100%;padding:20px 0;}
#main_page {margin:0 auto;width:1040px;}
.content_area {width:980px;margin:0 auto;background-color:#ffffff;clear:both;}
#header {margin-top:10px;}
#footer {background: url(../images/footer-background.png) no-repeat top center;display:block;width:960px;height:50px;margin: 20px auto;text-align:center;}
#footer p{line-height:50px;}
#main_content{min-height:475px;}

.hide {position: absolute;left: -1000px;width: 990px;font-size:1px; line-height:1;}
.border_right{background:url(../images/border-grey.gif) repeat-y top right;}
.content_page_top {background: url(../images/content_page.gif) no-repeat top left;display:block; height: 12px;width:100%;}
.content_page_bottom {background: url(../images/content_page.gif) no-repeat bottom left;display:block; height: 12px;width:100%;margin-top:100px;}

/* ##### NAVIGATION ##### */
#nav {width: 700px;float:right;}
#nav ul {float:right;}
#nav ul li {display: inline;float:left;margin:5px 10px;line-height:133%}
#nav ul li a {font-size:125%;display:block;text-decoration:none;color:#194B6E;padding-bottom:5px;font-weight:bold}
#nav ul li a:hover {color:#8ca5b6;border-bottom:0px solid #8ca5b6;}
#nav ul li a.active{color:#6d6d6d;border-bottom:4px solid #6d6d6d;}

#nav ul li#nav_library a:hover,#nav ul li#nav_how a:hover, #nav ul li#nav_sign a:hover, #nav ul li#nav_about a:hover, #nav ul li#nav_login a:hover {color:#8ca5b6;border-bottom:4px solid #8ca5b6;}
#nav ul #nav ul li# a,li#nav_how a, #nav ul li#nav_l a,#nav ul li#nav_library a, #nav ul li#nav_sign a, #nav ul li#nav_about a, #nav ul li#nav_login a {font-size:125%;display:block;text-decoration:none;color:#194B6E;padding-bottom:5px;font-weight:bold}

#nav ul li#nav_login{margin-left:0;padding-left:20px;border-left:2px solid #cccccc;}
#nav ul li#nav_login a:link, #nav ul li#nav_login a:visited  {background: transparent url(../images/login-nav.gif) no-repeat top right;text-transform:uppercase;font-size:100%;color:#999DA0;font-weight:bold;padding-right:20px;}
#nav ul li#nav_login a:hover, #nav ul li#nav_login a:focus  {color:#333333;background-position: right -29px;}
#nav ul li#nav_login a:active {background-position: -285px -58px; }



li#nav_login2,li#nav_login3{text-align: right; color: #666; width: 240px; background: none; font-size: 10px; line-height: 11px;}
li#nav_login3{width:70px;}
#nav ul li#nav_login2 a,#nav ul li#nav_login3 a {font-size: 100%; height: 12px; display: inline; background: none;}


#masthead {background: url(../images/masthead-background.jpg) no-repeat bottom right;width:100%;height:324px;}
#masthead h1{background: url(../images/masthead-tagline.gif) no-repeat top left;display:block;width:536px;margin-top:20px;height:41px;text-indent:-9999px;}
#masthead p{font-size:160%;}
#main_logo a {display:block;background: url(../images/canvas_logo.gif) no-repeat center center;width:152px;height:38px;text-indent:-9999px;outline:none;float:left;}
ol, ul{list-style-type: none;list-style-image: none;list-style-position: outside;}

/*Forms*/
input, select, textarea{font-size: 100%;}
strong,form label{font-weight:700;}
form input,form textarea {font-size:14px;padding:4px;}
form select {font-size: 14px;}
form ul li, form ul {list-style-type:none;margin:0 0 10px;padding:0;}
form ul li label{display:block;color:#898989;line-height:1.5em;font-size:105%;}
form ul li input.checkbox{display:block;width:15px;float:left;margin:0 10px 0}
textarea, input.text{width:98%;}
span.required{color:#900}

/*Buttons*/
@media screen and (-webkit-min-device-pixel-ratio:0) {button span {margin-top:-1px;}}/* Safari and Google Chrome only - fix margins  */
button{border:0;cursor:pointer;overflow:visible;padding:0;position:relative;}
button::-moz-focus-inner{border:none;}
button span{display:block;position:relative;white-space:nowrap;}
button.main_button{float:left;background: url(../images/button-large-grey-sprite.png) no-repeat right -110px;font-size:140%;margin-right:5px;padding:0 15px 0 0;text-align:center;}
button.main_button span{background: url(../images/button-large-grey-sprite.png) no-repeat left top;color:#3c3c3c;font-weight:bold;height:35px;padding-left:15px;line-height:35px;}
button.main_button:hover, a.link_button:hover{background-position:right -165px;}
button.main_button:hover span, a.link_button:hover span{background-position:0 -55px;color:#000;}
button.main_button:active span, a.link_button:active span, button.main_button:focus span, a.link_button:focus span{text-decoration:underline;}
a.link_button {float:left;background:transparent url(../images/button-large-grey-sprite.png) no-repeat right -110px;display:block;height:35px;padding-right:15px;text-decoration:none;margin-left:2px;}
html.Safari a.link_button{margin-top:2px;}
a.link_button span{display:block;background: url(../images/button-large-grey-sprite.png) no-repeat left top;line-height:35px;font-size:140%;color:#3c3c3c;padding-left:15px;padding-top:2px;}
html.Safari a.link_button span,
html.Firefox.Windows a.link_button span{padding-top:1px;}
html.Explorer a.link_button span,
html.Chrome a.link_button span{padding-top:0px;}