body
{
background: url("/images/layout/background.jpg");
background-repeat: no-repeat;
background-position: top;
background-attachment: fixed;
margin: 0px;
padding: 0px;
}

.header
{
background: url("/images/layout/header.jpg");
background-repeat: no-repeat;
width: 100%;
height: 197px;
padding: 0px;
margin: 0px;
text-align: center;
background-position: center;
border-bottom: 1px solid #fcfcfc;
}

.main
{
width: 100%;
height: 800px;
padding: 0px;
margin: 0px;
text-align: center;
border: 0px;
border-collapse: collapse;
}

.left
{
background-image: url("/images/layout/grayline01.png");
background-position: top;
background-repeat: repeat-x;
padding: 0px;
margin: 0px;
}

.center
{
background-image: url("/images/layout/borderLeft.gif");
background-position: left;
background-repeat: repeat-y;
background-color: #f5f5f5;
padding: 0px;
margin: 0px;
width: 900px;
text-align: left;
vertical-align: top;
}

.right
{
background-image: url("/images/layout/grayline01.png");
background-position: top;
background-repeat: repeat-x;
padding: 0px;
margin: 0px;
vertical-align: top;
}

.rightBackground
{
background-image: url("/images/layout/borderLeft.gif");
background-position: left;
background-repeat: repeat-y;
padding: 0px;
margin: 0px;
height: 100%;
}

.headCenter
{
text-align: left;
padding:0px;
margin:0px;
border: 0px;
width: 800px;
}

.logo
{
position: relative;
top: 0px;
left: 0px;
}

.footer
{
background-image: url("/images/layout/borderBottom.gif");
background-repeat: repeat-x;
background-position: top;
width: 900px;
height: 100px;
font-family: verdana;
font-size: 12px;
color: #666666;
}

.search
{
background-image: url("/images/layout/search_text.png");
background-repeat: no-repeat;
position: relative;
top: -24px;
left: 405px;
display: inline-block;
padding-left: 15px;
padding-right, padding-top, padding-bottom: 0px;
}

.search_submit
{
margin: 0px;
padding: 0px;
}

.search_text
{
position: relative;
top: -7px;
margin: 0px;
padding: 0px;
border: 1px solid #f0f0f0;
font-style: italic;
color: #aaaaaa;
}

.contentLeft
{
width: 531px;
padding: 20px 41px 20px 20px;
margin: 0px;
text-align: justify;
vertical-align: top;
font-family: verdana;
font-size: 13px;
color: #333333;
}

.contentFull
{
width: 100%;
padding: 20px 40px 20px 20px;
margin: 0px;
text-align: justify;
vertical-align: top;
font-family: verdana;
font-size: 13px;
color: #333333;
}

.contentRight
{
text-align: right;
width: 275px;
padding: 20px 0px 20px 0px;
margin: 0px;
vertical-align: top;
}

.generalPurposeBox
{
padding: 10px;
background-color: #f5f5f5;
background-image: url('/images/layout/tutorialListBg.gif');
background-repeat: repeat-x;
border: 1px solid #dddddd;
width: 100%;
text-align: justify;
}

.ribbon
{
text-align: left;
z-index: 1;
background-image: url("/images/layout/ribbon.png");
background-repeat: no-repeat;
position: relative;
top: 0px;
left: 57px;
width: 281px;
height: 54px;
color: #fcfcfc;
font-family: Calibri, Verdana;
font-size: 14px;
font-weight: bold;
padding-top: 10px;
padding-left: 20px;
}

.innerContainer
{
border: 0px;
padding: 0px;
margin: 0px;
width: 900px;
}

.buttons
{
padding: 0px 0px 0px 0px;
margin: 0px;
width: 530px;
text-align: center;
height: 37px;
}

.buttonHolder
{
text-align: center;
font-family: verdana;
font-size: 14px;
display: inline;
margin: 32px;
}

.aboveRight
{
width: 35%;
color: #aaaaaa;
font-size: 12px;
font-family: verdana;
text-align: right;
padding-right: 34px;
}

.buttonOff, .buttonOff a:link, .buttonOff a:active, .buttonOff a:visited
{
display: inline;
color: #777777;
text-decoration: none;
border: 0px;
}

.buttonOff a:hover, .buttonOff a:visited:hover
{
display: inline;
color: #444444;
text-decoration: none;
}

.buttonOn, .buttonOn a:link, .buttonOn a:active, .buttonOn a:hover, .buttonOn a:visited, .buttonOn a:visited:hover
{
display: inline;
color: #333366;
text-decoration: none;
}

