/* Inspired by a free design by Bryant Smith (bryantsmith.com) */

html{
text-align: center;
}

body {
margin: 0;
padding: 0;
text-align: justify;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
background-color:#FFFFFF;
}


/*Image related formatting*/

img.floatLeft { 
float: left; 
margin: 0px 10px 0px 0px;
border:1px solid black;
}

img.floatRight { 
float: right; 
margin: 0px 0px 0px 10px;
border:1px solid black;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.centered_box{
margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;    
display: block;
margin-left: auto;
margin-right: auto;
border:1px solid black;
}

.caption{
text-align:center;
font-style:italic;
}




/*Header (size and color)*/

#header {
position:relative;
width: 800px;
height:100px;
background: #5599ff;
/*background: url(images/header_clean.png) no-repeat*/
}


/*Page Content, titles and code formating*/

* {
margin: 0 auto 0 auto;
text-align:left;
}

#page {
margin: 0 auto 0 auto; 
display: table; 
height: 100%;  
position: relative; 
overflow: hidden; 
background: #252F33 url(images/background.png) repeat-y;
width: 850px;
}

#pageContent {
width: 750px;
margin-left:20px;
height:auto;
padding-bottom:20px;
}

.articleContent {
width:auto;
position:relative;
padding-left:25px;
color:#000000;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
line-height:20px;
font-size:14px;
}


.title {
position:relative;
left:30px;
top:22px;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
color:#27408B;
font-size:32px;
font-weight:bold;
}

.subText {
position:relative;
left:62px;
top:26px;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#2D4E5B;
}

.articleTitle {
text-align:left;
padding-left:25px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
color: #3355FF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
}


.articleSubTitle {
text-align:left;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
color: #3355FF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}

p {
text-align: left;
}

code, pre {
font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
color:#333;
font-size:12px;
}

pre {
margin-top:10px;
margin-bottom:10px;
padding:8px 15px;
background: #f8f8f8;  
border-radius:5px;
border:1px solid #e5e5e5;
overflow-x: auto;
}


/*links and navigation */

.rightLinks {
border:1px solid black;
width: 102px;
font-size:11px;
font-weight:bold;
line-height:21px;
height:auto;
margin-right:-2px;
margin-left:10px;
padding-left:5px;
text-align:right;
float:right;
}

.rightLinks a:hover {
color:#A7C27C;
}


#bar {
position:middle;
width: 800px;
height:62px;
overflow: hidden; 
background:#5599ff url(images/bar.png) no-repeat;
}

.menuLink {
height:37px;
width: 105px;
text-align:center;
float:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#192B33;
padding-top:18px;
}


.menuLink:hover {
background: url(images/bar2.gif) repeat-x;
color:#5599ff;
}

a {
text-decoration:none;
color:#8FB359;
}

a:hover {
color:#A7C27C;
}

a.titleLink {
text-decoration:none;
color:#2222FF;
}

a.titleLink:hover {
text-decoration:none;
color:#2222FF;
}


.toplink_center {
text-align:center;
text-decoration:none;
font-size:10px;
color:#8FB359;
}


/*footer related things */
#footer {
width: 850px;
height:60px;
background: url(images/footer.png) no-repeat;
text-align:center;
font-size:9px;
color:#386172;
padding-top:36px;
}

#footer a {
font-size:10px;
color:#386172;
}