/* ------------------------------
HTML REDEFINE TAGS
------------------------------ */
body {background:#f5f6f7;}
//body { background: #d9dfe4 url(../images/background.png); }
//body { background: #ffffff url(../images/textured_background.jpg) top left repeat-x; }
//body { background: #d9dfe4 url(../images/gradient_texture.png); }
body, p, span, div, a {font-family:'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, helvetica, arial, sans-serif; margin:0px; border:0px;}
img {border:0px;}
h1 {margin:0; font-size:30px; font-weight:bold;}
h2 {margin:0; font-size:18px; font-weight:normal;}
h3 {margin:0; font-size:18px; font-weight:normal;}
h4 {margin:0; font-size:16px; font-weight:normal;}
a:link {color:#999999; text-decoration:none;}
a:visited {color:#999999; text-decoration:none;}
a:hover {color:#333333; text-decoration:none;}
.shout {font-size:18px; font-style:italic; line-height:1.5; color:#aaaaaa; letter-spacing:0.035em; padding:0 0 30px 0;}
.headline {font-size:30px; font-weight:normal; line-height:1.2; color:#333333; letter-spacing:0.02em; padding:0 0 10px 0; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; text-align: center;}
.intro {font-size:16px; font-weight:normal; line-height:1.4; color:#888; letter-spacing:0.02em; padding:0 0 0 0; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; text-align: center;}
/* ------------------------------
PAGE STRUCTURE
------------------------------ */
/*NAVIGATION MENU size 850px, 100%*/
#navigation {margin:0px auto 0px auto; width:100%; background:#f2f3f4;}
#navigation .logo {float:left; position:relative; top:-10px;}
#navigation .twitter {position:relative; top:6px;}
/*TOPBAR*/
#topbar {margin:0px auto; display:block; font-size:14px; width:840px; padding:20px 0px 20px 0px; text-align:right;
font-weight:normal; color:#ffffff;}/*text-transform:capitalize;*/
#topbar a {padding:0px 10px 0px 10px; color:#999999;}
#topbar .selected {padding:0px 10px 0px 10px; color:#000000;}
#topbar span#apps a {color:#000000;}
#topbar span#support a {color:#000000;}
#topbar span#contact a {color:#000000;}
#navigationshadow {margin:0 auto 0 auto; width:100%; background:#a8a9ae; height:12px; background:url(../images/shadow.png) top center no-repeat;}
/*CONTENT width 850px*/
#container {margin:10px auto 0 auto; padding:0; width:851px; }
/*NAVBAR*/
#navbar {margin:10px auto 0px auto; display:block; font-size:16px; width:851px; padding:15px 15px 0px 3px; font-weight:normal; color:#333333; text-align:left;}
#navbar a {display:inline-block; color:#999999; font-size:14px;}
#navbar .selected {display:inline-block; color:#000000; font-size:14px;}
#navbar span {padding:0px 10px 0px 10px;}
/*HEADER*/
#header {margin:0px auto 0 auto; display:block; padding:5px 10px 5px 10px; width:851px; background:url(../images/frame1.png) top left no-repeat; background-position: 0px 5px;}
/*GREY SPLASHBAR*/
#grey_splash {display:block; font-size:26px; width:851px; padding:35px 10px 30px 40px; text-align:left;
font-weight:normal; color:#999999; background:#a8a9ee; background:url(../images/blanksplashbar.png) top left no-repeat;
background-position: 0px 0px;}
#white_splash {display:block; font-size:12px; width:851px; padding:5px 10px 0px 40px; text-align:left;
font-weight:normal; color:#999999; background:#a8a9ee; background:url(../images/frame1.png) top left no-repeat;
background-position: 0px 0px;}
/*MAIN*/
#main {display:block; width:851px; background-image:url(../images/frame2.png); background-repeat: repeat-y; overflow:hidden;}
/*COL1 width 320px*/
#col1 {float:left; padding:20px 20px 20px 40px; width:260px; text-align:right;}/**/
#col1 p {font-size:14px; line-height:1.6; color:#333333; margin-bottom:20px; text-align:left;} /*text-align:justify;*/
#col1 .email {font-size:14px; font-weight:lighter; line-height:1.6; color:#aaaaaa;}
#col1 .selected {color:#1ca4ef;}
#col1 .submenu {font-size:14px; font-weight:lighter; line-height:1.6; color:#1ca4ef; margin-right: 20px}
#col1 h1 {font-size:26px; font-weight:bold; line-height:1; color:#666666; margin: 0 0 20px 0; text-align:right; padding:0; text-transform:capitalize;}/*border: 1px solid #cccccc;*/
#col1 h2 {font-size:20px; font-weight:lighter; line-height:1.5; color:#aaaaaa; letter-spacing:0.035em;}
#col1 h3 {font-size:16px; font-weight:bold; line-height:1; color:#000000; margin: 0 0 20px 0; text-align:justify; padding:0; text-transform:capitalize;}/**/
#col1 a:link {color:#aaaaaa; text-decoration:none;}
#col1 a:visited {color:#aaaaaa; text-decoration:none;}
#col1 a:hover {color:#1ca4ef; text-decoration:underline;}
/*COL2 width 520px*/
#col2 {float:left; padding:20px 40px 20px 20px; width:460px;}
#col2 p {font-size:14px; line-height:1.6; color:#333333; margin-bottom:20px; text-align:left;} /*text-align:justify;*/
#col2 .leader {font-size:16px; line-height:1.6; color:#666666; margin-bottom:20px; font-style:italic;}
#col2 h1 {font-size:26px; font-weight:bold; line-height:1; color:#666666; margin: 0 0 20px 0; text-align:justify; padding:0; text-transform:capitalize;}/*border: 1px solid #cccccc;*/
#col2 h2 {font-size:20px; font-weight:bold; line-height:1; color:#1ca4ef; margin: 0 0 20px 0; text-align:left; padding:0; text-transform:capitalize;}
#col2 h3 {font-size:16px; font-weight:bold; line-height:1.4; color:#000000; margin: 0 0 20px 0; text-align:left; padding:0; text-transform:capitalize;}/**/
#col2 h4 {} /*define this so left heading works. weird*/
#col2 .leftheading {display:block; position: relative; left:-345px; top: 17px; width:300px; font-size:16px; font-weight:normal; line-height:1; color:#1ca4ef; margin: 0 0 0 0; text-align:right; padding:0;}
#col2 .floatright {display:block; float:right; width:160px; font-size:16px; font-weight:normal; line-height:1; color:#1ca4ef; margin: 0 0 10px 0; text-align:right; padding:0;}
#col2 .floatleft {display:block; float:left; width:300px; font-size:16px; font-weight:normal; line-height:1; color:#1ca4ef; margin: 0 0 10px 0; text-align:left; padding:0;}/*border: 1px solid #cccccc;*/
#col2 .leftcomment {display:block; position: relative; left:-350px; top: 16px; width:250px; font-size:14px; font-weight:normal; line-height:1; color:#333333; margin: 0 0 0 0; text-align:left; padding:10px; border: 1px solid #f6e964; background:#f1fd87; -webkit-border-radius: 10px;}/**/
#col2 .subright {display:block; float:right; width:500px; font-size:12px; font-weight:normal; line-height:1; color:#cccccc; margin: 0 0 30px 0; text-align:right; padding:0;}
#col2 a:link {color:#1ca4ef; text-decoration:none;}
#col2 a:visited {color:#1ca4ef; text-decoration:none;}
#col2 a:hover {color:#1ca4ff; text-decoration:none;}
#col2 img.bulletimage {float:left; padding:-2px 10px 0 0;}
#col2 img.bulletimage2 {float:left; padding:5px 10px 0 0;}
#col2 .blogHeading {font-size:16px; color:#1ca4ef; padding:10px 0 0 0; }
#col2 .dateSubHeading {font-size:12px; color:#999999; padding:5px 0 0 0; }
/*COL3 width 840px*/
#col3 {float:left; padding:20px 40px 20px 80px; width:720px;}
#col3 p {font-size:14px; line-height:1.6; color:#333333; margin-bottom:20px;} /*text-align:justify;*/
#col3 .leader {display:block; width:700px; font-size:18px; line-height:1.6; color:#999999; margin-bottom:20px; font-style:italic;}
#col3 h1 {font-size:26px; font-weight:bold; line-height:1; color:#666666; margin: 0 0 20px 0; text-align:justify; padding:0; text-transform:capitalize;}/*border: 1px solid #cccccc;*/
#col3 h2 {font-size:20px; font-weight:normal; line-height:1; color:#1ca4ef; margin: 0 0 20px 0; text-align:justify; padding:0; text-transform:capitalize;}
/*COL4 width 840px*/
#col4 {float:left; padding:30px 5px 30px 5px; width:840px;}
ul {margin: 0px 0px 0px 30px; padding: 0px;}
li {list-style-type:disc; font-size:14px; font-weight:lighter; line-height:1.3; color:#333366; margin-bottom:10px;} /*text-align:justify;*/
.feature ul {margin: 30px 0 20px 0; padding: 0 0 0 60px;}
.feature li {list-style-type:disc; font-size:14px; font-weight:lighter; line-height:1.6; color:#333333; margin-bottom:10px;} /*text-align:justify;*/
/*COL5 width 520px*/
#col5 {float:left; padding:35px 20px 20px 40px; width:460px;}
#col5 p {font-size:14px; line-height:1.6; color:#333333; margin-bottom:20px;} /*text-align:justify;*/
#col5 .leader {font-size:16px; line-height:1.6; color:#666666; margin-bottom:20px; font-style:italic;}
#col5 h1 {font-size:26px; font-weight:bold; line-height:1; color:#666666; margin: 0 0 20px 0; text-align:justify; padding:0; text-transform:capitalize;}/*border: 1px solid #cccccc;*/
#col5 h2 {font-size:20px; font-weight:normal; line-height:1; color:#1ca4ef; margin: 0 0 20px 0; text-align:left; padding:0; text-transform:capitalize;}
#col5 h3 {font-size:16px; font-weight:bold; line-height:1; color:#000000; margin: 0 0 20px 0; text-align:justify; padding:0; text-transform:capitalize;}/**/
#col5 a:link {color:#1ca4ef; text-decoration:none;}
#col5 a:visited {color:#1ca4ef; text-decoration:none;}
#col5 a:hover {color:#1ca4ff; text-decoration:none;}
/*COL6 width 320px*/
#col6 {float:left; padding:35px 40px 20px 10px; width:270px; text-align:left;}/**/
#col6 p {font-size:14px; line-height:1.6; color:#333333; margin-bottom:20px;} /*text-align:justify;*/
#col6 .email {font-size:14px; font-weight:lighter; line-height:1.6; color:#aaaaaa;}
#col6 .selected {color:#1ca4ef;}
#col6 .submenu {font-size:14px; font-weight:lighter; line-height:1.6; color:#1ca4ef; margin-right: 20px}
#col6 h1 {font-size:26px; font-weight:bold; line-height:1; color:#666666; margin: 0 0 20px 0; text-align:left; padding:0; text-transform:capitalize;}/*border: 1px solid #cccccc;*/
#col6 h2 {font-size:20px; font-weight:lighter; line-height:1.5; color:#aaaaaa; letter-spacing:0.035em;}
#col6 h3 {font-size:16px; font-weight:bold; line-height:1; color:#000000; margin: 0 0 20px 0; text-align:justify; padding:0; text-transform:capitalize;}/**/
#col6 a:link {color:#aaaaaa; text-decoration:none;}
#col6 a:visited {color:#aaaaaa; text-decoration:none;}
#col6 a:hover {color:#1ca4ef; text-decoration:underline;}
/*COL7 width 320px*/
#col7 {float:left; padding:30px 10px 20px 40px; width:225px; text-align:left;}/**/
#col7 p {font-size:14px; line-height:1.6; color:#333333; margin-bottom:20px;} /*text-align:justify;*/
#col7 .email {font-size:14px; font-weight:lighter; line-height:1.6; color:#aaaaaa;}
#col7 .selected {color:#1ca4ef;}
#col7 .submenu {font-size:14px; font-weight:lighter; line-height:1.6; color:#1ca4ef; margin-right: 20px}
#col7 h1 {font-size:26px; font-weight:bold; line-height:1; color:#666666; margin: 0 0 20px 0; text-align:left; padding:0; text-transform:capitalize;}/*border: 1px solid #cccccc;*/
#col7 h2 {font-size:20px; font-weight:lighter; line-height:1.5; color:#aaaaaa; letter-spacing:0.035em;}
#col7 h3 {font-size:16px; font-weight:bold; line-height:1; color:#000000; margin: 0 0 20px 0; text-align:justify; padding:0; text-transform:capitalize;}/**/
#col7 a:link {color:#aaaaaa; text-decoration:none;}
#col7 a:visited {color:#aaaaaa; text-decoration:none;}
#col7 a:hover {color:#1ca4ef; text-decoration:underline;}
/*COL8 width 840px*/
#col8 {float:left; padding:30px 5px 30px 5px; width:840px; text-align:center}
/* SPACER */
div.spacer {clear:both; height:10px; display:block;}
/* DIVIDER */
div.divider {float:left; margin:0px 5px 0px 5px;; padding:30px 0px 30px 0px; width:840px; text-align:center; background:url(../images/divider840.jpg) top left no-repeat;}
/* FOOTER */
#footer {font-size:11px; width:851px; display:block; padding:50px 20px 20px 20px; margin:0 0 40px 0;
color:#666666; text-align:center; text-transform:capitalize;
background:url(../images/frame3.png) top left no-repeat;}
#footer2 {font-size:11px; width:851px; display:block; padding:20px 40px 20px 407px; margin: 40px 0 0 0;
color:#666666; text-align:center; text-transform:capitalize;}
#indexfooter {font-size:11px; width:851px; display:block; padding:520px 20px 20px 20px; margin:0 0 40px 0;
color:#666666; text-align:center; text-transform:capitalize;
background:url(../images/indexfooter.jpg) top left no-repeat;}
/* FORM */
.form {float:left;}
label.required {color: rgb(98, 98, 98); display: block; cursor: default; margin: 10px 0px 0px 0px; font-size: 12px;}
input.inputbox {width:400px; margin: 5px 0px 10px 0px; background: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204);
color: rgb(51, 51, 51); padding: 2px; border: 2px inset; cursor: auto; font-size: 14px;}
textarea.inputbox {width:400px; height:100px; margin: 5px 0px 10px 0px; background: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204);
color: rgb(51, 51, 51); padding: 2px; border: 2px inset; cursor: auto; font-size: 14px;}
/* ------------------------------
Standard Table
------------------------------ */
#standard {
margin:0 0 0 20px;
font-size: 12px;
border: 1px solid #dddddd;
}
#standard tr {
text-decoration : none;
color: #000000;
}
#standard td{
color: #000000;
padding: 5px;
vertical-align: top;
border-bottom: 1px solid #dddddd;
}
#standard td.darkblue {
background-color: #333366;
color: #ffffff;
padding: 5px;
font-size: 12px;
font-weight: bold;
vertical-align: top;
}
#standard td.lightblue {
background-color: #9999cc;
color: #ffffff;
padding: 5px;
font-size: 12px;
font-weight: bold;
vertical-align: top;
}
#standard td.lightblue a:link{
color: #ffffff;
}
#standard td.lightblue a:visited{
color: #ffffff;
}
#standard td a:link {
color: #999999;
}
#standard td a:visited {
color: #999999;
}
#standard td.selected a:link {
color: #999999;
}
#standard td.selected a:visited {
color: #999999;
}
/* Yellow - align left */
input.textfield1 {
width: 100%;
height: 30px;
border: none;
margin: 0;
font-size: 16px;
text-align: left;
background-color: #ffffcc;
}
/* Yellow - align left */
textarea.textfield1 {
width: 100%;
border: none;
margin: 0;
text-align: left;
font-size: 16px;
background-color: #ffffcc;
}
/* QUOTES - start */
.quote {
width: 260px;
margin: 20px 0px 40px 20px;
padding: 0px;
text-align:left;
font-style:italic;
color: #1ca4ef;
font-family:Georgia, Times, "Times New Roman", serif;
}
4.bqstart1 {
font-family:Georgia, Times, "Times New Roman", serif;
font-style:normal;
font-size: 300%;
position: relative;
float: left;
height: 45px;
margin-top: -20px;
padding-top: 0px;
margin-bottom: -50px;
left: -30px;
color: #1ca4ef;
}
.bqend1 {
font-family:Georgia, Times, "Times New Roman", serif;
font-style:normal;
font-size:300%;
position: relative;
float: right;
height: 25px;
padding-top: 0px;
color: #1ca4ef;
}
.bqstart {
font-family:Georgia, Times, "Times New Roman", serif;
font-style:normal;
font-size: 300%;
float: left;
display:block;
position:relative;
height: 15px;
top: -10px;
color: #1ca4ef;
}
.bqend {
font-family:Georgia, Times, "Times New Roman", serif;
font-style:normal;
font-size:300%;
display:inline;
background:url(../images/closequote.png) top left no-repeat; background-position: 0px 0px;
width: 17px;
height: 14px;
color: #1ca4ef;
}