.selected_home
{
z-index: 1;
position: relative;
top: -19px;
left: -203px;
padding: 0px;
margin: 0px;
overflow: hidden;
}

.selected_tutorials
{
z-index: 1;
position: relative;
top: -19px;
left: -79px;
padding: 0px;
margin: 0px;
overflow: hidden;
}


.selected_resources
{
z-index: 1;
position: relative;
top: -19px;
left: 82px;
padding: 0px;
margin: 0px;
overflow: hidden;
}

.selected_forums
{
z-index: 1;
position: relative;
top: -19px;
left: 222px;
padding: 0px;
margin: 0px;
overflow: hidden;
}

.moduleContent
{
text-align: right;
font-family: verdana;
font-size: 12px;
color: #666666;
width: 200px;
}

.loginBox
{
text-align: right;
margin-top: 10px;
position: relative;
left: 82px;
width: 100%;
}

.loginForm
{
border: 1px solid #b4b4b4;
}

.loginBoxText
{
font-family: verdana;
font-size: 12px;
color: #595e8f;;
}

.userBox
{
width: 218px;
text-align: left;
margin-top: 10px;
margin-left: 60px;
padding-right: 28px;
}

.userChoice
{
padding: 5px 5px 5px 18px;
}

.userChoice a:link, .userChoice a:visited, .userChoice a:active
{
color: #202020;
text-decoration: none;
}

.userChoice a:hover, .userChoice a:visited:hover
{
color: #333333;
text-decoration: underline;
}

.languageMenu
{
z-index: 2;
background-color: #f5f5f5;
border: 0px;
color: #444444;
font-size: 12px;
}

.tutorialSectionList
{
position: relative;
margin-top: 10px;
left: 82px;
text-align: left;
font-family: arial;
color: #666666;
width: 100%;
}

.tutorialSection
{
font-size: 13px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
}

.tutorialSection a:link, .tutorialSection a:visited, .tutorialSection a:active
{
color: #2e67db;
text-decoration: none;
}

.tutorialSection a:hover, .tutorialSection a:visited:hover
{
color: #474a68;
text-decoration: none;
}

.tutorialCategory
{
font-size: 12px;
color: #595e8f;
padding-top: 4px;
padding-bottom: 4px;
}

.tutorialCategory a:link, .tutorialCategory a:visited, .tutorialCategory a:active
{
color: #595e8f;
text-decoration: none;
}

.tutorialCategory a:hover, .tutorialCategory a:visited:hover
{
color: #474a68;
text-decoration: none;
}

.tutorialBlock
{
width: 100%;
padding: 0px;
margin-top: 20px;

font-family: verdana;
}

.tutorialImage
{
padding-right: 10px;
width: 85px;
}

.tutorialImage img
{
border: 1px solid #dddddd;
}

.tutorialTitle
{
font-size: 12px;
font-weight: bold;
height: 20px;
}

.tutorialTitle a:link, .tutorialTitle a:visited, .tutorialTitle a:active
{
color: #4466a6;
text-decoration: none;
}

.tutorialTitle a:hover, .tutorialTitle a:visited:hover
{
color: #091f91;
text-decoration: none;
}

.tutorialDescription
{
font-size: 11px;
}

.tutorialData
{
font-size: 11px;
color: #999999;
}

.tutorialData a:link, .tutorialData a:visited, .tutorialData a:active
{
color: #4466a6;
text-decoration: none;
}

.tutorialData a:hover, .tutorialData a:visited:hover
{
color: #091f91;
text-decoration: none;
}

.tutorialDetails
{
display: none;
visiblity: hidden;
overflow: hidden;
}

.tutorialDescription
{
color: #333333;
text-align: justify;
padding-top: 5px;
padding-bottom: 5px;
}

.tutorialBasic
{
display: none;
visiblity: hidden;
overflow: hidden;
}

.tutorialTools
{
text-align: center;
margin-top: 3px;
}

.tutorialTools img
{
border: 0px;
}

.hidden
{
display: none;
visiblity: hidden;
overflow: hidden;
}

.paginationIndex
{
font-family: verdana;
font-size: 12px;
color: #091f91;
font-weight: bold;
}

.paginationIndex a:link, .paginationIndex a:visited, .paginationIndex a:active
{
color: #4466a6;
text-decoration: none;
font-weight: normal;
border: 1px solid #cccccc;
background-color: #ffffff;
padding: 3px;
}

.paginationIndex a:hover, .paginationIndex a:visited:hover
{
color: #091f91;
text-decoration: none;
font-weight: normal;
border: 1px solid #b3a9cc;
background-color: #f1f6ff;
padding: 3px;
}